:root {
  /* Palette: racing red, asphalt black, paper white, signal yellow.
     Contrast: --ink on --bg 17:1; --bg on --accent 5.9:1; --ink on --signal 15:1; --muted on --bg 7.4:1 */
  --bg: #ffffff;
  --surface: #f2f2f0;
  --ink: #0d0d10;
  --muted: #4a4a52;
  --accent: #d40000;
  --accent-dark: #9e0000;
  --signal: #ffd400;
  --asphalt: #1b1b20;
  --on-dark: #ffffff;
  --border: #d4d4d0;
  --focus: #0050d8;

  /* Type: system fonts only. Bold, tight, condensed-feeling headings. */
  --font-display: "Arial Black", "Helvetica Neue", Impact, system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-2xl: clamp(2rem, 5vw, 3rem);
  --text-3xl: clamp(2.6rem, 8vw, 4.75rem);
  --leading: 1.6;
  --leading-tight: 1.05;
  --tracking-display: -0.02em;

  /* Spacing and shape (sharp corners suit the racing feel) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --radius: 2px;
  --radius-lg: 6px;
  --stripe: 6px;
  --max-width: 68rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d0d10;
    --surface: #1b1b20;
    --ink: #f5f5f2;
    --muted: #b8b8c0;
    --accent: #ff3b30;
    --border: #3a3a42;
    --focus: #7fb0ff;
  }
}