/* Hallmark · genre: brand (race-telemetry register) · macrostructure: Marquee Hero poster (single-fold) · theme: custom telemetry
 * tone: competitive, ironic, technical · anchor hue: 27 (signal red) · palette: chroma-zero paper + one red accent
 * nav: N8 terminal-command + meta links · footer: install command strip on the red signal band
 * restyle 2026-06-12: dark race telemetry (night timing screen) — dot-grid texture, warm terminal panel, red signal band CTA
 * Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V5
 */
:root {
  /* dark race telemetry — chroma-zero night paper, one signal red */
  --color-paper:      oklch(13% 0 0);
  --color-paper-2:    oklch(17% 0 0);
  --color-rule:       oklch(30% 0 0);
  --color-neutral:    oklch(62% 0 0);
  --color-muted:      oklch(76% 0 0);
  --color-ink:        oklch(95% 0 0);
  --color-accent:     oklch(62% 0.21 27);
  --color-accent-dim: oklch(50% 0.15 27);
  --color-focus:      oklch(62% 0.21 27);
  /* semantic status green — only for the "working" dot */
  --color-go:         oklch(70% 0.15 150);
  /* dot-grid texture, dark mode only */
  --grid-dot:         oklch(58% 0 0 / 0.12);

  /* the terminal panel — the one dark artifact on the light page */
  --term-bg:      oklch(14% 0.012 50);
  --term-ink:     oklch(94% 0.008 50);
  --term-neutral: oklch(64% 0.02 50);
  --term-rule:    oklch(31% 0.02 50);
  --term-accent:  oklch(76% 0.16 55);
  --term-go:      oklch(72% 0.15 150);

  /* the red signal band — the install CTA strip */
  --cta-bg:  oklch(54% 0.21 27);
  --cta-ink: oklch(97.5% 0 0);
  --cta-dim: oklch(86% 0.05 27);

  --font-display: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
  --font-body:    "Geist", ui-sans-serif, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* 1.25 scale on a 16px base */
  --text-xs:   0.8rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-display: clamp(2.6rem, 7.5vw + 0.5rem, 5.5rem);

  /* 4pt spacing scale */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);

  --rule-hair: 1px;
  --rule-thick: 3px;

  --page-gutter: clamp(1rem, 4vw, 4rem);
}