/* Shared design tokens — used by homepage + blog. Single source of truth. */
:root {
  /* Surfaces */
  --bg: #020617;
  --bg-elev: #0a0f1e;
  --surface: #0f172a;
  --surface-2: #131c2e;
  --surface-3: #1a2438;

  /* Borders */
  --border: #1e293b;
  --border-strong: #334155;

  /* Text */
  --text: #e2e8f0;
  --text-strong: #f8fafc;
  --text-muted: #94a3b8;
  --text-faint: #64748b;
  --text-dim: #475569;

  /* Accents */
  --indigo: #818cf8;
  --indigo-bright: #a5b4fc;
  --indigo-deep: #6366f1;
  --emerald: #34d399;
  --amber: #fbbf24;
  --rose: #fb7185;

  /* Type */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-serif: 'Newsreader', 'Iowan Old Style', 'Charter', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Menlo', monospace;

  /* Layout */
  --max-w-prose: 720px;
  --max-w-chrome: 1200px;
  --max-w-wide: 1280px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 120ms;
  --dur: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}