:root,
:root[data-theme="light"] {
  color-scheme: light;

  --pd-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pd-font-display: "Arial Narrow", "Roboto Condensed", "Segoe UI", sans-serif;
  --pd-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --pd-text-xs: 0.75rem;
  --pd-text-sm: 0.875rem;
  --pd-text-md: 1rem;
  --pd-text-lg: clamp(1.05rem, 1rem + 0.35vw, 1.25rem);
  --pd-text-xl: clamp(1.35rem, 1.16rem + 0.8vw, 1.85rem);
  --pd-text-2xl: clamp(1.9rem, 1.45rem + 1.8vw, 3rem);
  --pd-leading-tight: 1.08;
  --pd-leading-body: 1.55;
  --pd-tracking-label: 0.08em;

  --pd-space-0: 0;
  --pd-space-1: 0.125rem;
  --pd-space-2: 0.25rem;
  --pd-space-3: 0.5rem;
  --pd-space-4: 0.75rem;
  --pd-space-5: 1rem;
  --pd-space-6: 1.5rem;
  --pd-space-7: 2rem;
  --pd-space-8: 3rem;
  --pd-space-9: 4rem;

  --pd-page: #f2f4f7;
  --pd-surface-base: #ffffff;
  --pd-surface-elevated: #f8fafc;
  --pd-surface-interactive: #edf3ff;
  --pd-surface-premium: #101b2a;
  --pd-text-primary: #101820;
  --pd-text-secondary: #526174;
  --pd-text-inverse: #f8fafc;
  --pd-border: #cbd4df;
  --pd-border-strong: #8b99aa;
  --pd-accent: #1f55c5;
  --pd-accent-strong: #17429a;
  --pd-accent-soft: #dbe7ff;
  --pd-focus: #0b66e4;
  --pd-selection: #cfe0ff;
  --pd-disabled-surface: #e5e9ef;
  --pd-disabled-text: #69778a;

  --pd-status-final-bg: #e1e7ef;
  --pd-status-final-text: #263546;
  --pd-status-live-bg: #ffe1e4;
  --pd-status-live-text: #9d1624;
  --pd-status-upcoming-bg: #e1ecff;
  --pd-status-upcoming-text: #174487;
  --pd-status-selected-bg: #dcf4e7;
  --pd-status-selected-text: #145c36;
  --pd-status-unavailable-bg: #eee8df;
  --pd-status-unavailable-text: #624f36;
  --pd-error-bg: #fff0f0;
  --pd-error-text: #8b1821;
  --pd-error-border: #e6a3aa;

  --pd-radius-sm: 0.375rem;
  --pd-radius-md: 0.75rem;
  --pd-radius-lg: 1rem;
  --pd-radius-pill: 999px;
  --pd-border-width: 1px;
  --pd-shadow-sm: 0 1px 2px rgba(16, 24, 32, 0.08);
  --pd-shadow-md: 0 12px 30px rgba(16, 24, 32, 0.12);
  --pd-shadow-premium: 0 22px 52px rgba(7, 17, 31, 0.28);
  --pd-focus-ring: 0 0 0 3px color-mix(in srgb, var(--pd-focus) 32%, transparent);

  --pd-motion-fast: 140ms;
  --pd-motion-standard: 220ms;
  --pd-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --pd-touch-target: 2.75rem;
  --pd-content-max: 76rem;
  --pd-phone-narrow: 20rem;
  --pd-phone-standard: 23.4375rem;
  --pd-phone-wide: 26.875rem;
  --pd-breakpoint-compact: 43.75rem;
  --pd-breakpoint-wide: 64rem;
  --pd-z-drawer: 1000;

  --pd-team-accent-primary: var(--pd-accent);
  --pd-team-accent-secondary: var(--pd-accent-soft);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --pd-page: #07111f;
  --pd-surface-base: #0e1c2b;
  --pd-surface-elevated: #152638;
  --pd-surface-interactive: #172d47;
  --pd-surface-premium: #07101c;
  --pd-text-primary: #f4f7fb;
  --pd-text-secondary: #aebac8;
  --pd-text-inverse: #f8fafc;
  --pd-border: #33475d;
  --pd-border-strong: #6b7e93;
  --pd-accent: #8eb4ff;
  --pd-accent-strong: #b7ccff;
  --pd-accent-soft: #233b60;
  --pd-focus: #9bc0ff;
  --pd-selection: #294b77;
  --pd-disabled-surface: #1c2b3c;
  --pd-disabled-text: #8290a0;

  --pd-status-final-bg: #26384c;
  --pd-status-final-text: #e4ebf3;
  --pd-status-live-bg: #591f28;
  --pd-status-live-text: #ffb8c0;
  --pd-status-upcoming-bg: #1d3d68;
  --pd-status-upcoming-text: #c5d9ff;
  --pd-status-selected-bg: #174b35;
  --pd-status-selected-text: #bdebd0;
  --pd-status-unavailable-bg: #453a2e;
  --pd-status-unavailable-text: #e6d4bd;
  --pd-error-bg: #3c1b22;
  --pd-error-text: #ffc0c6;
  --pd-error-border: #8f4d55;
  --pd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --pd-shadow-md: 0 14px 34px rgba(0, 0, 0, 0.38);
  --pd-shadow-premium: 0 24px 56px rgba(0, 0, 0, 0.5);
}