/* ======================== NEON BIRU (DEFAULT) ======================== */
body[data-theme="biru"]{
  --bg:#0a1018;
  --bg-alt:#0e1620;
  --panel:#141d2a;
  --panel-2:#111926;
  --text:#eaf1ff;
  --text-soft:#8493ad;
  --border:rgba(120,180,255,.35);
  --border-glow:rgba(120,180,255,.18);
  --accent:#7cc4ff;
  --accent-2:#a8dcff;
  --accent-soft:rgba(124,196,255,.08);
  --accent-shadow:rgba(124,196,255,.25);
  --glow:0 0 12px rgba(124,196,255,.30), 0 0 24px rgba(124,196,255,.12);
  --glow-soft:0 0 8px rgba(124,196,255,.20);
  --btn-text:#0a1018;
}

/* ======================== NEON HIJAU ======================== */
body[data-theme="hijau"]{
  --bg:#0a1410;
  --bg-alt:#0e1a15;
  --panel:#132420;
  --panel-2:#111e1a;
  --text:#e8fff4;
  --text-soft:#7fa89a;
  --border:rgba(120,230,180,.35);
  --border-glow:rgba(120,230,180,.18);
  --accent:#7beab4;
  --accent-2:#a8f5d0;
  --accent-soft:rgba(123,234,180,.08);
  --accent-shadow:rgba(123,234,180,.25);
  --glow:0 0 12px rgba(123,234,180,.30), 0 0 24px rgba(123,234,180,.12);
  --glow-soft:0 0 8px rgba(123,234,180,.20);
  --btn-text:#0a1410;
}

/* ======================== NEON MERAH ======================== */
body[data-theme="merah"]{
  --bg:#140a0c;
  --bg-alt:#1a0e11;
  --panel:#231318;
  --panel-2:#1d0f14;
  --text:#ffeef1;
  --text-soft:#b98a92;
  --border:rgba(255,140,160,.35);
  --border-glow:rgba(255,140,160,.18);
  --accent:#ff8fa3;
  --accent-2:#ffb8c6;
  --accent-soft:rgba(255,143,163,.08);
  --accent-shadow:rgba(255,143,163,.25);
  --glow:0 0 12px rgba(255,143,163,.30), 0 0 24px rgba(255,143,163,.12);
  --glow-soft:0 0 8px rgba(255,143,163,.20);
  --btn-text:#140a0c;
}

/* ======================== NEON KUNING ======================== */
body[data-theme="kuning"]{
  --bg:#14110a;
  --bg-alt:#1a160e;
  --panel:#231f13;
  --panel-2:#1d1a10;
  --text:#fff8e0;
  --text-soft:#c0b28a;
  --border:rgba(255,220,120,.35);
  --border-glow:rgba(255,220,120,.18);
  --accent:#ffda7c;
  --accent-2:#ffe8ab;
  --accent-soft:rgba(255,218,124,.08);
  --accent-shadow:rgba(255,218,124,.25);
  --glow:0 0 12px rgba(255,218,124,.30), 0 0 24px rgba(255,218,124,.12);
  --glow-soft:0 0 8px rgba(255,218,124,.20);
  --btn-text:#14110a;
}

/* ======================== NEON UNGU ======================== */
body[data-theme="ungu"]{
  --bg:#100a1c;
  --bg-alt:#160e24;
  --panel:#1f1430;
  --panel-2:#1a1028;
  --text:#f4ecff;
  --text-soft:#a08ac5;
  --border:rgba(200,160,255,.35);
  --border-glow:rgba(200,160,255,.18);
  --accent:#c8a0ff;
  --accent-2:#ddc0ff;
  --accent-soft:rgba(200,160,255,.08);
  --accent-shadow:rgba(200,160,255,.25);
  --glow:0 0 12px rgba(200,160,255,.30), 0 0 24px rgba(200,160,255,.12);
  --glow-soft:0 0 8px rgba(200,160,255,.20);
  --btn-text:#100a1c;
}

/* ======================== ABU GELAP ======================== */
body[data-theme="abu"]{
  --bg:#0c1014;
  --bg-alt:#12171c;
  --panel:#1a2028;
  --panel-2:#161b22;
  --text:#eef2f6;
  --text-soft:#8d97a3;
  --border:rgba(180,195,215,.28);
  --border-glow:rgba(180,195,215,.14);
  --accent:#b8c4d2;
  --accent-2:#d5dde6;
  --accent-soft:rgba(184,196,210,.08);
  --accent-shadow:rgba(184,196,210,.20);
  --glow:0 0 10px rgba(184,196,210,.22);
  --glow-soft:0 0 6px rgba(184,196,210,.16);
  --btn-text:#0c1014;
}

/* ======================== PUTIH (LIGHT) ======================== */
body[data-theme="putih"]{
  --bg:#eef2f8;
  --bg-alt:#e4eaf3;
  --panel:#ffffff;
  --panel-2:#f8fafc;
  --text:#0a1018;
  --text-soft:#5a6478;
  --border:#c8d2e0;
  --border-glow:rgba(30,111,200,.10);
  --accent:#1e6fc8;
  --accent-2:#3b98e0;
  --accent-soft:#e0edfb;
  --accent-shadow:rgba(30,111,200,.25);
  --glow:0 2px 10px rgba(30,111,200,.15);
  --glow-soft:0 2px 6px rgba(30,111,200,.10);
  --btn-text:#ffffff;
}