body[data-theme="neon"],
body:not([data-theme]) {
  --bg-color: radial-gradient(
      1200px 800px at 20% -10%,
      rgba(60, 255, 250, 0.16),
      transparent 55%
    ),
    radial-gradient(
      1200px 900px at 90% 10%,
      rgba(255, 79, 216, 0.16),
      transparent 55%
    ),
    radial-gradient(
      1000px 700px at 50% 120%,
      rgba(196, 255, 26, 0.1),
      transparent 55%
    ),
    linear-gradient(180deg, #0b1020, #07090f);
  --text-color: #f7f6f1;
  --muted: rgba(247, 246, 241, 0.72);
  --card-bg: rgba(16, 22, 40, 0.78);
  --panel: rgba(16, 22, 40, 0.78);
  --stroke: rgba(255, 255, 255, 0.12);
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.55);

  --accent-color: #3cfffa;
  --button-bg: rgba(196, 255, 26, 0.9);
  --focus-ring: 0 0 0 3px rgba(60, 255, 250, 0.55);
}

body[data-theme="neon"] .nav {
  background: linear-gradient(90deg, rgba(155, 77, 255, 0.22), rgba(7, 9, 15, 0.65));
  border-bottom: 1px solid rgba(60, 255, 250, 0.18);
  box-shadow: 0 8px 28px rgba(60, 255, 250, 0.08);
}