:root {
  /* Populated by theme preset via theme.js; defaults = arcade-casino */
  --color-bg-deep: #0c0f18;
  --color-bg-mid: #12182a;
  --color-surface: rgba(22, 28, 48, 0.92);
  --color-gold: #f4c14b;
  --color-gold-dark: #c98a1b;
  --color-cta: #ff6b35;
  --color-cta-glow: rgba(255, 107, 53, 0.55);
  --color-accent: #32d8e6;
  --color-text: #f3f5ff;
  --color-text-muted: rgba(226, 232, 255, 0.72);
  --color-danger: #ff4d6d;
  --color-wheel-border: #2a1a0a;
  --font-display: "Barlow Condensed", system-ui, sans-serif;
  --font-body: Poppins, system-ui, sans-serif;
  --radius-lg: 1.25rem;
  --radius-md: 0.75rem;
  --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.45);
  --wheel-size: min(calc(100vw - 7.5rem), 22rem);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
}