:root {
  --color-volcano-red: #cc2200;
  --color-eruption-orange: #ff6600;
  --color-volcanic-gold: #cc8800;
  --color-flame-amber: #ffaa00;
  --color-crater-green: #008833;
  --color-magma-purple: #550099;
  --color-volcanic-dark: #0f0600;
  --color-lava-surface: #1a0800;
  --color-ash-cream: #f5ead8;
  --color-stone-gray: #554433;
  --font-display: "Bebas Neue", Impact, sans-serif;
  --font-body: "Nunito", system-ui, sans-serif;
  --font-mono: "Space Mono", monospace;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --radius-sm: 6px;
  --radius-md: 12px;
  --touch-min: 44px;
  --header-height: 64px;
  --disclaimer-height: 48px;
  --z-overlay: 900;
  --z-modal: 1000;
  --z-cookie: 1100;
  --z-age-gate: 1200;
  --bp-md: 768px;
  --bp-nav: 992px;
  --bp-lg: 1024px;
  --gradient-lava: linear-gradient(135deg, #cc2200 0%, #ff6600 100%);
  --shadow-lava: 0 0 20px rgba(255, 102, 0, 0.4);
  --transition-base: 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-base: 0.01ms;
  }
}