:root {
  --bg-deep: #0a0a1a;
  --bg-space: #0d1117;
  --bg-card: rgba(15, 20, 40, 0.75);
  --bg-card-hover: rgba(20, 30, 60, 0.85);

  --cyan: #00e5ff;
  --cyan-glow: rgba(0, 229, 255, 0.4);
  --cyan-dim: rgba(0, 229, 255, 0.15);
  --gold: #ffd700;
  --gold-glow: rgba(255, 215, 0, 0.4);
  --pink: #ff4da6;
  --pink-glow: rgba(255, 77, 166, 0.4);
  --green: #00ff88;
  --green-glow: rgba(0, 255, 136, 0.4);
  --red: #ff4444;
  --red-glow: rgba(255, 68, 68, 0.4);
  --orange: #ff8c00;
  --purple: #a855f7;
  --white: #eef2ff;
  --white-dim: rgba(238, 242, 255, 0.6);

  --font-display: 'Fredoka One', cursive;
  --font-body: 'Nunito', sans-serif;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --glass-bg: rgba(15, 20, 50, 0.6);
  --glass-border: rgba(0, 229, 255, 0.2);
  --glass-blur: 12px;

  --shadow-glow-cyan: 0 0 20px var(--cyan-glow), 0 0 40px rgba(0, 229, 255, 0.1);
  --shadow-glow-gold: 0 0 20px var(--gold-glow), 0 0 40px rgba(255, 215, 0, 0.1);
  --shadow-glow-pink: 0 0 20px var(--pink-glow);

  --transition-fast: 0.15s ease;
  --transition-med: 0.3s ease;
  --transition-slow: 0.6s ease;

  --nav-height: 60px;
  --mobile-tab-height: 64px;
  --touch-min: 48px;
}