:root {
  /* Color — OKLCH only; no hardcoded values in component files */
  --color-bg:         oklch(0.14 0.005 260);
  --color-surface:    oklch(0.18 0.005 260);
  --color-surface-2:  oklch(0.22 0.005 260);
  --color-border:     oklch(0.28 0.005 260);
  --color-text:       oklch(0.94 0.005 260);
  --color-text-muted: oklch(0.66 0.008 260);
  --color-accent:     oklch(0.74 0.18  50);
  --color-accent-hover: oklch(0.80 0.18 50);
  --color-accent-fg:  oklch(0.14 0.005 260);

  /* Type — Geist preferred; Inter via Google Fonts as loaded fallback */
  --font-sans: "Geist", "Inter", -apple-system, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;

  /* Spacing — committed subset 4/8/16/24/48 only */
  --space-1:  4px;
  --space-2:  8px;
  --space-4:  16px;
  --space-6:  24px;
  --space-12: 48px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 6px;

  /* Shadow — nav sticky only; no other shadows in v1 */
  --shadow-sticky: 0 1px 0 var(--color-border);

  /* Motion — named properties; never transition: all */
  --duration-fast:   120ms;
  --easing-standard: ease-out;
}