:root {
  /* Color palette — Grove-aligned dark forest */
  --bg: #0D1F1C;
  --surface: #162E2A;
  --accent: #C28A05;
  --accent-hover: #D4970A;
  --accent-subtle: rgba(194, 138, 5, 0.15);
  --text: #F0EDE6;
  --text-muted: #8B9E8A;
  --brass: #C28A05;
  --rule: #1E3530;
  --card-bg: #0F1E1B;
  --card-border: #1E3530;
  --card-border-hover: #C28A05;

  /* Story section — Grove Deep Forest */
  --story-bg: #1A4A44;
  --story-text: #F0EDE6;
  --story-callout-bg: rgba(255, 255, 255, 0.07);
  --story-callout-border: #C28A05;

  /* Values section */
  --values-bg: #14332F;
  --values-text: #F0EDE6;

  /* Stats section */
  --stats-bg: #091918;

  /* Typography */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* Spacing scale (8px base) */
  --space-2: 0.125rem;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-96: 6rem;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-base: 200ms ease-out;
  --transition-slow: 400ms ease-out;
}