/* ══════════════════════════════════
   CSS VARIABLES
══════════════════════════════════ */
:root {
  --bg:       #020209;
  --bg2:      #07070f;
  --bg3:      #0c0c1a;
  --card-bg:  rgba(12,12,28,0.7);
  --green:    #00ff88;
  --green2:   #00e67a;
  --cyan:     #00d4ff;
  --purple:   #9d5cff;
  --pink:     #ff3d7f;
  --yellow:   #ffd166;
  --text:     #cdd6e0;
  --text-dim: #4a5a6a;
  --text-mid: #8899aa;
  --border:   rgba(0,255,136,0.12);
  --border-h: rgba(0,255,136,0.35);
  --glow-g:   0 0 25px rgba(0,255,136,0.35), 0 0 60px rgba(0,255,136,0.12);
  --glow-c:   0 0 25px rgba(0,212,255,0.35), 0 0 60px rgba(0,212,255,0.12);
  --glow-p:   0 0 25px rgba(157,92,255,0.35), 0 0 60px rgba(157,92,255,0.12);
}