:root {

  /* ═══════════════════════════════════════
     PURPLE GLOW (The Augmented)
  ═══════════════════════════════════════ */
  --glow-purple-xs: 0 0 6px  rgba(147, 51, 234, 0.35);
  --glow-purple-sm: 0 0 12px rgba(147, 51, 234, 0.45);
  --glow-purple-md: 0 0 24px rgba(147, 51, 234, 0.55), 0 0 6px rgba(147, 51, 234, 0.8);
  --glow-purple-lg: 0 0 48px rgba(147, 51, 234, 0.60), 0 0 16px rgba(192, 132, 252, 0.5);
  --glow-purple-xl: 0 0 80px rgba(147, 51, 234, 0.65), 0 0 30px rgba(192, 132, 252, 0.6), 0 0 8px rgba(216, 180, 254, 0.9);

  /* ═══════════════════════════════════════
     TEAL GLOW (The Purists)
  ═══════════════════════════════════════ */
  --glow-teal-xs: 0 0 6px  rgba(45, 212, 184, 0.35);
  --glow-teal-sm: 0 0 12px rgba(45, 212, 184, 0.45);
  --glow-teal-md: 0 0 24px rgba(45, 212, 184, 0.55), 0 0 6px rgba(45, 212, 184, 0.8);
  --glow-teal-lg: 0 0 48px rgba(45, 212, 184, 0.60), 0 0 16px rgba(94, 234, 212, 0.5);
  --glow-teal-xl: 0 0 80px rgba(45, 212, 184, 0.65), 0 0 30px rgba(94, 234, 212, 0.6), 0 0 8px rgba(153, 246, 228, 0.9);

  /* ═══════════════════════════════════════
     EMBER GLOW (Danger, Fire)
  ═══════════════════════════════════════ */
  --glow-ember-sm: 0 0 12px rgba(249, 115, 22, 0.45);
  --glow-ember-md: 0 0 24px rgba(249, 115, 22, 0.55), 0 0 6px rgba(249, 115, 22, 0.8);
  --glow-ember-lg: 0 0 48px rgba(249, 115, 22, 0.60), 0 0 16px rgba(251, 146, 60, 0.5);

  /* ═══════════════════════════════════════
     GOLD GLOW (Quest, Reward)
  ═══════════════════════════════════════ */
  --glow-gold-sm: 0 0 12px rgba(245, 158, 11, 0.40);
  --glow-gold-md: 0 0 24px rgba(245, 158, 11, 0.50), 0 0 6px rgba(245, 158, 11, 0.75);
  --glow-gold-lg: 0 0 48px rgba(245, 158, 11, 0.55), 0 0 16px rgba(251, 191, 36, 0.5);

  /* ═══════════════════════════════════════
     DROP SHADOWS
  ═══════════════════════════════════════ */
  --shadow-sm:   0 1px 3px  rgba(0, 0, 0, 0.45);
  --shadow-md:   0 4px 12px rgba(0, 0, 0, 0.55);
  --shadow-lg:   0 8px 24px rgba(0, 0, 0, 0.65);
  --shadow-xl:   0 16px 48px rgba(0, 0, 0, 0.75);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255,255,255,0.04);

  /* ═══════════════════════════════════════
     TEXT SHADOWS (for glowing text)
  ═══════════════════════════════════════ */
  --text-glow-purple: 0 0 10px rgba(147, 51, 234, 0.9), 0 0 25px rgba(147, 51, 234, 0.5);
  --text-glow-teal:   0 0 10px rgba(45, 212, 184, 0.9), 0 0 25px rgba(45, 212, 184, 0.5);
  --text-glow-white:  0 0 16px rgba(255, 255, 255, 0.6), 0 0 36px rgba(255, 255, 255, 0.3);
  --text-glow-gold:   0 0 10px rgba(245, 158, 11, 0.9), 0 0 25px rgba(245, 158, 11, 0.5);

  /* ═══════════════════════════════════════
     GRADIENTS
  ═══════════════════════════════════════ */
  --gradient-void:         linear-gradient(180deg, #0c0e22 0%, #070918 100%);
  --gradient-purple:       linear-gradient(135deg, #3b1a6b 0%, #9333ea 100%);
  --gradient-teal:         linear-gradient(135deg, #0f766e 0%, #2dd4b8 100%);
  --gradient-faction-mix:  linear-gradient(135deg, #0f766e 0%, #1a1c35 50%, #5b21b6 100%);
  --gradient-hero:         radial-gradient(ellipse 100% 80% at 50% 0%, #1e0d3a 0%, #070918 65%);
  --gradient-card-purple:  linear-gradient(135deg, rgba(59,26,107,0.4) 0%, transparent 60%);
  --gradient-card-teal:    linear-gradient(135deg, rgba(15,118,110,0.3) 0%, transparent 60%);
  --gradient-card-gold:    linear-gradient(135deg, rgba(180,83,9,0.25) 0%, transparent 60%);

  /* ═══════════════════════════════════════
     TRANSITIONS
  ═══════════════════════════════════════ */
  --transition-fast:    150ms ease;
  --transition-default: 250ms ease;
  --transition-slow:    400ms ease;
  --ease-out-expo:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-quart:  cubic-bezier(0.76, 0, 0.24, 1);
}