:root {
  /* Color */
  --carbon-black: #232323;
  --glaucous-3: #d1dbf2;
  --glaucous-5: #a5b1ce;
  --glaucous-6: #8693af;
  --dark: #0a0f1a;
  --gold: #d4ae34;
  --gold-border: #9c7b10;
  --white: #ffffff;
  --quote-bg: rgba(192, 205, 232, 0.3);
  --quote-bg-dark: rgba(192, 205, 232, 0.2);
  --stat-bg: #fcfcfc;
  --stat-border: #e5eaf5;
  --blue-accent: #0554fd;

  /* Typography */
  --font: 'Inter', system-ui, -apple-system, sans-serif;

  /* Layout */
  --max-w: 1200px;
  --radius: 8px;

  /* Motion tokens (from handoff §2) */
  --dur-instant: 120ms;
  --dur-fast: 240ms;
  --dur-base: 400ms;
  --dur-slow: 700ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-linear: linear;
  --travel-sm: 8px;
  --travel-md: 24px;
  --travel-lg: 48px;
  --stagger-tight: 60ms;
  --stagger-loose: 120ms;
  --intent-delay: 100ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-instant: 0ms;
    --dur-fast: 0ms;
    --dur-base: 0ms;
    --dur-slow: 0ms;
    --travel-sm: 0px;
    --travel-md: 0px;
    --travel-lg: 0px;
    --stagger-tight: 0ms;
    --stagger-loose: 0ms;
  }
}