:root {
  /* ==========================================================================
     Rossaland 2026 - Ethereal Celestial Game Tokens
     Hand-crafted AAA Mobile WebApp & Telegram Mini-App Palette
     ========================================================================== */
  
  /* Deep Void & Atmospheric Backgrounds */
  --bg-primary: #070614;
  --bg-secondary: #0f0d26;
  --bg-tertiary: #171438;
  --bg-card: rgba(19, 16, 44, 0.72);
  --bg-card-hover: rgba(30, 25, 68, 0.88);
  --bg-glass: rgba(255, 255, 255, 0.04);
  --bg-glass-elevated: rgba(255, 255, 255, 0.08);

  /* Specular Borders & Radiant Glows */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-card: rgba(147, 51, 234, 0.22);
  --border-glow: rgba(34, 211, 238, 0.55);
  --border-gold: rgba(251, 191, 36, 0.45);
  --glass-specular: rgba(255, 255, 255, 0.15);

  /* Celestial Mana Elemental Accents */
  --accent-cyan: #06b6d4;
  --accent-cyan-glow: #22d3ee;
  --accent-cyan-deep: #0891b2;
  --accent-purple: #9333ea;
  --accent-purple-glow: #c084fc;
  --accent-purple-deep: #581c87;
  --accent-emerald: #10b981;
  --accent-emerald-glow: #34d399;
  --accent-gold: #f59e0b;
  --accent-gold-glow: #fbbf24;
  --accent-rose: #f43f5e;
  --accent-rose-glow: #fb7185;

  /* Telegram Official Branding */
  --telegram-blue: #0088cc;
  --telegram-blue-hover: #0099e6;
  --telegram-blue-glow: rgba(0, 136, 204, 0.4);

  /* Dynamic Gradients */
  --gradient-aurora: linear-gradient(135deg, #06b6d4 0%, #9333ea 50%, #f59e0b 100%);
  --gradient-celestial: linear-gradient(180deg, #1e1b4b 0%, #070614 70%);
  --gradient-card-border: linear-gradient(135deg, rgba(34, 211, 238, 0.3), rgba(147, 51, 234, 0.1), rgba(251, 191, 36, 0.3));

  /* Typography */
  --font-family-en: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-fa: "Estedad", "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif;
  --font-family-game: "Orbitron", -apple-system, BlinkMacSystemFont, sans-serif;

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --text-gold: #fde047;

  /* Elevation, Atmosphere & Glow Shadows */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.75);
  --shadow-glow-cyan: 0 0 30px rgba(6, 182, 212, 0.4);
  --shadow-glow-purple: 0 0 35px rgba(147, 51, 234, 0.4);
  --shadow-glow-gold: 0 0 30px rgba(245, 158, 11, 0.45);

  /* Geometry & Radii */
  --container-max-w: 1200px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Haptic Motion & Spring Curves */
  --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-spring: 0.38s cubic-bezier(0.34, 1.56, 0.64, 1);
}