/* GT7 Daily design tokens */
:root, [data-theme="dark"] {
  --surface-0: #0a0c0f; --surface-1: #12151a; --surface-2: #1a1e25; --line: #2b313b;
  --ink: #eef1f4; --ink-muted: #9aa4af;
  --accent: #ffb020; --on-accent: #0a0c0f;
  --throttle: #2ee6a6; --brake: #ff4b3e; --clutch: #5aa9ff; --haptic: #f5e04a; --best-lap: #c084fc;
  --delta-gain: var(--throttle); --delta-loss: var(--brake);
  --tyre-cold: var(--clutch); --tyre-ok: var(--throttle); --tyre-hot: var(--brake);
  color-scheme: dark;
}

:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px;
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-sans: Barlow, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
.readout-xl { font: 600 88px/88px var(--font-mono); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.readout-lg { font: 600 40px/44px var(--font-mono); font-variant-numeric: tabular-nums; }
.readout-md { font: 500 22px/28px var(--font-mono); font-variant-numeric: tabular-nums; }
.data-sm { font: 400 12px/16px var(--font-mono); font-variant-numeric: tabular-nums; }
.title { font: 700 28px/32px var(--font-display); letter-spacing: 0.01em; }
.label { font: 600 13px/16px var(--font-display); letter-spacing: 0.08em; text-transform: uppercase; }
.body { font: 400 15px/22px var(--font-sans); }
.caption { font: 400 13px/18px var(--font-sans); }

/* ---------- Brand tokens for the next version (defined in Milestone 0, applied from Milestone 1) ----------
   Racing amber on dark; racing's signal colours keep their meaning everywhere; Saira (bundled in fonts/, works
   offline) for names and numbers; motion is quick and purposeful, moments stay long enough to read. */
:root {
  --brand: #ffb020; --on-brand: #0a0c0f;
  --sig-fastest: #c084fc; --sig-improved: #2ee6a6; --sig-warning: #f5e04a; --sig-problem: #ff4b3e;
  --panel-glass: rgba(12, 14, 18, 0.92); /* broadcast panels over video */
  --font-brand: "Saira Condensed", "Arial Narrow", sans-serif;        /* names, headings, labels */
  --font-numbers: "Saira Semi Condensed", "Arial Narrow", sans-serif; /* times, gaps, speeds (with tabular-nums) */
  --slant: -14deg;                                                     /* the broadcast (energetic) style's angle */
  --dur-fast: 150ms; --dur-in: 400ms; --dur-out: 300ms;               /* graphics slide in ~0.4 s, out a bit faster */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1); --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
  --moment-hold: 7s;                                                   /* a lower-third stays about 6 to 8 s */
}