/* ==========================================================
   THEME 1 -- VIOLET DARK (Current / Default)
   Deep Space + Electric Violet + Cyan + Hot Pink
   Mood: Premium . Tech . Luxury
========================================================== */
:root {
  /* Backgrounds */
  --bg:        #060412;
  --bg2:       #0a0720;
  --bg3:       rgba(255,255,255,0.025);
  --card:      rgba(255,255,255,0.05);
  --card-hv:   rgba(255,255,255,0.08);

  /* Primary Palette */
  --violet:    #7c3aed;
  --violet-lt: #a78bfa;
  --violet-dk: #5b21b6;
  --cyan:      #00e5ff;
  --cyan-dk:   #00b4d8;
  --pink:      #f72585;
  --blue:      #4361ee;
  --orange:    #ff6b35;
  --green:     #06d6a0;

  /* Text */
  --white:     #f0eeff;
  --muted:     #8b79b8;

  /* Borders */
  --border:    rgba(255,255,255,0.07);
  --border-hv: rgba(124,58,237,0.5);

  /* Radius & Transitions */
  --r:         16px;
  --r-lg:      24px;
  --r-sm:      10px;
  --tr:        0.3s cubic-bezier(.4,0,.2,1);

  /* Fonts */
  --fh: 'Space Grotesk', sans-serif;
  --fb: 'Plus Jakarta Sans', sans-serif;

  /* Shadows */
  --sh-v: 0 20px 60px rgba(124,58,237,0.2);
  --sh-c: 0 20px 60px rgba(0,229,255,0.15);

  /* Gradients */
  --gv:    linear-gradient(135deg, #7c3aed, #4361ee);
  --gv2:   linear-gradient(135deg, #7c3aed, #f72585);
  --gc:    linear-gradient(135deg, #00e5ff, #7c3aed);
  --gp:    linear-gradient(135deg, #f72585, #7c3aed);
  --gall:  linear-gradient(135deg, #00e5ff 0%, #7c3aed 50%, #f72585 100%);
  --gmesh: radial-gradient(ellipse at 15% 25%, rgba(124,58,237,.22) 0%, transparent 50%),
           radial-gradient(ellipse at 85% 75%, rgba(0,229,255,.15)  0%, transparent 50%),
           radial-gradient(ellipse at 55% 5%,  rgba(247,37,133,.12) 0%, transparent 45%),
           radial-gradient(ellipse at 40% 90%, rgba(67,97,238,.10)  0%, transparent 40%);
}