/* ==========================================================
   NULL_X COMPREHENSIVE THEME STORAGE (23 UNIQUE VARIATIONS)
   ========================================================== */

/* --- CORE ANIMATIONS FOR LIVE ACCENT EFFECTS --- */
@keyframes rgb-fade {
  0%   { --accent-color: #ff0000; --accent-hover: #ff5555; }
  17%  { --accent-color: #ff8800; --accent-hover: #ffa333; }
  33%  { --accent-color: #ffff00; --accent-hover: #ffff55; }
  50%  { --accent-color: #00ff00; --accent-hover: #55ff55; }
  67%  { --accent-color: #00ffff; --accent-hover: #55ffff; }
  83%  { --accent-color: #0000ff; --accent-hover: #5555ff; }
  100% { --accent-color: #ff0000; --accent-hover: #ff5555; }
}

@keyframes neon-pulse {
  0%, 100% { --border-color: rgba(0, 255, 239, 0.4); }
  50% { --border-color: rgba(0, 255, 239, 0.9); }
}

@keyframes matrix-glow {
  0%, 100% { --text-main: #00ff00; }
  50% { --text-main: #33ff33; }
}


/* 1. DEFAULT PURPLE THEME */
:root, [data-theme="default"], body.theme-default {
  --bg-dashboard: #0b0813;
  --bg-sidebar: #110d22;
  --accent-color: #8b00ff;
  --accent-hover: #a033ff;
  --border-color: rgba(139, 0, 255, 0.15); 
  --text-main: #ffffff;
  --text-muted: #888888;
}

/* 2. MIDNIGHT (Pitch Black, Grey Borders, White Text) */
[data-theme="midnight"], body.theme-midnight {
  --bg-dashboard: #000000;
  --bg-sidebar: #0a0a0a;
  --accent-color: #444444;
  --accent-hover: #666666;
  --border-color: #333333;
  --text-main: #ffffff;
  --text-muted: #aaaaaa;
}

/* 3. VAMPIRE RED */
[data-theme="vampire"], body.theme-vampire {
  --bg-dashboard: #0d0202;
  --bg-sidebar: #160505;
  --accent-color: #ff0000;
  --accent-hover: #ff3333;
  --border-color: rgba(255, 0, 0, 0.2);
  --text-main: #ffffff;
  --text-muted: #aa8888;
}

/* 4. OCEAN DEEP */
[data-theme="ocean"], body.theme-ocean {
  --bg-dashboard: #020b14;
  --bg-sidebar: #051425;
  --accent-color: #0088ff;
  --accent-hover: #33a2ff;
  --border-color: rgba(0, 136, 255, 0.2);
  --text-main: #e6f3ff;
  --text-muted: #739ec6;
}

/* 5. FOREST DRUID */
[data-theme="forest"], body.theme-forest {
  --bg-dashboard: #030c05;
  --bg-sidebar: #08170b;
  --accent-color: #00cc44;
  --accent-hover: #22ff66;
  --border-color: rgba(0, 204, 68, 0.18);
  --text-main: #ebf7ed;
  --text-muted: #7da683;
}

/* 6. CYBERPUNK 2077 */
[data-theme="cyberpunk"], body.theme-cyberpunk {
  --bg-dashboard: #1c0024;
  --bg-sidebar: #001219;
  --accent-color: #fcee0a;
  --accent-hover: #ffff55;
  --border-color: #00f0ff;
  --text-main: #00f0ff;
  --text-muted: #fcee0a;
}

/* 7. TOXIC WASTELAND */
[data-theme="toxic"], body.theme-toxic {
  --bg-dashboard: #0f1402;
  --bg-sidebar: #192104;
  --accent-color: #a3ff00;
  --accent-hover: #b8ff33;
  --border-color: rgba(163, 255, 0, 0.2);
  --text-main: #f0ffdb;
  --text-muted: #8b9973;
}

/* 8. SOLAR FLARE */
[data-theme="solar"], body.theme-solar {
  --bg-dashboard: #140700;
  --bg-sidebar: #240d02;
  --accent-color: #ff5500;
  --accent-hover: #ff7733;
  --border-color: rgba(255, 85, 0, 0.25);
  --text-main: #fff0e6;
  --text-muted: #c49980;
}

/* 9. ICE BLIZZARD */
[data-theme="ice"], body.theme-ice {
  --bg-dashboard: #0f191c;
  --bg-sidebar: #17272c;
  --accent-color: #00f3ff;
  --accent-hover: #66f7ff;
  --border-color: rgba(0, 243, 255, 0.2);
  --text-main: #e6fdff;
  --text-muted: #8ca3a6;
}

/* 10. RETRO ARCADE (80s Synth) */
[data-theme="arcade"], body.theme-arcade {
  --bg-dashboard: #120421;
  --bg-sidebar: #21022b;
  --accent-color: #ff007f;
  --accent-hover: #ff3399;
  --border-color: #390099;
  --text-main: #00ffff;
  --text-muted: #9e0059;
}

/* 11. BUBBLEGUM PASTEL */
[data-theme="bubblegum"], body.theme-bubblegum {
  --bg-dashboard: #261c21;
  --bg-sidebar: #3d2b34;
  --accent-color: #ffb7b2;
  --accent-hover: #ffc6ff;
  --border-color: #ffc6ff;
  --text-main: #fff0f5;
  --text-muted: #b5839c;
}

/* 12. MILITARY DESERT STRIKE */
[data-theme="desert"], body.theme-desert {
  --bg-dashboard: #14120c;
  --bg-sidebar: #211e14;
  --accent-color: #d4af37;
  --accent-hover: #e5c158;
  --border-color: #4a422d;
  --text-main: #f5f2eb;
  --text-muted: #8f866e;
}

/* 13. ROYAL LUXURY */
[data-theme="royal"], body.theme-royal {
  --bg-dashboard: #0f0314;
  --bg-sidebar: #1b0a24;
  --accent-color: #ffd700;
  --accent-hover: #fff066;
  --border-color: rgba(255, 215, 0, 0.3);
  --text-main: #ffffff;
  --text-muted: #b386cc;
}

/* 14. GHOSTLY APPARITION */
[data-theme="ghost"], body.theme-ghost {
  --bg-dashboard: #11161a;
  --bg-sidebar: #1d242a;
  --accent-color: #708090;
  --accent-hover: #93a3b1;
  --border-color: rgba(255,255,255,0.08);
  --text-main: #f0f4f8;
  --text-muted: #546573;
}

/* 15. COCOA ESPRESSO */
[data-theme="espresso"], body.theme-espresso {
  --bg-dashboard: #0f0b08;
  --bg-sidebar: #1c140f;
  --accent-color: #875c36;
  --accent-hover: #a67649;
  --border-color: #3b2a1e;
  --text-main: #fcf8f5;
  --text-muted: #9c8473;
}

/* 16. CHRONO COPPER */
[data-theme="copper"], body.theme-copper {
  --bg-dashboard: #140d0a;
  --bg-sidebar: #241610;
  --accent-color: #b87333;
  --accent-hover: #cd7f32;
  --border-color: #4d2f23;
  --text-main: #faebd7;
  --text-muted: #947161;
}

/* 17. CRIMSON ECLIPSE */
[data-theme="eclipse"], body.theme-eclipse {
  --bg-dashboard: #050508;
  --bg-sidebar: #101017;
  --accent-color: #800020;
  --accent-hover: #990026;
  --border-color: #33141c;
  --text-main: #f5e6e8;
  --text-muted: #7a6366;
}

/* 18. COTTON CANDY */
[data-theme="cotton"], body.theme-cotton {
  --bg-dashboard: #121a24;
  --bg-sidebar: #1b2836;
  --accent-color: #84dcc6;
  --accent-hover: #ffa6c9;
  --border-color: #ffa6c9;
  --text-main: #ffffff;
  --text-muted: #a5b3c2;
}


/* --- SPECIAL EFFECT THEMES --- */

/* 19. ANIMATED CHROMA FADE (Dynamic RGB Engine Loop) */
[data-theme="rgb"], body.theme-rgb {
  --bg-dashboard: #030303;
  --bg-sidebar: #0f0f0f;
  --border-color: #222222;
  --text-main: #ffffff;
  --text-muted: #777777;
  animation: rgb-fade 12s infinite linear;
}

/* 20. MATRIX DIGITAL RAIN (Glowing Text Pulse Effect) */
[data-theme="matrix"], body.theme-matrix {
  --bg-dashboard: #000000;
  --bg-sidebar: #050a05;
  --accent-color: #00ff00;
  --accent-hover: #55ff55;
  --border-color: #003300;
  --text-muted: #004400;
  animation: matrix-glow 4s infinite ease-in-out;
}

/* 21. NEON PULSE RUNNER (Blinking Glowing Borders) */
[data-theme="neon"], body.theme-neon {
  --bg-dashboard: #020005;
  --bg-sidebar: #090314;
  --accent-color: #00ffef;
  --accent-hover: #ff007f;
  --text-main: #ffffff;
  --text-muted: #625073;
  animation: neon-pulse 3s infinite ease-in-out;
}

/* 22. MOONLIGHT SHADOW */
[data-theme="moonlight"], body.theme-moonlight {
  --bg-dashboard: #080a0f;
  --bg-sidebar: #101420;
  --accent-color: #7b92b5;
  --accent-hover: #9cb2d6;
  --border-color: rgba(123, 146, 181, 0.2);
  --text-main: #f0f4fa;
  --text-muted: #616f85;
}

/* 23. AMBER STEAMPUNK */
[data-theme="amber"], body.theme-amber {
  --bg-dashboard: #120d06;
  --bg-sidebar: #1f160b;
  --accent-color: #ffbf00;
  --accent-hover: #ffd04d;
  --border-color: #402d14;
  --text-main: #fff7e6;
  --text-muted: #948269;
}
/*24. Cosmic*/
[data-theme="cosmic"], body.theme-cosmic {
--bg-dashboard: #05010a;
--bg-sidebar: #0b0414;
--accent-color: #7f00ff;
--accent-hover: #b266ff;
--border-color: rgba(127, 0, 255, 0.25);
--text-main: #e6d7ff;
--text-muted: #8c6fa8;
}
/* Magma */
[data-theme="magma"], body.theme-magma {
--bg-dashboard: #1a0a00;
--bg-sidebar: #260f02;
--accent-color: #ff3b00;
--accent-hover: #ff6a33;
--border-color: rgba(255, 59, 0, 0.25);
--text-main: #ffe6d9;
--text-muted: #b38a7a;
}
[data-theme="glacial"], body.theme-glacial {
--bg-dashboard: #0a1116;
--bg-sidebar: #122028;
--accent-color: #7fe9ff;
--accent-hover: #b3f4ff;
--border-color: rgba(127, 233, 255, 0.25);
--text-main: #e9fcff;
--text-muted: #9bb3b8;
}
[data-theme="titanium"], body.theme-titanium {
--bg-dashboard: #0c0c0e;
--bg-sidebar: #161618;
--accent-color: #c0c0c0;
--accent-hover: #e0e0e0;
--border-color: rgba(192, 192, 192, 0.25);
--text-main: #f5f5f5;
--text-muted: #8c8c8c;
}
[data-theme="aurora"], body.theme-aurora {
--bg-dashboard: #050a12;
--bg-sidebar: #0c1520;
--accent-color: #00ffa6;
--accent-hover: #66ffcc;
--border-color: rgba(0, 255, 166, 0.25);
--text-main: #eafff7;
--text-muted: #7fb3a3;
}
[data-theme="starforge"], body.theme-starforge {
--bg-dashboard: #0a0014;
--bg-sidebar: #140024;
--accent-color: #ff00c8;
--accent-hover: #ff4dd9;
--border-color: rgba(255, 0, 200, 0.25);
--text-main: #f7e6ff;
--text-muted: #a66fb3;
}
[data-theme="lab"], body.theme-lab {
--bg-dashboard: #0d0f12;
--bg-sidebar: #181b20;
--accent-color: #c8e6ff;
--accent-hover: #e1f3ff;
--border-color: rgba(200, 230, 255, 0.25);
--text-main: #f5faff;
--text-muted: #9aa6b3;
}
[data-theme="dragon"], body.theme-dragon {
--bg-dashboard: #0b0f08;
--bg-sidebar: #141c10;
--accent-color: #cc0000;
--accent-hover: #ff3333;
--border-color: rgba(204, 0, 0, 0.25);
--text-main: #f7e6e6;
--text-muted: #a67a7a;
}
[data-theme="storm"], body.theme-storm {
--bg-dashboard: #0a0d12;
--bg-sidebar: #141820;
--accent-color: #7fb2ff;
--accent-hover: #a6caff;
--border-color: rgba(127, 178, 255, 0.25);
--text-main: #eaf1ff;
--text-muted: #8c9bb3;
}
[data-theme="chrome"], body.theme-chrome {
--bg-dashboard: #0c0c0c;
--bg-sidebar: #1a1a1a;
--accent-color: #d9d9d9;
--accent-hover: #ffffff;
--border-color: rgba(217, 217, 217, 0.25);
--text-main: #f2f2f2;
--text-muted: #a6a6a6;
}
/* ==========================================================
   ANIMATED THEMES PACK (6 NEW THEMES)
   ========================================================== */

/* 34. ELECTRIC SURGE */
@keyframes surge-pulse {
  0%, 100% { --accent-color: #00aaff; --accent-hover: #33cfff; }
  50% { --accent-color: #0088ff; --accent-hover: #55d4ff; }
}
[data-theme="surge"], body.theme-surge {
  --bg-dashboard: #02040a;
  --bg-sidebar: #060b14;
  --border-color: rgba(0, 170, 255, 0.25);
  --text-main: #e6f7ff;
  --text-muted: #7fa3c2;
  animation: surge-pulse 3s infinite ease-in-out;
}

/* 35. VOID RIPPLE */
@keyframes void-ripple {
  0% { --accent-color: #5500ff; }
  25% { --accent-color: #330088; }
  50% { --accent-color: #110033; }
  75% { --accent-color: #330088; }
  100% { --accent-color: #5500ff; }
}
[data-theme="void"], body.theme-void {
  --bg-dashboard: #050007;
  --bg-sidebar: #0a0010;
  --accent-hover: #7f33ff;
  --border-color: rgba(85, 0, 255, 0.25);
  --text-main: #f0e6ff;
  --text-muted: #8c6fa8;
  animation: void-ripple 5s infinite linear;
}

/* 36. AETHER FLOW */
@keyframes aether-flow {
  0% { --accent-color: #66ffe0; }
  50% { --accent-color: #99ffea; }
  100% { --accent-color: #66ffe0; }
}
[data-theme="aether"], body.theme-aether {
  --bg-dashboard: #0a0f12;
  --bg-sidebar: #101820;
  --accent-hover: #b3fff2;
  --border-color: rgba(102, 255, 224, 0.25);
  --text-main: #eafff7;
  --text-muted: #9bb3b8;
  animation: aether-flow 6s infinite ease-in-out;
}

/* 37. INFERNO BREATH */
@keyframes inferno-flicker {
  0%, 100% { --accent-color: #ff3300; }
  40% { --accent-color: #ff5500; }
  60% { --accent-color: #ff2200; }
}
[data-theme="inferno"], body.theme-inferno {
  --bg-dashboard: #140600;
  --bg-sidebar: #240a02;
  --accent-hover: #ff7733;
  --border-color: rgba(255, 51, 0, 0.25);
  --text-main: #ffe6d9;
  --text-muted: #b38a7a;
  animation: inferno-flicker 1.8s infinite ease-in-out;
}

/* 38. CRYO PULSE */
@keyframes cryo-pulse {
  0%, 100% { --accent-color: #00eaff; }
  50% { --accent-color: #66f7ff; }
}
[data-theme="cryo"], body.theme-cryo {
  --bg-dashboard: #0b1418;
  --bg-sidebar: #132228;
  --accent-hover: #99faff;
  --border-color: rgba(0, 234, 255, 0.25);
  --text-main: #e6fdff;
  --text-muted: #8ca3a6;
  animation: cryo-pulse 3.5s infinite ease-in-out;
}

/* 39. TECHNOMORPH */
@keyframes techno-sweep {
  0% { --accent-color: #00ff88; }
  33% { --accent-color: #00ffaa; }
  66% { --accent-color: #00ffcc; }
  100% { --accent-color: #00ff88; }
}
[data-theme="techno"], body.theme-techno {
  --bg-dashboard: #040d08;
  --bg-sidebar: #0a1a11;
  --accent-hover: #55ffcc;
  --border-color: rgba(0, 255, 136, 0.25);
  --text-main: #e6fff5;
  --text-muted: #7fb3a3;
  animation: techno-sweep 4s infinite linear;
}