/* ── TheVoid Default ─────────────────────────────────────── */
[data-theme="void"] {
  --bg: #050508; --bg2: #080005; --bg3: #060003;
  --panel-header: linear-gradient(90deg,#2a0010,#1a000a);
  --panel-border: #2a0010; --panel-border2: #1a0008;
  --accent: #ff2222; --accent2: #cc3333; --accent3: #884444;
  --accent4: #664444; --accent5: #331111;
  --text: #c8c8d4; --text2: #998888; --text3: #776666;
  --nav-bg: linear-gradient(180deg,#1a0000,#0d0008);
  --nav-border: #3a0010; --nav-link: #cc3333;
  --logo-color: #ff1a1a;
  --font-ui: 'Share Tech Mono', monospace;
  --font-head: 'Orbitron', monospace;
  --font-body: 'Rajdhani', sans-serif;
  --online-color: #00cc44;
}

/* ── Classic MySpace ─────────────────────────────────────── */
[data-theme="classic"] {
  --bg: #efefef; --bg2: #ffffff; --bg3: #f5f5f5;
  --panel-header: linear-gradient(180deg,#8ab3d5,#5f8ab4);
  --panel-border: #9eb9d4; --panel-border2: #c5d9e8;
  --accent: #003366; --accent2: #336699; --accent3: #4f7fb5;
  --accent4: #6699bb; --accent5: #ccddef;
  --text: #333333; --text2: #555555; --text3: #666666;
  --nav-bg: linear-gradient(180deg,#4f7fb5,#3a6594);
  --nav-border: #2a5580; --nav-link: #ffffff;
  --logo-color: #003366;
  --font-ui: Arial, sans-serif;
  --font-head: Arial, sans-serif;
  --font-body: Arial, sans-serif;
  --online-color: #009900;
}

/* ── Midnight Blue ───────────────────────────────────────── */
[data-theme="midnight"] {
  --bg: #080b14; --bg2: #0c1020; --bg3: #090d1a;
  --panel-header: linear-gradient(90deg,#0d1a40,#081228);
  --panel-border: #1a2a55; --panel-border2: #0f1a35;
  --accent: #4488ff; --accent2: #3366cc; --accent3: #2255aa;
  --accent4: #1a4488; --accent5: #0a1a33;
  --text: #c0ccee; --text2: #8899bb; --text3: #556688;
  --nav-bg: linear-gradient(180deg,#0d1a40,#081228);
  --nav-border: #1a2a55; --nav-link: #88aaff;
  --logo-color: #4488ff;
  --font-ui: 'Share Tech Mono', monospace;
  --font-head: 'Orbitron', monospace;
  --font-body: 'Rajdhani', sans-serif;
  --online-color: #00ccff;
}

/* ── Matrix Green ────────────────────────────────────────── */
[data-theme="matrix"] {
  --bg: #000800; --bg2: #001200; --bg3: #000a00;
  --panel-header: linear-gradient(90deg,#003300,#001a00);
  --panel-border: #004400; --panel-border2: #002200;
  --accent: #00ff41; --accent2: #00cc33; --accent3: #009922;
  --accent4: #006611; --accent5: #001a00;
  --text: #00cc33; --text2: #009922; --text3: #006611;
  --nav-bg: linear-gradient(180deg,#001a00,#000d00);
  --nav-border: #004400; --nav-link: #00ff41;
  --logo-color: #00ff41;
  --font-ui: 'Share Tech Mono', monospace;
  --font-head: 'Share Tech Mono', monospace;
  --font-body: 'Share Tech Mono', monospace;
  --online-color: #00ff41;
}

/* ── Rose Dark ───────────────────────────────────────────── */
[data-theme="rose"] {
  --bg: #1a0010; --bg2: #120008; --bg3: #0e0006;
  --panel-header: linear-gradient(90deg,#4a0028,#2a0015);
  --panel-border: #5a0030; --panel-border2: #330018;
  --accent: #ff44aa; --accent2: #cc3388; --accent3: #992266;
  --accent4: #661144; --accent5: #220011;
  --text: #f0c0dd; --text2: #cc88bb; --text3: #aa6699;
  --nav-bg: linear-gradient(180deg,#330018,#1a0008);
  --nav-border: #5a0030; --nav-link: #ff88cc;
  --logo-color: #ff44aa;
  --font-ui: 'Share Tech Mono', monospace;
  --font-head: 'Orbitron', monospace;
  --font-body: 'Rajdhani', sans-serif;
  --online-color: #ff44aa;
}

/* Default fallback — void theme on root */
:root {
  --bg: #050508; --bg2: #080005; --bg3: #060003;
  --panel-header: linear-gradient(90deg,#2a0010,#1a000a);
  --panel-border: #2a0010; --panel-border2: #1a0008;
  --accent: #ff2222; --accent2: #cc3333; --accent3: #884444;
  --accent4: #664444; --accent5: #331111;
  --text: #c8c8d4; --text2: #998888; --text3: #776666;
  --nav-bg: linear-gradient(180deg,#1a0000,#0d0008);
  --nav-border: #3a0010; --nav-link: #cc3333;
  --logo-color: #ff1a1a;
  --font-ui: 'Share Tech Mono', monospace;
  --font-head: 'Orbitron', monospace;
  --font-body: 'Rajdhani', sans-serif;
  --online-color: #00cc44;
}