:root {
  --bg: #0f0f14;
  --bg2: #18181f;
  --bg3: #22222c;
  --text: #e0e0e8;
  --text2: #9898a8;
  --accent: #7c5cfc;
  --accent2: #a78bfa;
  --green: #22c55e;
  --yellow: #f59e0b;
  --red: #ef4444;
  --blue: #3b82f6;
  --border: #2a2a36;
  --nav-bg: rgba(15, 15, 20, 0.85);
  --hero-glow: rgba(124, 92, 252, 0.12);
  --card-bg: #22222c;
  --card-hover: rgba(124, 92, 252, 0.08);
}

:root.light {
  --bg: #f5f5f8;
  --bg2: #eaeaef;
  --bg3: #ffffff;
  --text: #1a1a2e;
  --text2: #6b6b80;
  --accent: #7c5cfc;
  --accent2: #6a48e0;
  --border: #dddde5;
  --nav-bg: rgba(245, 245, 248, 0.88);
  --hero-glow: rgba(124, 92, 252, 0.06);
  --card-bg: #ffffff;
  --card-hover: rgba(124, 92, 252, 0.04);
}