:root {
  --pri: #6366f1;
  --pri-d: #4f46e5;
  --pri-l: #818cf8;
  --sec: #06b6d4;
  --sec-l: #22d3ee;
  --acc: #8b5cf6;
  --acc-l: #a78bfa;
  --bg: #06090f;
  --bg2: #0c1220;
  --bgC: rgba(15, 23, 42, .75);
  --bgCh: #1a2540;
  --bgH: linear-gradient(160deg, #06090f 0%, #0d0f24 30%, #06090f 50%, #091520 100%);
  --t1: #f8fafc;
  --t2: #94a3b8;
  --tm: #64748b;
  --bd: rgba(148, 163, 184, .08);
  --bdl: rgba(148, 163, 184, .15);
  --ok: #10b981;
  --wr: #f59e0b;
  --er: #ef4444;
  --info: #3b82f6;
  --g1: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);
  --g2: linear-gradient(135deg, #06b6d4, #3b82f6);
  --g3: linear-gradient(135deg, #10b981, #06b6d4);
  --g4: linear-gradient(135deg, #f59e0b, #ef4444);
  --g5: linear-gradient(135deg, #ec4899, #8b5cf6);
  --g6: linear-gradient(135deg, #6366f1, #06b6d4);
  --g7: linear-gradient(135deg, #8b5cf6, #ec4899, #f59e0b);
  --g8: linear-gradient(135deg, #10b981, #3b82f6, #8b5cf6);
  --g9: linear-gradient(135deg, #06b6d4, #10b981);
  --r: 0.35s cubic-bezier(.25, .46, .45, .94);
  --r-bounce: 0.5s cubic-bezier(.34, 1.56, .64, 1);
  --mx: 1400px;
  --ff: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', monospace;
  --cyber-glow: 0 0 20px rgba(99, 102, 241, .25), 0 0 60px rgba(99, 102, 241, .08);
  --cyber-glow-lg: 0 0 30px rgba(99, 102, 241, .35), 0 0 80px rgba(99, 102, 241, .12);
  --glass: rgba(10, 15, 30, .65);
  --glass-border: rgba(99, 102, 241, .12);
  --shadow-card: 0 2px 8px rgba(0,0,0,.12), 0 8px 32px rgba(0,0,0,.08);
  --shadow-hover: 0 8px 40px rgba(0,0,0,.2), 0 0 60px rgba(99,102,241,.1);
  --shadow-premium: 0 25px 50px -12px rgba(0,0,0,.4);
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
}

[data-theme="light"] {
  --bg: #fafbff;
  --bg2: #f1f5f9;
  --bgC: rgba(255, 255, 255, .85);
  --bgCh: #f8fafc;
  --bgH: linear-gradient(160deg, #fafbff, #ede9fe, #e0f2fe, #fafbff);
  --t1: #0a0f1e;
  --t2: #475569;
  --tm: #94a3b8;
  --bd: rgba(148, 163, 184, .2);
  --bdl: rgba(148, 163, 184, .35);
  --info: #2563eb;
  --glass: rgba(255, 255, 255, .75);
  --glass-border: rgba(99, 102, 241, .15);
  --cyber-glow: 0 0 20px rgba(99, 102, 241, .12), 0 0 60px rgba(99, 102, 241, .04);
  --cyber-glow-lg: 0 0 30px rgba(99, 102, 241, .18), 0 0 80px rgba(99, 102, 241, .06);
  --shadow-card: 0 2px 8px rgba(0,0,0,.04), 0 8px 32px rgba(0,0,0,.06);
  --shadow-hover: 0 8px 40px rgba(0,0,0,.1), 0 0 60px rgba(99,102,241,.06);
  --shadow-premium: 0 25px 50px -12px rgba(0,0,0,.12);
}