/* Neon theme — default values are already in base.css :root.
   These rules adjust based on data-theme="neon" and data-accent variants. */

[data-theme="neon"] {
  --fg: #e8f4ff;
  --fg-dim: #9aa4bf;
  --bg-0: #0a0a14;
  --bg-1: #12121f;
  --bg-2: #1a1a2e;
  --panel: rgba(22, 24, 42, 0.7);
  --panel-2: rgba(34, 38, 64, 0.6);
  --border: rgba(120, 140, 200, 0.18);
  --border-strong: rgba(120, 140, 200, 0.35);
}

/* Accent colour variants (for Neon theme only) */
[data-theme="neon"][data-accent="cyan"] {
  --accent: #00e5ff;
  --accent-2: #ff2ec4;
  --accent-3: #39ff14;
}
[data-theme="neon"][data-accent="magenta"] {
  --accent: #ff2ec4;
  --accent-2: #00e5ff;
  --accent-3: #b362ff;
  --n1: #ff2ec4;
  --n2: #00e5ff;
  --n3: #39ff14;
  --n4: #b362ff;
  --n5: #ffb020;
  --n6: #ff6bcb;
  --n7: #00f5d4;
  --n8: #ffffff;
}
[data-theme="neon"][data-accent="green"] {
  --accent: #39ff14;
  --accent-2: #00e5ff;
  --accent-3: #ff2ec4;
  --n1: #39ff14;
  --n2: #00e5ff;
  --n3: #ffb020;
  --n4: #ff2ec4;
  --n5: #b362ff;
  --n6: #00f5d4;
  --n7: #ff6bcb;
  --n8: #ffffff;
}