/* assets/css/vars.css */
:root {
  /* common */
  --bg: #0f0f12;
  --surface: #0b0710;
  --text: #e9e9f2;
  --muted: #bfbfd3;
  --radius: 12px;
  --glass: rgba(255,255,255,0.03);

  /* default purple tech */
  --accent-1: #8b5cf6;
  --accent-2: #7c3aed;
  --glow: rgba(140, 90, 255, 0.18);
  --neon-1: #9b59ff;
  --neon-2: #6e00ff;
  --card-bg: linear-gradient(135deg, rgba(140,90,255,0.06), rgba(124,58,237,0.04));
  --snake-color-1: #9b59ff;
  --snake-color-2: #00e5ff;
  --snake-glow: rgba(0, 229, 255, 0.45);
}

/* Dark Neon theme */
:root[data-theme="dark-neon"] {
  --bg: #020205;
  --surface: #05050a;
  --text: #dfefff;
  --muted: #9fb3c9;
  --accent-1: #00e5ff;
  --accent-2: #9b59ff;
  --glow: rgba(0,229,255,0.12);
  --neon-1: #00e5ff;
  --neon-2: #ff2d95;
  --card-bg: linear-gradient(135deg, rgba(0,229,255,0.02), rgba(155,89,255,0.02));
  --snake-color-1: #00e5ff;
  --snake-color-2: #ff2d95;
  --snake-glow: rgba(0, 229, 255, 0.6);
}

/* Purple Tech theme */
:root[data-theme="purple-tech"] {
  --bg: #07050b;
  --surface: #0b0710;
  --text: #f3f2ff;
  --muted: #cfc9ee;
  --accent-1: #7c3aed;
  --accent-2: #b794f4;
  --glow: rgba(124,58,237,0.14);
  --neon-1: #8b5cf6;
  --neon-2: #6f2bb8;
  --card-bg: linear-gradient(135deg, rgba(124,58,237,0.05), rgba(139,92,246,0.02));
  --snake-color-1: #b794f4;
  --snake-color-2: #8b5cf6;
  --snake-glow: rgba(139, 92, 246, 0.6);
}