/* ========================================================================
   🎨 GALLERY THEME SWITCHER - CSS VARIABLES (930+ Themes)
   ======================================================================== */

:root {
  --main-red: #ff2323;
  --main-yellow: #ffb300;
  --main-bg: #181818;
  --glass-bg: rgba(30,30,30,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== PREMIUM THEMES ==================== */
[data-theme="original-red"] {
  --main-red: #ff2323;
  --main-yellow: #ffb300;
  --main-bg: #181818;
  --glass-bg: rgba(30,30,30,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="electric-blue"] {
  --main-red: #00d4ff;
  --main-yellow: #0080ff;
  --main-bg: #0a1628;
  --glass-bg: rgba(10,22,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="emerald-green"] {
  --main-red: #00ff88;
  --main-yellow: #00ffcc;
  --main-bg: #0a2818;
  --glass-bg: rgba(10,40,24,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="royal-purple"] {
  --main-red: #9d00ff;
  --main-yellow: #d400ff;
  --main-bg: #1a0a28;
  --glass-bg: rgba(26,10,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sunset-orange"] {
  --main-red: #ff6b00;
  --main-yellow: #ffa500;
  --main-bg: #281a0a;
  --glass-bg: rgba(40,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hot-pink"] {
  --main-red: #ff1493;
  --main-yellow: #ff69b4;
  --main-bg: #28091a;
  --glass-bg: rgba(40,9,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="golden-yellow"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #282209;
  --glass-bg: rgba(40,34,9,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="phoenix-fire"] {
  --main-red: #ff4500;
  --main-yellow: #ff8c00;
  --main-bg: #280f09;
  --glass-bg: rgba(40,15,9,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="lime-green"] {
  --main-red: #32cd32;
  --main-yellow: #7fff00;
  --main-bg: #0f2809;
  --glass-bg: rgba(15,40,9,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="crimson-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #280909;
  --glass-bg: rgba(40,9,9,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== NEON & VIBRANT ==================== */
[data-theme="neon-pink"] {
  --main-red: #ff0080;
  --main-yellow: #ff00ff;
  --main-bg: #0a0014;
  --glass-bg: rgba(10,0,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="holographic"] {
  --main-red: #00ffff;
  --main-yellow: #ff00ff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neon-blue"] {
  --main-red: #00d9ff;
  --main-yellow: #00ffff;
  --main-bg: #000a14;
  --glass-bg: rgba(0,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neon-purple"] {
  --main-red: #b000ff;
  --main-yellow: #e000ff;
  --main-bg: #14000a;
  --glass-bg: rgba(20,0,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neon-orange"] {
  --main-red: #ff6600;
  --main-yellow: #ff9900;
  --main-bg: #140a00;
  --glass-bg: rgba(20,10,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="electric-violet"] {
  --main-red: #8b00ff;
  --main-yellow: #bf00ff;
  --main-bg: #0f0014;
  --glass-bg: rgba(15,0,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="laser-lemon"] {
  --main-red: #ffff00;
  --main-yellow: #ffff66;
  --main-bg: #14140a;
  --glass-bg: rgba(20,20,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neon-rose"] {
  --main-red: #ff006e;
  --main-yellow: #ff4d9f;
  --main-bg: #14000a;
  --glass-bg: rgba(20,0,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="vivid-sky"] {
  --main-red: #00bfff;
  --main-yellow: #00d9ff;
  --main-bg: #000f14;
  --glass-bg: rgba(0,15,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="bright-magenta"] {
  --main-red: #ff00bf;
  --main-yellow: #ff33cc;
  --main-bg: #14000f;
  --glass-bg: rgba(20,0,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="acid-green"] {
  --main-red: #00ff00;
  --main-yellow: #7fff00;
  --main-bg: #0a1400;
  --glass-bg: rgba(10,20,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fluorescent-blue"] {
  --main-red: #00e5ff;
  --main-yellow: #00ffff;
  --main-bg: #000a14;
  --glass-bg: rgba(0,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hot-coral"] {
  --main-red: #ff6b6b;
  --main-yellow: #ff9966;
  --main-bg: #28100a;
  --glass-bg: rgba(40,16,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="plasma-purple"] {
  --main-red: #cc00ff;
  --main-yellow: #ff00ff;
  --main-bg: #14000a;
  --glass-bg: rgba(20,0,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="electric-teal"] {
  --main-red: #00ffcc;
  --main-yellow: #00ffff;
  --main-bg: #000a14;
  --glass-bg: rgba(0,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== PASTEL & SOFT ==================== */
[data-theme="pastel-pink"] {
  --main-red: #ffb3d9;
  --main-yellow: #ffd9ec;
  --main-bg: #f5f0f5;
  --glass-bg: rgba(255,240,250,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a4a;
}

[data-theme="pastel-blue"] {
  --main-red: #a8d8ff;
  --main-yellow: #c8e6ff;
  --main-bg: #f0f5fa;
  --glass-bg: rgba(240,245,250,0.65);
  --text-light: #ffffff;
  --text-dark: #3a4a5a;
}

[data-theme="pastel-lavender"] {
  --main-red: #d4b5f7;
  --main-yellow: #e6d5ff;
  --main-bg: #f5f0fa;
  --glass-bg: rgba(245,240,250,0.65);
  --text-light: #ffffff;
  --text-dark: #4a3a5a;
}

[data-theme="pastel-mint"] {
  --main-red: #aaf0d1;
  --main-yellow: #c8ffe0;
  --main-bg: #f0faf5;
  --glass-bg: rgba(240,250,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a3a;
}

[data-theme="pastel-peach"] {
  --main-red: #ffd4b3;
  --main-yellow: #ffe6cc;
  --main-bg: #faf5f0;
  --glass-bg: rgba(250,245,240,0.65);
  --text-light: #ffffff;
  --text-dark: #5a3a2a;
}

[data-theme="soft-coral"] {
  --main-red: #ff9999;
  --main-yellow: #ffb3b3;
  --main-bg: #faf0f0;
  --glass-bg: rgba(250,240,240,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a2a;
}

[data-theme="powder-blue"] {
  --main-red: #b0d4e3;
  --main-yellow: #c8e3f0;
  --main-bg: #f0f7fa;
  --glass-bg: rgba(240,247,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="lilac-dream"] {
  --main-red: #c8a2d0;
  --main-yellow: #ddb3e6;
  --main-bg: #f7f0fa;
  --glass-bg: rgba(247,240,250,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a5a;
}

[data-theme="mint-cream"] {
  --main-red: #98e6c8;
  --main-yellow: #b3f0d9;
  --main-bg: #f0faf7;
  --glass-bg: rgba(240,250,247,0.65);
  --text-light: #ffffff;
  --text-dark: #1a4a3a;
}

[data-theme="rose-quartz"] {
  --main-red: #f7cac9;
  --main-yellow: #ffdcd9;
  --main-bg: #faf5f5;
  --glass-bg: rgba(250,245,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a3a3a;
}

[data-theme="baby-blue"] {
  --main-red: #a8d0e6;
  --main-yellow: #c0e0f0;
  --main-bg: #f0f7fc;
  --glass-bg: rgba(240,247,252,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="macaroon"] {
  --main-red: #f4c2d9;
  --main-yellow: #ffd9e6;
  --main-bg: #fcf5f8;
  --glass-bg: rgba(252,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="peachy-keen"] {
  --main-red: #ffcc99;
  --main-yellow: #ffddb3;
  --main-bg: #fff7f0;
  --glass-bg: rgba(255,247,240,0.65);
  --text-light: #ffffff;
  --text-dark: #5a3a1a;
}

[data-theme="serenity"] {
  --main-red: #92a8d1;
  --main-yellow: #b3c7e6;
  --main-bg: #f5f7fc;
  --glass-bg: rgba(245,247,252,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a5a;
}

[data-theme="cotton-candy"] {
  --main-red: #ffb3d9;
  --main-yellow: #ffc8e6;
  --main-bg: #fff5fc;
  --glass-bg: rgba(255,245,252,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a4a;
}

/* ==================== DARK & MONOCHROME ==================== */
[data-theme="midnight-black"] {
  --main-red: #1a1a1a;
  --main-yellow: #333333;
  --main-bg: #000000;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="charcoal"] {
  --main-red: #2a2a2a;
  --main-yellow: #3f3f3f;
  --main-bg: #0f0f0f;
  --glass-bg: rgba(15,15,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="graphite"] {
  --main-red: #3a3a3a;
  --main-yellow: #4f4f4f;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="steel-gray"] {
  --main-red: #5a6a7a;
  --main-yellow: #708090;
  --main-bg: #2a3a4a;
  --glass-bg: rgba(42,58,74,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="obsidian"] {
  --main-red: #0f1419;
  --main-yellow: #1f2429;
  --main-bg: #000000;
  --glass-bg: rgba(5,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="slate"] {
  --main-red: #4a5568;
  --main-yellow: #5a6578;
  --main-bg: #2d3748;
  --glass-bg: rgba(45,55,72,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="silver"] {
  --main-red: #c0c0c0;
  --main-yellow: #d3d3d3;
  --main-bg: #8a8a8a;
  --glass-bg: rgba(138,138,138,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="gunmetal"] {
  --main-red: #2a3439;
  --main-yellow: #3a4449;
  --main-bg: #1a2429;
  --glass-bg: rgba(26,36,41,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="onyx"] {
  --main-red: #0f0f0f;
  --main-yellow: #252525;
  --main-bg: #050505;
  --glass-bg: rgba(5,5,5,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="platinum"] {
  --main-red: #e5e4e2;
  --main-yellow: #f0efed;
  --main-bg: #c9c8c6;
  --glass-bg: rgba(201,200,198,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

/* ========================================================================
   🎨 PART 2 - Nature, Seasonal, Gemstone, Food & More
   ======================================================================== */

/* ==================== NATURE & EARTH ==================== */
[data-theme="forest-green"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ocean-blue"] {
  --main-red: #006994;
  --main-yellow: #0088b8;
  --main-bg: #001a28;
  --glass-bg: rgba(0,26,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="autumn-leaf"] {
  --main-red: #d2691e;
  --main-yellow: #ff8c00;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mountain-mist"] {
  --main-red: #708090;
  --main-yellow: #90a8b8;
  --main-bg: #1a2a3a;
  --glass-bg: rgba(26,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="desert-sand"] {
  --main-red: #daa520;
  --main-yellow: #f4a460;
  --main-bg: #2a1f0a;
  --glass-bg: rgba(42,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="jungle-vine"] {
  --main-red: #2d5016;
  --main-yellow: #4a7c2c;
  --main-bg: #0f1f0a;
  --glass-bg: rgba(15,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sunset-sky"] {
  --main-red: #ff6347;
  --main-yellow: #ffa07a;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tropical-lagoon"] {
  --main-red: #20b2aa;
  --main-yellow: #48d1cc;
  --main-bg: #0a2a28;
  --glass-bg: rgba(10,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="earthen-clay"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="northern-lights"] {
  --main-red: #00ff7f;
  --main-yellow: #7fffd4;
  --main-bg: #0a1f28;
  --glass-bg: rgba(10,31,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== SEASONAL ==================== */
[data-theme="spring-blossom"] {
  --main-red: #ffb7d5;
  --main-yellow: #ffd6e8;
  --main-bg: #f5f0fa;
  --glass-bg: rgba(245,240,250,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="summer-breeze"] {
  --main-red: #00bfff;
  --main-yellow: #87ceeb;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #1a3a4a;
}

[data-theme="autumn-harvest"] {
  --main-red: #d2691e;
  --main-yellow: #ff9933;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="winter-frost"] {
  --main-red: #b0e0e6;
  --main-yellow: #e0f6ff;
  --main-bg: #f0f8ff;
  --glass-bg: rgba(240,248,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a5a;
}

[data-theme="cherry-blossom"] {
  --main-red: #ffb7c5;
  --main-yellow: #ffd1dc;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="summer-sunset"] {
  --main-red: #ff7f50;
  --main-yellow: #ffa07a;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="winter-night"] {
  --main-red: #1e3a5f;
  --main-yellow: #2e4a6f;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="spring-meadow"] {
  --main-red: #7fff00;
  --main-yellow: #adff2f;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a1a;
}

/* ==================== GEMSTONE & LUXURY ==================== */
[data-theme="ruby"] {
  --main-red: #e0115f;
  --main-yellow: #ff1744;
  --main-bg: #2a0a14;
  --glass-bg: rgba(42,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sapphire"] {
  --main-red: #0f52ba;
  --main-yellow: #1e90ff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="emerald"] {
  --main-red: #50c878;
  --main-yellow: #5edc94;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="amethyst"] {
  --main-red: #9966cc;
  --main-yellow: #b19cd9;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="topaz"] {
  --main-red: #ffb347;
  --main-yellow: #ffc966;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="aquamarine"] {
  --main-red: #7fffd4;
  --main-yellow: #afeeee;
  --main-bg: #0a2a28;
  --glass-bg: rgba(10,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="garnet"] {
  --main-red: #8b0000;
  --main-yellow: #a52a2a;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pearl"] {
  --main-red: #f0ead6;
  --main-yellow: #faf0e6;
  --main-bg: #e8e0d5;
  --glass-bg: rgba(232,224,213,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a3a;
}

[data-theme="opal"] {
  --main-red: #a8c3bc;
  --main-yellow: #c7e9e0;
  --main-bg: #e8f5f2;
  --glass-bg: rgba(232,245,242,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a3a;
}

[data-theme="diamond"] {
  --main-red: #e8f1f5;
  --main-yellow: #f5f9fb;
  --main-bg: #dce8ed;
  --glass-bg: rgba(220,232,237,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="obsidian-gem"] {
  --main-red: #0f0f0f;
  --main-yellow: #1f1f1f;
  --main-bg: #000000;
  --glass-bg: rgba(5,5,5,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rose-gold"] {
  --main-red: #b76e79;
  --main-yellow: #e8b4b8;
  --main-bg: #2a1a1f;
  --glass-bg: rgba(42,26,31,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== FOOD & CANDY ==================== */
[data-theme="strawberry"] {
  --main-red: #fc5a8d;
  --main-yellow: #ff8fab;
  --main-bg: #2a0a14;
  --glass-bg: rgba(42,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="blueberry"] {
  --main-red: #4169e1;
  --main-yellow: #6495ed;
  --main-bg: #0a0f2a;
  --glass-bg: rgba(10,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="lemon"] {
  --main-red: #fff700;
  --main-yellow: #ffff66;
  --main-bg: #2a2a0a;
  --glass-bg: rgba(42,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="grape"] {
  --main-red: #6f2da8;
  --main-yellow: #9370db;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="candy-cane"] {
  --main-red: #ff0033;
  --main-yellow: #ff6699;
  --main-bg: #fff5f7;
  --glass-bg: rgba(255,245,247,0.65);
  --text-light: #ffffff;
  --text-dark: #5a0a1a;
}

[data-theme="chocolate"] {
  --main-red: #5d3a1a;
  --main-yellow: #8b6914;
  --main-bg: #1a0f0a;
  --glass-bg: rgba(26,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="bubblegum"] {
  --main-red: #ff6ec7;
  --main-yellow: #ff99d8;
  --main-bg: #ffeef8;
  --glass-bg: rgba(255,238,248,0.65);
  --text-light: #ffffff;
  --text-dark: #5a1a3a;
}

[data-theme="mint-candy"] {
  --main-red: #98ff98;
  --main-yellow: #c7ffc7;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #1a4a1a;
}

[data-theme="orange-sherbet"] {
  --main-red: #ff8c42;
  --main-yellow: #ffb366;
  --main-bg: #fff5e6;
  --glass-bg: rgba(255,245,230,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a0a;
}

[data-theme="caramel"] {
  --main-red: #c68e17;
  --main-yellow: #d4a52e;
  --main-bg: #2a1f0a;
  --glass-bg: rgba(42,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== OCEAN & WATER ==================== */
[data-theme="deep-sea"] {
  --main-red: #003366;
  --main-yellow: #004080;
  --main-bg: #001a33;
  --glass-bg: rgba(0,26,51,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="coral-reef"] {
  --main-red: #ff7f50;
  --main-yellow: #ff9966;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="turquoise-wave"] {
  --main-red: #40e0d0;
  --main-yellow: #7fffd4;
  --main-bg: #0a2a28;
  --glass-bg: rgba(10,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="navy-depths"] {
  --main-red: #000080;
  --main-yellow: #191970;
  --main-bg: #00001a;
  --glass-bg: rgba(0,0,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="seafoam"] {
  --main-red: #93e9be;
  --main-yellow: #b2f7d1;
  --main-bg: #e6fff5;
  --glass-bg: rgba(230,255,245,0.65);
  --text-light: #ffffff;
  --text-dark: #1a4a3a;
}

[data-theme="teal-tide"] {
  --main-red: #008080;
  --main-yellow: #20b2aa;
  --main-bg: #0a2a2a;
  --glass-bg: rgba(10,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="aqua-marina"] {
  --main-red: #00ced1;
  --main-yellow: #48d1cc;
  --main-bg: #0a2a2a;
  --glass-bg: rgba(10,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="midnight-blue"] {
  --main-red: #191970;
  --main-yellow: #4169e1;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== PROFESSIONAL & CORPORATE ==================== */
[data-theme="corporate-blue"] {
  --main-red: #0066cc;
  --main-yellow: #0080ff;
  --main-bg: #001a33;
  --glass-bg: rgba(0,26,51,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="executive-gray"] {
  --main-red: #4a5568;
  --main-yellow: #718096;
  --main-bg: #2d3748;
  --glass-bg: rgba(45,55,72,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="business-green"] {
  --main-red: #2d5f3f;
  --main-yellow: #3a7a54;
  --main-bg: #1a2f1a;
  --glass-bg: rgba(26,47,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="professional-navy"] {
  --main-red: #1e3a5f;
  --main-yellow: #2e4a7f;
  --main-bg: #0f1a2a;
  --glass-bg: rgba(15,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="maroon-business"] {
  --main-red: #800000;
  --main-yellow: #a52a2a;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tech-cyan"] {
  --main-red: #00acc1;
  --main-yellow: #00e5ff;
  --main-bg: #002a33;
  --glass-bg: rgba(0,42,51,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="finance-gold"] {
  --main-red: #b8860b;
  --main-yellow: #daa520;
  --main-bg: #1a1a0a;
  --glass-bg: rgba(26,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="velvet-crimson"] {
  --main-red: #8b0000;
  --main-yellow: #b22222;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="medical-teal"] {
  --main-red: #008b8b;
  --main-yellow: #20b2aa;
  --main-bg: #002a2a;
  --glass-bg: rgba(0,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="consulting-purple"] {
  --main-red: #663399;
  --main-yellow: #8b5fbf;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="light"] {
  --main-red: #e0e0e0;
  --main-yellow: #f5f5f5;
  --main-bg: #ffffff;
  --glass-bg: rgba(255,255,255,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

/* ========================================================================
   🎨 PART 3 - Space, Artistic, Cultural & Fantasy Themes
   ======================================================================== */

/* ==================== SPACE & COSMIC ==================== */
[data-theme="galaxy-purple"] {
  --main-red: #8b00ff;
  --main-yellow: #b44cff;
  --main-bg: #0a0014;
  --glass-bg: rgba(10,0,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="nebula-pink"] {
  --main-red: #ff1493;
  --main-yellow: #ff69b4;
  --main-bg: #1a0014;
  --glass-bg: rgba(26,0,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="stardust"] {
  --main-red: #e6e6fa;
  --main-yellow: #f8f8ff;
  --main-bg: #1a1a2e;
  --glass-bg: rgba(26,26,46,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="black-hole"] {
  --main-red: #000000;
  --main-yellow: #1a1a1a;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.85);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="supernova"] {
  --main-red: #ff4500;
  --main-yellow: #ffa500;
  --main-bg: #2a0a00;
  --glass-bg: rgba(42,10,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="moonlight"] {
  --main-red: #f0f8ff;
  --main-yellow: #e6f2ff;
  --main-bg: #2a3a4a;
  --glass-bg: rgba(42,58,74,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mars-red"] {
  --main-red: #cd5c5c;
  --main-yellow: #e9967a;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="saturn-rings"] {
  --main-red: #daa520;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neptune-blue"] {
  --main-red: #4169e1;
  --main-yellow: #6495ed;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="venus-yellow"] {
  --main-red: #ffdb58;
  --main-yellow: #ffeaa7;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mercury-gray"] {
  --main-red: #7a7a7a;
  --main-yellow: #9a9a9a;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="jupiter-storm"] {
  --main-red: #d2691e;
  --main-yellow: #f4a460;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="uranus-cyan"] {
  --main-red: #00ced1;
  --main-yellow: #5fd3d3;
  --main-bg: #0a2a2a;
  --glass-bg: rgba(10,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="milky-way"] {
  --main-red: #b19cd9;
  --main-yellow: #d4c5f9;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="asteroid-belt"] {
  --main-red: #696969;
  --main-yellow: #8b8b83;
  --main-bg: #1a1a14;
  --glass-bg: rgba(26,26,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== ARTISTIC & CREATIVE ==================== */
[data-theme="canvas-beige"] {
  --main-red: #f5f5dc;
  --main-yellow: #faf0e6;
  --main-bg: #e8e0d0;
  --glass-bg: rgba(232,224,208,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a3a;
}

[data-theme="watercolor-blue"] {
  --main-red: #a8d8ea;
  --main-yellow: #d4e9f7;
  --main-bg: #e6f5fa;
  --glass-bg: rgba(230,245,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a5a;
}

[data-theme="oil-paint-red"] {
  --main-red: #8b0000;
  --main-yellow: #a52a2a;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="acrylic-yellow"] {
  --main-red: #ffeb3b;
  --main-yellow: #fff176;
  --main-bg: #2a2a0a;
  --glass-bg: rgba(42,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="charcoal-sketch"] {
  --main-red: #2a2a2a;
  --main-yellow: #4a4a4a;
  --main-bg: #0f0f0f;
  --glass-bg: rgba(15,15,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pastel-artist"] {
  --main-red: #ffb3ba;
  --main-yellow: #ffffba;
  --main-bg: #fff5f5;
  --glass-bg: rgba(255,245,245,0.65);
  --text-light: #ffffff;
  --text-dark: #4a3a3a;
}

[data-theme="ink-brush"] {
  --main-red: #000000;
  --main-yellow: #2a2a2a;
  --main-bg: #f5f5f0;
  --glass-bg: rgba(245,245,240,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="palette-rainbow"] {
  --main-red: #ff0080;
  --main-yellow: #ffff00;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="spray-paint"] {
  --main-red: #ff6b6b;
  --main-yellow: #feca57;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="gouache-green"] {
  --main-red: #4caf50;
  --main-yellow: #81c784;
  --main-bg: #1a2a1a;
  --glass-bg: rgba(26,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fresco-earth"] {
  --main-red: #a0522d;
  --main-yellow: #cd853f;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tempera-gold"] {
  --main-red: #d4af37;
  --main-yellow: #f0d878;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mosaic-tiles"] {
  --main-red: #4682b4;
  --main-yellow: #5f9ea0;
  --main-bg: #1a2a2a;
  --glass-bg: rgba(26,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="stained-glass"] {
  --main-red: #8b00ff;
  --main-yellow: #ff00ff;
  --main-bg: #1a0a28;
  --glass-bg: rgba(26,10,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sculpting-clay"] {
  --main-red: #b87333;
  --main-yellow: #cd9575;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== CULTURAL & REGIONAL ==================== */
[data-theme="japanese-cherry"] {
  --main-red: #ffb7c5;
  --main-yellow: #ffd6e0;
  --main-bg: #fff5f7;
  --glass-bg: rgba(255,245,247,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="chinese-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff4757;
  --main-bg: #2a0a0f;
  --glass-bg: rgba(42,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="indian-saffron"] {
  --main-red: #ff9933;
  --main-yellow: #ffb366;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="moroccan-tile"] {
  --main-red: #00a8cc;
  --main-yellow: #0097b2;
  --main-bg: #002a33;
  --glass-bg: rgba(0,42,51,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mexican-fiesta"] {
  --main-red: #ff1744;
  --main-yellow: #ffeb3b;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="brazilian-carnival"] {
  --main-red: #00ff7f;
  --main-yellow: #ffd700;
  --main-bg: #1a2a0a;
  --glass-bg: rgba(26,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="greek-aegean"] {
  --main-red: #0099cc;
  --main-yellow: #33ccff;
  --main-bg: #002a3a;
  --glass-bg: rgba(0,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="italian-tuscany"] {
  --main-red: #d2691e;
  --main-yellow: #f4a460;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="french-lavender"] {
  --main-red: #9370db;
  --main-yellow: #b19cd9;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="spanish-flamenco"] {
  --main-red: #c41e3a;
  --main-yellow: #ff6b6b;
  --main-bg: #2a0a0f;
  --glass-bg: rgba(42,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="scandinavian-white"] {
  --main-red: #f5f5f5;
  --main-yellow: #ffffff;
  --main-bg: #e8e8e8;
  --glass-bg: rgba(232,232,232,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="russian-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="egyptian-sand"] {
  --main-red: #c19a6b;
  --main-yellow: #d4af7a;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="thai-orchid"] {
  --main-red: #da70d6;
  --main-yellow: #ee82ee;
  --main-bg: #2a0f28;
  --glass-bg: rgba(42,15,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="african-sunset"] {
  --main-red: #ff4500;
  --main-yellow: #ff8c00;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== FANTASY & MYTHOLOGY ==================== */
[data-theme="dragon-fire"] {
  --main-red: #ff4500;
  --main-yellow: #ff6347;
  --main-bg: #2a0a00;
  --glass-bg: rgba(42,10,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="unicorn-magic"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #2a0f1a;
  --glass-bg: rgba(42,15,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mermaid-scales"] {
  --main-red: #48d1cc;
  --main-yellow: #7fffd4;
  --main-bg: #0a2a28;
  --glass-bg: rgba(10,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="phoenix-flame"] {
  --main-red: #ff4500;
  --main-yellow: #ffa500;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="elven-forest"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dwarf-mountain"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fairy-dust"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #fff9e6;
  --glass-bg: rgba(255,249,230,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="wizard-purple"] {
  --main-red: #6a0dad;
  --main-yellow: #9370db;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="goblin-green"] {
  --main-red: #3cb371;
  --main-yellow: #66cdaa;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="vampire-crimson"] {
  --main-red: #8b0000;
  --main-yellow: #dc143c;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="werewolf-moon"] {
  --main-red: #c0c0c0;
  --main-yellow: #e6e6e6;
  --main-bg: #2a2a3a;
  --glass-bg: rgba(42,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="kraken-deep"] {
  --main-red: #003366;
  --main-yellow: #004080;
  --main-bg: #001a33;
  --glass-bg: rgba(0,26,51,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="griffin-gold"] {
  --main-red: #b8860b;
  --main-yellow: #daa520;
  --main-bg: #2a1f0a;
  --glass-bg: rgba(42,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="centaur-brown"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="siren-song"] {
  --main-red: #4169e1;
  --main-yellow: #6495ed;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ========================================================================
   🎨 PART 4 - Tech, Retro, Weather, Emotions, Music & Materials
   ======================================================================== */

/* ==================== TECH & FUTURE ==================== */
[data-theme="cyber-matrix"] {
  --main-red: #00ff41;
  --main-yellow: #00ff88;
  --main-bg: #0d0d0d;
  --glass-bg: rgba(13,13,13,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neon-city"] {
  --main-red: #ff0080;
  --main-yellow: #00ffff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hologram-blue"] {
  --main-red: #00d9ff;
  --main-yellow: #33e6ff;
  --main-bg: #000a14;
  --glass-bg: rgba(0,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ai-silver"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="robot-chrome"] {
  --main-red: #b0b0b0;
  --main-yellow: #d0d0d0;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="quantum-purple"] {
  --main-red: #9d00ff;
  --main-yellow: #bf40ff;
  --main-bg: #14000a;
  --glass-bg: rgba(20,0,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="virtual-reality"] {
  --main-red: #ff00ff;
  --main-yellow: #ff66ff;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="augmented-orange"] {
  --main-red: #ff6600;
  --main-yellow: #ff9933;
  --main-bg: #2a1a00;
  --glass-bg: rgba(42,26,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="blockchain-gold"] {
  --main-red: #f7931a;
  --main-yellow: #ffb347;
  --main-bg: #2a1f0a;
  --glass-bg: rgba(42,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neural-pink"] {
  --main-red: #ff1493;
  --main-yellow: #ff69b4;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="data-stream"] {
  --main-red: #00bfff;
  --main-yellow: #00d9ff;
  --main-bg: #000f1a;
  --glass-bg: rgba(0,15,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="circuit-green"] {
  --main-red: #00ff00;
  --main-yellow: #39ff14;
  --main-bg: #0a1a0a;
  --glass-bg: rgba(10,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="laser-red"] {
  --main-red: #ff0000;
  --main-yellow: #ff3333;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="plasma-screen"] {
  --main-red: #00ffff;
  --main-yellow: #ff00ff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="led-blue"] {
  --main-red: #0080ff;
  --main-yellow: #33a3ff;
  --main-bg: #000a1a;
  --glass-bg: rgba(0,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== RETRO & VINTAGE ==================== */
[data-theme="retro-80s-pink"] {
  --main-red: #ff1493;
  --main-yellow: #00ffff;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="vintage-brown"] {
  --main-red: #8b4513;
  --main-yellow: #cd853f;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="70s-orange"] {
  --main-red: #ff8c00;
  --main-yellow: #ffa500;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="60s-psychedelic"] {
  --main-red: #ff00ff;
  --main-yellow: #ffff00;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="50s-diner"] {
  --main-red: #ff1744;
  --main-yellow: #00e5ff;
  --main-bg: #2a0a0f;
  --glass-bg: rgba(42,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="art-deco-gold"] {
  --main-red: #d4af37;
  --main-yellow: #f0e68c;
  --main-bg: #1a1a0a;
  --glass-bg: rgba(26,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="victorian-purple"] {
  --main-red: #663399;
  --main-yellow: #8b5fbf;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="steampunk-brass"] {
  --main-red: #b87333;
  --main-yellow: #cd9575;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="noir-black"] {
  --main-red: #1a1a1a;
  --main-yellow: #4a4a4a;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rockabilly-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="swing-era"] {
  --main-red: #daa520;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="disco-ball"] {
  --main-red: #c0c0c0;
  --main-yellow: #ffd700;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="grunge-gray"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="punk-pink"] {
  --main-red: #ff1493;
  --main-yellow: #ff69b4;
  --main-bg: #1a0a14;
  --glass-bg: rgba(26,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="gothic-black"] {
  --main-red: #0f0f0f;
  --main-yellow: #8b0000;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== WEATHER & ATMOSPHERE ==================== */
[data-theme="thunderstorm"] {
  --main-red: #2f4f4f;
  --main-yellow: #708090;
  --main-bg: #1a1a2a;
  --glass-bg: rgba(26,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="lightning-strike"] {
  --main-red: #ffff00;
  --main-yellow: #ffffff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tornado-gray"] {
  --main-red: #696969;
  --main-yellow: #a9a9a9;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rainbow-mist"] {
  --main-red: #ff69b4;
  --main-yellow: #87ceeb;
  --main-bg: #f0f8ff;
  --glass-bg: rgba(240,248,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="foggy-morning"] {
  --main-red: #d3d3d3;
  --main-yellow: #e8e8e8;
  --main-bg: #c0c0c0;
  --glass-bg: rgba(192,192,192,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="sunny-day"] {
  --main-red: #ffd700;
  --main-yellow: #ffff00;
  --main-bg: #fff8dc;
  --glass-bg: rgba(255,248,220,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="cloudy-sky"] {
  --main-red: #b0c4de;
  --main-yellow: #d3d3d3;
  --main-bg: #f0f0f5;
  --glass-bg: rgba(240,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a3a;
}

[data-theme="rainy-afternoon"] {
  --main-red: #4682b4;
  --main-yellow: #6495ed;
  --main-bg: #1a2a3a;
  --glass-bg: rgba(26,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="snowy-evening"] {
  --main-red: #f0f8ff;
  --main-yellow: #ffffff;
  --main-bg: #e6f2ff;
  --glass-bg: rgba(230,242,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="hailstorm"] {
  --main-red: #dcdcdc;
  --main-yellow: #f5f5f5;
  --main-bg: #4a5a6a;
  --glass-bg: rgba(74,90,106,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== EMOTIONS & MOODS ==================== */
[data-theme="joyful-yellow"] {
  --main-red: #ffeb3b;
  --main-yellow: #fff176;
  --main-bg: #fff8dc;
  --glass-bg: rgba(255,248,220,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="melancholy-blue"] {
  --main-red: #4169e1;
  --main-yellow: #6495ed;
  --main-bg: #1a2a3a;
  --glass-bg: rgba(26,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="angry-red"] {
  --main-red: #ff0000;
  --main-yellow: #ff4444;
  --main-bg: #2a0000;
  --glass-bg: rgba(42,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="peaceful-green"] {
  --main-red: #90ee90;
  --main-yellow: #b0ffb0;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a2a;
}

[data-theme="passionate-magenta"] {
  --main-red: #ff00bf;
  --main-yellow: #ff33cc;
  --main-bg: #2a0a1f;
  --glass-bg: rgba(42,10,31,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="serene-lavender"] {
  --main-red: #b19cd9;
  --main-yellow: #d4c5f9;
  --main-bg: #f5f0fa;
  --glass-bg: rgba(245,240,250,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a4a;
}

[data-theme="energetic-orange"] {
  --main-red: #ff6600;
  --main-yellow: #ff9933;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mysterious-purple"] {
  --main-red: #6a0dad;
  --main-yellow: #8b00ff;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="romantic-rose"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="confident-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== MUSIC GENRES ==================== */
[data-theme="jazz-blue"] {
  --main-red: #4169e1;
  --main-yellow: #6495ed;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rock-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="classical-gold"] {
  --main-red: #d4af37;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hip-hop-black"] {
  --main-red: #1a1a1a;
  --main-yellow: #333333;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="electronic-cyan"] {
  --main-red: #00ffff;
  --main-yellow: #00e5ff;
  --main-bg: #0a1a1a;
  --glass-bg: rgba(10,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="reggae-green"] {
  --main-red: #32cd32;
  --main-yellow: #7fff00;
  --main-bg: #0f2a0a;
  --glass-bg: rgba(15,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="country-brown"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="blues-indigo"] {
  --main-red: #4b0082;
  --main-yellow: #6a5acd;
  --main-bg: #0f0a1a;
  --glass-bg: rgba(15,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="metal-silver"] {
  --main-red: #c0c0c0;
  --main-yellow: #d3d3d3;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pop-pink"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="funk-purple"] {
  --main-red: #9d00ff;
  --main-yellow: #bf40ff;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="soul-amber"] {
  --main-red: #ff8c00;
  --main-yellow: #ffa500;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="techno-neon"] {
  --main-red: #00ff00;
  --main-yellow: #00ffff;
  --main-bg: #0a1a0a;
  --glass-bg: rgba(10,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ambient-mist"] {
  --main-red: #b0c4de;
  --main-yellow: #d3e5f0;
  --main-bg: #f0f5fa;
  --glass-bg: rgba(240,245,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="gospel-white"] {
  --main-red: #f5f5f5;
  --main-yellow: #ffffff;
  --main-bg: #e8e8e8;
  --glass-bg: rgba(232,232,232,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="opera-burgundy"] {
  --main-red: #800020;
  --main-yellow: #a52a3a;
  --main-bg: #1a0a0a;
  --glass-bg: rgba(26,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="folk-earth"] {
  --main-red: #8b7355;
  --main-yellow: #a0826d;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="latin-orange"] {
  --main-red: #ff6b35;
  --main-yellow: #ff9966;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="flamenco-red"] {
  --main-red: #c41e3a;
  --main-yellow: #ff4757;
  --main-bg: #2a0a0f;
  --glass-bg: rgba(42,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="bossa-nova"] {
  --main-red: #3cb371;
  --main-yellow: #66cdaa;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== PRECIOUS MATERIALS ==================== */
[data-theme="platinum-shine"] {
  --main-red: #e5e4e2;
  --main-yellow: #f0efed;
  --main-bg: #c9c8c6;
  --glass-bg: rgba(201,200,198,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="white-gold"] {
  --main-red: #f5f5dc;
  --main-yellow: #fffacd;
  --main-bg: #e8e0d0;
  --glass-bg: rgba(232,224,208,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a1a;
}

[data-theme="yellow-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rose-gold-luxury"] {
  --main-red: #b76e79;
  --main-yellow: #e8b4b8;
  --main-bg: #2a1a1f;
  --glass-bg: rgba(42,26,31,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="titanium-gray"] {
  --main-red: #878681;
  --main-yellow: #a8a8a0;
  --main-bg: #2a2a28;
  --glass-bg: rgba(42,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="bronze-metal"] {
  --main-red: #cd7f32;
  --main-yellow: #d4a056;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="copper-shine"] {
  --main-red: #b87333;
  --main-yellow: #cd9575;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="brass-polish"] {
  --main-red: #b5a642;
  --main-yellow: #c9b95e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pewter-metal"] {
  --main-red: #899499;
  --main-yellow: #a0a8ad;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ivory-white"] {
  --main-red: #fffff0;
  --main-yellow: #fffaf0;
  --main-bg: #f5f0e8;
  --glass-bg: rgba(245,240,232,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a1a;
}

[data-theme="jade-green-gem"] {
  --main-red: #00a86b;
  --main-yellow: #29ab87;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="coral-pink-gem"] {
  --main-red: #ff7f50;
  --main-yellow: #ff9966;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="jet-black-gem"] {
  --main-red: #0a0a0a;
  --main-yellow: #1a1a1a;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="amber-resin"] {
  --main-red: #ffbf00;
  --main-yellow: #ffcc33;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="turquoise-stone"] {
  --main-red: #40e0d0;
  --main-yellow: #7fffd4;
  --main-bg: #0a2a28;
  --glass-bg: rgba(10,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ========================================================================
   🎨 PART 5 - Flowers, Desserts, Beverages & Fabrics
   ======================================================================== */

/* ==================== FLOWERS & BOTANICALS ==================== */
[data-theme="rose-red"] {
  --main-red: #ff0033;
  --main-yellow: #ff3366;
  --main-bg: #2a0a0f;
  --glass-bg: rgba(42,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tulip-pink"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sunflower-yellow"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="lavender-bloom"] {
  --main-red: #9370db;
  --main-yellow: #b19cd9;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="orchid-purple"] {
  --main-red: #da70d6;
  --main-yellow: #ee82ee;
  --main-bg: #2a0f28;
  --glass-bg: rgba(42,15,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="daisy-white"] {
  --main-red: #ffffff;
  --main-yellow: #fffacd;
  --main-bg: #f5f5f0;
  --glass-bg: rgba(245,245,240,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a1a;
}

[data-theme="iris-blue"] {
  --main-red: #5a4fcf;
  --main-yellow: #7c70db;
  --main-bg: #0f0a2a;
  --glass-bg: rgba(15,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="lily-white"] {
  --main-red: #f0f8ff;
  --main-yellow: #fffaf0;
  --main-bg: #f5f5f5;
  --glass-bg: rgba(245,245,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="poppy-red"] {
  --main-red: #e03c31;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="violet-flower"] {
  --main-red: #8f00ff;
  --main-yellow: #b366ff;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="magnolia-cream"] {
  --main-red: #f8f4e8;
  --main-yellow: #faf8f0;
  --main-bg: #f0ead6;
  --glass-bg: rgba(240,234,214,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="peony-pink"] {
  --main-red: #fadadd;
  --main-yellow: #ffebee;
  --main-bg: #fff0f3;
  --glass-bg: rgba(255,240,243,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="hibiscus-red"] {
  --main-red: #b43757;
  --main-yellow: #d64d6d;
  --main-bg: #2a0a14;
  --glass-bg: rgba(42,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="jasmine-white"] {
  --main-red: #f8f6f0;
  --main-yellow: #fffef8;
  --main-bg: #fafaf5;
  --glass-bg: rgba(250,250,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a1a;
}

[data-theme="marigold-orange"] {
  --main-red: #ff9800;
  --main-yellow: #ffb347;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="carnation-pink"] {
  --main-red: #ffa6c9;
  --main-yellow: #ffcce0;
  --main-bg: #fff0f7;
  --glass-bg: rgba(255,240,247,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="zinnia-magenta"] {
  --main-red: #ca3e72;
  --main-yellow: #e85d8a;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="daffodil-yellow"] {
  --main-red: #ffed4e;
  --main-yellow: #fff8a5;
  --main-bg: #fffacd;
  --glass-bg: rgba(255,250,205,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="petunia-purple"] {
  --main-red: #9b30ff;
  --main-yellow: #b666ff;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="azalea-pink"] {
  --main-red: #ff99cc;
  --main-yellow: #ffb3d9;
  --main-bg: #fff5fa;
  --glass-bg: rgba(255,245,250,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

/* ==================== DESSERTS & SWEETS ==================== */
[data-theme="tiramisu-cream"] {
  --main-red: #d4a574;
  --main-yellow: #f5deb3;
  --main-bg: #2a2014;
  --glass-bg: rgba(42,32,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="macaron-pink"] {
  --main-red: #ffb3d9;
  --main-yellow: #ffd9ec;
  --main-bg: #fff0f8;
  --glass-bg: rgba(255,240,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="eclair-chocolate"] {
  --main-red: #5d3a1a;
  --main-yellow: #8b6914;
  --main-bg: #1a0f0a;
  --glass-bg: rgba(26,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cheesecake-cream"] {
  --main-red: #fffacd;
  --main-yellow: #fffef0;
  --main-bg: #faf8f0;
  --glass-bg: rgba(250,248,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="brownie-fudge"] {
  --main-red: #4a2511;
  --main-yellow: #6b3410;
  --main-bg: #1a0a05;
  --glass-bg: rgba(26,10,5,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cupcake-frosting"] {
  --main-red: #ffb3e6;
  --main-yellow: #ffd9f2;
  --main-bg: #fff5fc;
  --glass-bg: rgba(255,245,252,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="donut-glaze"] {
  --main-red: #ffc0cb;
  --main-yellow: #ffddee;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="creme-brulee"] {
  --main-red: #daa520;
  --main-yellow: #f0d878;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="panna-cotta"] {
  --main-red: #faf0e6;
  --main-yellow: #fffef8;
  --main-bg: #fff8f0;
  --glass-bg: rgba(255,248,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="mousse-chocolate"] {
  --main-red: #6b4423;
  --main-yellow: #8b5a2b;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="gelato-pistachio"] {
  --main-red: #93c572;
  --main-yellow: #b5e090;
  --main-bg: #f0f8e8;
  --glass-bg: rgba(240,248,232,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a1a;
}

[data-theme="sorbet-lemon"] {
  --main-red: #fff700;
  --main-yellow: #ffff99;
  --main-bg: #fffacd;
  --glass-bg: rgba(255,250,205,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="parfait-berry"] {
  --main-red: #c71585;
  --main-yellow: #ff69b4;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="meringue-white"] {
  --main-red: #fffef8;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="tart-raspberry"] {
  --main-red: #e30b5c;
  --main-yellow: #ff3377;
  --main-bg: #2a0a14;
  --glass-bg: rgba(42,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== BEVERAGES ==================== */
[data-theme="espresso-black"] {
  --main-red: #2a1810;
  --main-yellow: #3a2820;
  --main-bg: #0f0a05;
  --glass-bg: rgba(15,10,5,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cappuccino-foam"] {
  --main-red: #c6946b;
  --main-yellow: #e5c4a1;
  --main-bg: #f5e6d3;
  --glass-bg: rgba(245,230,211,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a1a;
}

[data-theme="latte-cream"] {
  --main-red: #d4a574;
  --main-yellow: #f5deb3;
  --main-bg: #faf0e6;
  --glass-bg: rgba(250,240,230,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a1a;
}

[data-theme="matcha-green"] {
  --main-red: #88c559;
  --main-yellow: #a8d97b;
  --main-bg: #e8f5e0;
  --glass-bg: rgba(232,245,224,0.65);
  --text-light: #ffffff;
  --text-dark: #1a2a0a;
}

[data-theme="hot-chocolate"] {
  --main-red: #5d3a1a;
  --main-yellow: #7a4f2a;
  --main-bg: #1a0f0a;
  --glass-bg: rgba(26,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="red-wine"] {
  --main-red: #722f37;
  --main-yellow: #933d41;
  --main-bg: #1a0a0f;
  --glass-bg: rgba(26,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="white-wine"] {
  --main-red: #f5f5dc;
  --main-yellow: #fffacd;
  --main-bg: #fafaeb;
  --glass-bg: rgba(250,250,235,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="champagne-gold"] {
  --main-red: #f7e7ce;
  --main-yellow: #fff8e7;
  --main-bg: #fffaf0;
  --glass-bg: rgba(255,250,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="mojito-mint"] {
  --main-red: #98ff98;
  --main-yellow: #c7ffc7;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #1a3a1a;
}

[data-theme="margarita-lime"] {
  --main-red: #bfff00;
  --main-yellow: #d4ff4d;
  --main-bg: #f0ff99;
  --glass-bg: rgba(240,255,153,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a0a;
}

[data-theme="cosmopolitan-pink"] {
  --main-red: #ff1493;
  --main-yellow: #ff69b4;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="blue-lagoon"] {
  --main-red: #00bfff;
  --main-yellow: #87ceeb;
  --main-bg: #e0f2ff;
  --glass-bg: rgba(224,242,255,0.65);
  --text-light: #ffffff;
  --text-dark: #1a3a4a;
}

[data-theme="sangria-red"] {
  --main-red: #8b0000;
  --main-yellow: #a52a2a;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="irish-cream"] {
  --main-red: #c19a6b;
  --main-yellow: #d4af7a;
  --main-bg: #f0e6d6;
  --glass-bg: rgba(240,230,214,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a1a;
}

[data-theme="orange-juice"] {
  --main-red: #ff8c00;
  --main-yellow: #ffa500;
  --main-bg: #fff5e6;
  --glass-bg: rgba(255,245,230,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a0a;
}

/* ==================== FABRICS & TEXTILES ==================== */
[data-theme="silk-white"] {
  --main-red: #f8f8ff;
  --main-yellow: #fffef8;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="velvet-crimson"] {
  --main-red: #8b0000;
  --main-yellow: #a52a2a;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cotton-cream"] {
  --main-red: #fffef0;
  --main-yellow: #fffff0;
  --main-bg: #fafaf5;
  --glass-bg: rgba(250,250,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a1a;
}

[data-theme="denim-blue"] {
  --main-red: #1560bd;
  --main-yellow: #2e7dd1;
  --main-bg: #0a2a4a;
  --glass-bg: rgba(10,42,74,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="linen-beige"] {
  --main-red: #e8d5b7;
  --main-yellow: #f5e6d3;
  --main-bg: #faf5ed;
  --glass-bg: rgba(250,245,237,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a1a;
}

[data-theme="satin-pink"] {
  --main-red: #ffb3d9;
  --main-yellow: #ffd9ec;
  --main-bg: #fff0f8;
  --glass-bg: rgba(255,240,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="leather-brown"] {
  --main-red: #6b4423;
  --main-yellow: #8b5a2b;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="suede-tan"] {
  --main-red: #c19a6b;
  --main-yellow: #d4af7a;
  --main-bg: #2a2014;
  --glass-bg: rgba(42,32,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cashmere-gray"] {
  --main-red: #b0b0aa;
  --main-yellow: #c8c8c0;
  --main-bg: #e0e0d8;
  --glass-bg: rgba(224,224,216,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="wool-charcoal"] {
  --main-red: #36454f;
  --main-yellow: #4a5a65;
  --main-bg: #1a2a2a;
  --glass-bg: rgba(26,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tweed-brown"] {
  --main-red: #8b7355;
  --main-yellow: #a08968;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="canvas-natural"] {
  --main-red: #f5f5dc;
  --main-yellow: #faf0e6;
  --main-bg: #fffef5;
  --glass-bg: rgba(255,254,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a1a;
}

[data-theme="flannel-red"] {
  --main-red: #b22222;
  --main-yellow: #cd5c5c;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chiffon-lavender"] {
  --main-red: #e6e6fa;
  --main-yellow: #f0f0ff;
  --main-bg: #faf5ff;
  --glass-bg: rgba(250,245,255,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a4a;
}

[data-theme="corduroy-olive"] {
  --main-red: #556b2f;
  --main-yellow: #6b8e23;
  --main-bg: #1a2a0f;
  --glass-bg: rgba(26,42,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ========================================================================
   🎨 PART 6 - Architecture, Minerals, Celestial, Landmarks & More
   ======================================================================== */

/* ==================== ARCHITECTURE STYLES ==================== */
[data-theme="modern-minimalist"] {
  --main-red: #f5f5f5;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="brutalist-concrete"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #4a4a4a;
  --glass-bg: rgba(74,74,74,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="art-deco-glamour"] {
  --main-red: #d4af37;
  --main-yellow: #f0e68c;
  --main-bg: #1a1a0a;
  --glass-bg: rgba(26,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="gothic-arch"] {
  --main-red: #2f4f4f;
  --main-yellow: #556b2f;
  --main-bg: #0f0f0a;
  --glass-bg: rgba(15,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="colonial-brick"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="victorian-ornate"] {
  --main-red: #800020;
  --main-yellow: #a52a3a;
  --main-bg: #1a0a0a;
  --glass-bg: rgba(26,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="bauhaus-primary"] {
  --main-red: #ff0000;
  --main-yellow: #ffff00;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mid-century-modern"] {
  --main-red: #ff6b35;
  --main-yellow: #f7931e;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mediterranean-white"] {
  --main-red: #f8f8ff;
  --main-yellow: #ffffff;
  --main-bg: #f0f0f5;
  --glass-bg: rgba(240,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a3a;
}

[data-theme="industrial-steel"] {
  --main-red: #708090;
  --main-yellow: #a9a9a9;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="scandinavian-light"] {
  --main-red: #f5f5f5;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="japanese-zen"] {
  --main-red: #e8e0d5;
  --main-yellow: #f5f0e8;
  --main-bg: #faf8f5;
  --glass-bg: rgba(250,248,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a1a;
}

[data-theme="tuscan-terracotta"] {
  --main-red: #cd853f;
  --main-yellow: #d4a76a;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="french-provincial"] {
  --main-red: #d8bfd8;
  --main-yellow: #e6d5e8;
  --main-bg: #f5f0f5;
  --glass-bg: rgba(245,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a3a;
}

[data-theme="craftsman-wood"] {
  --main-red: #8b7355;
  --main-yellow: #a08968;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="art-nouveau-curves"] {
  --main-red: #9370db;
  --main-yellow: #b19cd9;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="postmodern-bold"] {
  --main-red: #ff1493;
  --main-yellow: #00ffff;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="deconstructivist"] {
  --main-red: #c0c0c0;
  --main-yellow: #ff6b35;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="organic-architecture"] {
  --main-red: #8fbc8f;
  --main-yellow: #a8d8a8;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a2a;
}

[data-theme="parametric-design"] {
  --main-red: #00ffff;
  --main-yellow: #ff00ff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== MINERALS & CRYSTALS ==================== */
[data-theme="quartz-crystal"] {
  --main-red: #f0f0f0;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="amethyst-crystal"] {
  --main-red: #9966cc;
  --main-yellow: #b19cd9;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="citrine-yellow"] {
  --main-red: #e4d00a;
  --main-yellow: #ffd700;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="peridot-green"] {
  --main-red: #9acd32;
  --main-yellow: #adff2f;
  --main-bg: #1a2a0a;
  --glass-bg: rgba(26,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tanzanite-blue"] {
  --main-red: #4169e1;
  --main-yellow: #6495ed;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="moonstone-shimmer"] {
  --main-red: #e6f2ff;
  --main-yellow: #f5f9ff;
  --main-bg: #fafcff;
  --glass-bg: rgba(250,252,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="tourmaline-rainbow"] {
  --main-red: #ff69b4;
  --main-yellow: #00ffff;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chrysoprase-green"] {
  --main-red: #7fff00;
  --main-yellow: #adff2f;
  --main-bg: #1a2a0a;
  --glass-bg: rgba(26,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="labradorite-flash"] {
  --main-red: #4682b4;
  --main-yellow: #5f9ea0;
  --main-bg: #1a2a2a;
  --glass-bg: rgba(26,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sugilite-purple"] {
  --main-red: #8b00ff;
  --main-yellow: #9d4edd;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fluorite-violet"] {
  --main-red: #9370db;
  --main-yellow: #ba55d3;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="agate-bands"] {
  --main-red: #d2691e;
  --main-yellow: #f4a460;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rhodochrosite-pink"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="aventurine-green"] {
  --main-red: #3cb371;
  --main-yellow: #66cdaa;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="iolite-blue"] {
  --main-red: #4169e1;
  --main-yellow: #5a7fcf;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== CELESTIAL BODIES ==================== */
[data-theme="solar-flare"] {
  --main-red: #ff4500;
  --main-yellow: #ffa500;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="comet-tail"] {
  --main-red: #e0f7ff;
  --main-yellow: #f0fcff;
  --main-bg: #1a2a3a;
  --glass-bg: rgba(26,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="void-space"] {
  --main-red: #000000;
  --main-yellow: #0a0a0a;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.85);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="star-cluster"] {
  --main-red: #fffacd;
  --main-yellow: #ffffff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pulsar"] {
  --main-red: #00ffff;
  --main-yellow: #00e5ff;
  --main-bg: #000a14;
  --glass-bg: rgba(0,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="quasar"] {
  --main-red: #ff00ff;
  --main-yellow: #ff69b4;
  --main-bg: #14000a;
  --glass-bg: rgba(20,0,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dark-matter"] {
  --main-red: #0f0f0f;
  --main-yellow: #1a1a1a;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.85);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cosmic-dust"] {
  --main-red: #d4a574;
  --main-yellow: #f5deb3;
  --main-bg: #1a1a0f;
  --glass-bg: rgba(26,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="andromeda"] {
  --main-red: #9370db;
  --main-yellow: #b19cd9;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="aurora-borealis"] {
  --main-red: #00ff7f;
  --main-yellow: #00ffff;
  --main-bg: #0a1f28;
  --glass-bg: rgba(10,31,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="solar-wind"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="eclipse-shadow"] {
  --main-red: #2a2a2a;
  --main-yellow: #4a4a4a;
  --main-bg: #0f0f0f;
  --glass-bg: rgba(15,15,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="constellation"] {
  --main-red: #e6f2ff;
  --main-yellow: #ffffff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="orbit-silver"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="red-giant"] {
  --main-red: #ff4500;
  --main-yellow: #ff6347;
  --main-bg: #2a0a00;
  --glass-bg: rgba(42,10,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== WORLD LANDMARKS ==================== */
[data-theme="eiffel-tower-gray"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="taj-mahal-marble"] {
  --main-red: #f8f8ff;
  --main-yellow: #fffff0;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="great-wall-stone"] {
  --main-red: #8b8680;
  --main-yellow: #a09d98;
  --main-bg: #2a2a28;
  --glass-bg: rgba(42,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="colosseum-sand"] {
  --main-red: #c19a6b;
  --main-yellow: #d4af7a;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="statue-liberty-copper"] {
  --main-red: #b87333;
  --main-yellow: #cd9575;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="big-ben-bronze"] {
  --main-red: #cd7f32;
  --main-yellow: #d4a056;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pyramids-desert"] {
  --main-red: #c19a6b;
  --main-yellow: #daa520;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="machu-picchu-stone"] {
  --main-red: #708090;
  --main-yellow: #90a8b8;
  --main-bg: #1a2a3a;
  --glass-bg: rgba(26,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sydney-opera-white"] {
  --main-red: #f5f5f5;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="golden-gate-orange"] {
  --main-red: #c0362c;
  --main-yellow: #e85d3f;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="christ-redeemer-white"] {
  --main-red: #f0f0f0;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="petra-rose"] {
  --main-red: #cd8c95;
  --main-yellow: #e9a5ae;
  --main-bg: #2a1a1f;
  --glass-bg: rgba(42,26,31,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sagrada-familia"] {
  --main-red: #d4a574;
  --main-yellow: #f5deb3;
  --main-bg: #2a2014;
  --glass-bg: rgba(42,32,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="angkor-wat-stone"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="burj-khalifa-silver"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== MYTHICAL CREATURES EXTENDED ==================== */
[data-theme="basilisk-eyes"] {
  --main-red: #9acd32;
  --main-yellow: #adff2f;
  --main-bg: #1a2a0a;
  --glass-bg: rgba(26,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pegasus-white"] {
  --main-red: #f0f8ff;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="troll-cave"] {
  --main-red: #556b2f;
  --main-yellow: #6b8e23;
  --main-bg: #1a2a0f;
  --glass-bg: rgba(26,42,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="nymph-meadow"] {
  --main-red: #90ee90;
  --main-yellow: #98fb98;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a2a;
}

[data-theme="demon-shadow"] {
  --main-red: #8b0000;
  --main-yellow: #a52a2a;
  --main-bg: #0a0000;
  --glass-bg: rgba(10,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="angel-wings"] {
  --main-red: #ffffff;
  --main-yellow: #fffff0;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="hydra-venom"] {
  --main-red: #00ff00;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="minotaur-labyrinth"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="satyr-wine"] {
  --main-red: #722f37;
  --main-yellow: #933d41;
  --main-bg: #1a0a0f;
  --glass-bg: rgba(26,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="medusa-stone"] {
  --main-red: #708090;
  --main-yellow: #a9a9a9;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="valkyrie-sky"] {
  --main-red: #87ceeb;
  --main-yellow: #b0e0e6;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="djinn-smoke"] {
  --main-red: #696969;
  --main-yellow: #b0b0b0;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="banshee-wail"] {
  --main-red: #e6e6fa;
  --main-yellow: #f0f0ff;
  --main-bg: #2a2a3a;
  --glass-bg: rgba(42,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chimera-flame"] {
  --main-red: #ff4500;
  --main-yellow: #ff8c00;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sphinx-riddle"] {
  --main-red: #daa520;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== VIDEO GAME AESTHETICS ==================== */
[data-theme="8-bit-retro"] {
  --main-red: #ff0080;
  --main-yellow: #00ffff;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pixel-art"] {
  --main-red: #ff6ec7;
  --main-yellow: #feca57;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cyberpunk-neon"] {
  --main-red: #00ffff;
  --main-yellow: #ff00ff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="stealth-mode"] {
  --main-red: #2f4f4f;
  --main-yellow: #4a6a6a;
  --main-bg: #0f1f1f;
  --glass-bg: rgba(15,31,31,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fantasy-rpg"] {
  --main-red: #8b4513;
  --main-yellow: #daa520;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="space-shooter"] {
  --main-red: #4169e1;
  --main-yellow: #00ffff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="racing-red"] {
  --main-red: #ff0000;
  --main-yellow: #ffcc00;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="horror-survival"] {
  --main-red: #2f4f4f;
  --main-yellow: #8b0000;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="puzzle-bright"] {
  --main-red: #ff69b4;
  --main-yellow: #ffeb3b;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="battle-royale"] {
  --main-red: #ff4500;
  --main-yellow: #ffa500;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ========================================================================
   🎨 PART 7 - Movies, Elements, History, Cuisines, Sports & Zodiac
   ======================================================================== */

/* ==================== MOVIE & FILM GENRES ==================== */
[data-theme="film-noir"] {
  --main-red: #1a1a1a;
  --main-yellow: #4a4a4a;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="western-desert"] {
  --main-red: #c19a6b;
  --main-yellow: #daa520;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sci-fi-blue"] {
  --main-red: #00bfff;
  --main-yellow: #00ffff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="romantic-pink"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="thriller-dark"] {
  --main-red: #2f4f4f;
  --main-yellow: #4a6a6a;
  --main-bg: #0f1f1f;
  --glass-bg: rgba(15,31,31,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="comedy-yellow"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #fff8dc;
  --glass-bg: rgba(255,248,220,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="action-orange"] {
  --main-red: #ff4500;
  --main-yellow: #ff8c00;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="documentary-neutral"] {
  --main-red: #8b8680;
  --main-yellow: #a09d98;
  --main-bg: #2a2a28;
  --glass-bg: rgba(42,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="animated-rainbow"] {
  --main-red: #ff69b4;
  --main-yellow: #00ffff;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="mystery-purple"] {
  --main-red: #663399;
  --main-yellow: #8b5fbf;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== ELEMENTAL FORCES ==================== */
[data-theme="fire-element"] {
  --main-red: #ff4500;
  --main-yellow: #ff8c00;
  --main-bg: #2a0a00;
  --glass-bg: rgba(42,10,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="water-element"] {
  --main-red: #1e90ff;
  --main-yellow: #4169e1;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="earth-element"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="air-element"] {
  --main-red: #e0f7ff;
  --main-yellow: #f0fcff;
  --main-bg: #f5faff;
  --glass-bg: rgba(245,250,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="lightning-element"] {
  --main-red: #ffff00;
  --main-yellow: #ffffff;
  --main-bg: #2a2a0a;
  --glass-bg: rgba(42,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ice-element"] {
  --main-red: #b0e0e6;
  --main-yellow: #e0f6ff;
  --main-bg: #f0f8ff;
  --glass-bg: rgba(240,248,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a5a;
}

[data-theme="nature-element"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="shadow-element"] {
  --main-red: #1a1a1a;
  --main-yellow: #2a2a2a;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="light-element"] {
  --main-red: #fffacd;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a1a;
}

[data-theme="metal-element"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== HISTORICAL ERAS ==================== */
[data-theme="stone-age"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="bronze-age"] {
  --main-red: #cd7f32;
  --main-yellow: #d4a056;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="iron-age"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="medieval-castle"] {
  --main-red: #708090;
  --main-yellow: #a9a9a9;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="renaissance-gold"] {
  --main-red: #d4af37;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="industrial-coal"] {
  --main-red: #2a2a2a;
  --main-yellow: #4a4a4a;
  --main-bg: #0f0f0f;
  --glass-bg: rgba(15,15,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="victorian-era"] {
  --main-red: #663399;
  --main-yellow: #8b5fbf;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="roaring-twenties"] {
  --main-red: #daa520;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chromosphere"] {
  --main-red: #ff4500;
  --main-yellow: #ff8c00;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="space-age"] {
  --main-red: #c0c0c0;
  --main-yellow: #4169e1;
  --main-bg: #1a1a2a;
  --glass-bg: rgba(26,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== WORLD CUISINES ==================== */
[data-theme="italian-cuisine"] {
  --main-red: #ff0033;
  --main-yellow: #00ff00;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="japanese-cuisine"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb7c5;
  --main-bg: #fff5f7;
  --glass-bg: rgba(255,245,247,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="mexican-cuisine"] {
  --main-red: #ff1744;
  --main-yellow: #ffeb3b;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="french-cuisine"] {
  --main-red: #0055a4;
  --main-yellow: #ef4135;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="indian-cuisine"] {
  --main-red: #ff9933;
  --main-yellow: #ffd700;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chinese-cuisine"] {
  --main-red: #dc143c;
  --main-yellow: #ffd700;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="thai-cuisine"] {
  --main-red: #da70d6;
  --main-yellow: #ee82ee;
  --main-bg: #2a0f28;
  --glass-bg: rgba(42,15,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mediterranean-cuisine"] {
  --main-red: #0099cc;
  --main-yellow: #ffd700;
  --main-bg: #002a3a;
  --glass-bg: rgba(0,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="korean-cuisine"] {
  --main-red: #dc143c;
  --main-yellow: #ffffff;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="caribbean-cuisine"] {
  --main-red: #00ff7f;
  --main-yellow: #ffd700;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== SPORTS & ATHLETICS ==================== */
[data-theme="soccer-green"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="basketball-orange"] {
  --main-red: #ff8c00;
  --main-yellow: #ffa500;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tennis-yellow"] {
  --main-red: #bfff00;
  --main-yellow: #d4ff4d;
  --main-bg: #f0ff99;
  --glass-bg: rgba(240,255,153,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a0a;
}

[data-theme="swimming-pool"] {
  --main-red: #00bfff;
  --main-yellow: #87ceeb;
  --main-bg: #e0f2ff;
  --glass-bg: rgba(224,242,255,0.65);
  --text-light: #ffffff;
  --text-dark: #1a3a4a;
}

[data-theme="boxing-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="golf-course"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #1a3a1a;
}

[data-theme="athletics-track"] {
  --main-red: #ff4500;
  --main-yellow: #ff8c00;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hockey-ice"] {
  --main-red: #e0f6ff;
  --main-yellow: #ffffff;
  --main-bg: #f0f8ff;
  --glass-bg: rgba(240,248,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a5a;
}

[data-theme="baseball-field"] {
  --main-red: #8b4513;
  --main-yellow: #228b22;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cycling-tour"] {
  --main-red: #ffd700;
  --main-yellow: #ffff00;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== ZODIAC & ASTROLOGY ==================== */
[data-theme="aries-fire"] {
  --main-red: #ff4500;
  --main-yellow: #ff6347;
  --main-bg: #2a0a00;
  --glass-bg: rgba(42,10,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="taurus-earth"] {
  --main-red: #3cb371;
  --main-yellow: #66cdaa;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="gemini-air"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #fff8dc;
  --glass-bg: rgba(255,248,220,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="cancer-water"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="leo-sun"] {
  --main-red: #ff8c00;
  --main-yellow: #ffd700;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="virgo-earth"] {
  --main-red: #8b7355;
  --main-yellow: #a08968;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="libra-air"] {
  --main-red: #ffb6c1;
  --main-yellow: #ffc0cb;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="scorpio-water"] {
  --main-red: #8b0000;
  --main-yellow: #a52a2a;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sagittarius-fire"] {
  --main-red: #9370db;
  --main-yellow: #ba55d3;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="capricorn-earth"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="aquarius-air"] {
  --main-red: #00bfff;
  --main-yellow: #00ffff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pisces-water"] {
  --main-red: #48d1cc;
  --main-yellow: #7fffd4;
  --main-bg: #0a2a28;
  --glass-bg: rgba(10,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== CHEMICAL ELEMENTS ==================== */
[data-theme="hydrogen-light"] {
  --main-red: #e0f7ff;
  --main-yellow: #f0fcff;
  --main-bg: #f5faff;
  --glass-bg: rgba(245,250,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="helium-noble"] {
  --main-red: #ffeb3b;
  --main-yellow: #fff176;
  --main-bg: #fffacd;
  --glass-bg: rgba(255,250,205,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="carbon-black"] {
  --main-red: #1a1a1a;
  --main-yellow: #2a2a2a;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="oxygen-blue"] {
  --main-red: #87ceeb;
  --main-yellow: #b0e0e6;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="nitrogen-purple"] {
  --main-red: #9370db;
  --main-yellow: #b19cd9;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neon-gas"] {
  --main-red: #ff6ec7;
  --main-yellow: #ff99d8;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="gold-element"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="silver-element"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="aurora-green"] {
  --main-red: #00ff7f;
  --main-yellow: #7fffd4;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mercury-liquid"] {
  --main-red: #b0b0b0;
  --main-yellow: #d0d0d0;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== TRANSPORTATION & VEHICLES ==================== */
[data-theme="race-car-red"] {
  --main-red: #ff0000;
  --main-yellow: #ff3333;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="airplane-sky"] {
  --main-red: #87ceeb;
  --main-yellow: #b0e0e6;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="train-engine"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ship-nautical"] {
  --main-red: #000080;
  --main-yellow: #191970;
  --main-bg: #00001a;
  --glass-bg: rgba(0,0,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="motorcycle-chrome"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="taxi-yellow"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="submarine-deep"] {
  --main-red: #003366;
  --main-yellow: #004080;
  --main-bg: #001a33;
  --glass-bg: rgba(0,26,51,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rocket-launch"] {
  --main-red: #ff4500;
  --main-yellow: #ffa500;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="bicycle-green"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hot-air-balloon"] {
  --main-red: #ff69b4;
  --main-yellow: #ffd700;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ========================================================================
   🎨 PART 8 - Music, Games, Social Media, Programming & Holidays
   ======================================================================== */

/* ==================== MUSICAL INSTRUMENTS ==================== */
[data-theme="piano-keys"] {
  --main-red: #000000;
  --main-yellow: #ffffff;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="guitar-wood"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="violin-varnish"] {
  --main-red: #8b4513;
  --main-yellow: #cd853f;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="trumpet-brass"] {
  --main-red: #b5a642;
  --main-yellow: #c9b95e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="drum-set"] {
  --main-red: #696969;
  --main-yellow: #c0c0c0;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="saxophone-gold"] {
  --main-red: #daa520;
  --main-yellow: #ffd700;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="harp-silver"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="flute-silver"] {
  --main-red: #c0c0c0;
  --main-yellow: #e5e4e2;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="electric-guitar"] {
  --main-red: #ff0000;
  --main-yellow: #ff4444;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="synthesizer-neon"] {
  --main-red: #00ffff;
  --main-yellow: #ff00ff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== BOARD GAMES & CARDS ==================== */
[data-theme="chess-board"] {
  --main-red: #000000;
  --main-yellow: #ffffff;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="poker-cards"] {
  --main-red: #dc143c;
  --main-yellow: #000000;
  --main-bg: #0a5f0a;
  --glass-bg: rgba(10,95,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="monopoly-money"] {
  --main-red: #228b22;
  --main-yellow: #ffd700;
  --main-bg: #0a2a0a;
  --glass-bg: rgba(10,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="scrabble-tiles"] {
  --main-red: #f5deb3;
  --main-yellow: #fffacd;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dice-white"] {
  --main-red: #f5f5f5;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="backgammon-brown"] {
  --main-red: #8b4513;
  --main-yellow: #f5deb3;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="checkers-red"] {
  --main-red: #dc143c;
  --main-yellow: #000000;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dominoes-black"] {
  --main-red: #000000;
  --main-yellow: #ffffff;
  --main-bg: #0f0f0f;
  --glass-bg: rgba(15,15,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== SOCIAL MEDIA PLATFORMS ==================== */
[data-theme="facebook-blue"] {
  --main-red: #1877f2;
  --main-yellow: #4267b2;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="twitter-sky"] {
  --main-red: #1da1f2;
  --main-yellow: #4db5f9;
  --main-bg: #0a1a28;
  --glass-bg: rgba(10,26,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="instagram-gradient"] {
  --main-red: #e4405f;
  --main-yellow: #fccc63;
  --main-bg: #2a0a14;
  --glass-bg: rgba(42,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="youtube-red"] {
  --main-red: #ff0000;
  --main-yellow: #ff3333;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="linkedin-professional"] {
  --main-red: #0a66c2;
  --main-yellow: #0077b5;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tiktok-dark"] {
  --main-red: #ff0050;
  --main-yellow: #00f2ea;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="snapchat-yellow"] {
  --main-red: #fffc00;
  --main-yellow: #fff44d;
  --main-bg: #2a2a0a;
  --glass-bg: rgba(42,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pinterest-red"] {
  --main-red: #e60023;
  --main-yellow: #ff3333;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="reddit-orange"] {
  --main-red: #ff4500;
  --main-yellow: #ff6633;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="whatsapp-green"] {
  --main-red: #25d366;
  --main-yellow: #4ddb7f;
  --main-bg: #0a2a14;
  --glass-bg: rgba(10,42,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== PROGRAMMING LANGUAGES ==================== */
[data-theme="python-blue"] {
  --main-red: #3776ab;
  --main-yellow: #ffd43b;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="javascript-yellow"] {
  --main-red: #f7df1e;
  --main-yellow: #f9e64f;
  --main-bg: #2a2a0a;
  --glass-bg: rgba(42,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="java-red"] {
  --main-red: #f89820;
  --main-yellow: #5382a1;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cpp-blue"] {
  --main-red: #00599c;
  --main-yellow: #0072bb;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ruby-red"] {
  --main-red: #cc342d;
  --main-yellow: #ff4d4d;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="go-cyan"] {
  --main-red: #00add8;
  --main-yellow: #5dc9e2;
  --main-bg: #0a2a2a;
  --glass-bg: rgba(10,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rust-orange"] {
  --main-red: #ce422b;
  --main-yellow: #f74c00;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="swift-orange"] {
  --main-red: #f05138;
  --main-yellow: #ff6b4d;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="kotlin-purple"] {
  --main-red: #7f52ff;
  --main-yellow: #a97bff;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="typescript-blue"] {
  --main-red: #3178c6;
  --main-yellow: #5599e0;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== HOLIDAYS & CELEBRATIONS ==================== */
[data-theme="christmas-red"] {
  --main-red: #c41e3a;
  --main-yellow: #00a651;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="halloween-orange"] {
  --main-red: #ff6600;
  --main-yellow: #000000;
  --main-bg: #2a1a00;
  --glass-bg: rgba(42,26,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="easter-pastel"] {
  --main-red: #ffb3d9;
  --main-yellow: #c8e6ff;
  --main-bg: #fff5fa;
  --glass-bg: rgba(255,245,250,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="valentines-pink"] {
  --main-red: #ff1493;
  --main-yellow: #ff69b4;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="new-year-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="thanksgiving-autumn"] {
  --main-red: #d2691e;
  --main-yellow: #ff9933;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="independence-blue"] {
  --main-red: #b22234;
  --main-yellow: #3c3b6e;
  --main-bg: #1a0a0a;
  --glass-bg: rgba(26,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="st-patricks-green"] {
  --main-red: #00a651;
  --main-yellow: #32cd32;
  --main-bg: #0a2a14;
  --glass-bg: rgba(10,42,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mardi-gras"] {
  --main-red: #660099;
  --main-yellow: #ffd700;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="diwali-lights"] {
  --main-red: #ff9933;
  --main-yellow: #ffd700;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== SUPERHERO THEMES ==================== */
[data-theme="superman-blue"] {
  --main-red: #0066cc;
  --main-yellow: #dc143c;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="batman-black"] {
  --main-red: #000000;
  --main-yellow: #ffd700;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="spiderman-red"] {
  --main-red: #dc143c;
  --main-yellow: #0066cc;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hulk-green"] {
  --main-red: #228b22;
  --main-yellow: #6b8e23;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ironman-gold"] {
  --main-red: #dc143c;
  --main-yellow: #ffd700;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="captain-america"] {
  --main-red: #b22234;
  --main-yellow: #3c3b6e;
  --main-bg: #1a0a0a;
  --glass-bg: rgba(26,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="wonder-woman"] {
  --main-red: #dc143c;
  --main-yellow: #ffd700;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="flash-lightning"] {
  --main-red: #dc143c;
  --main-yellow: #ffd700;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="green-lantern"] {
  --main-red: #00a651;
  --main-yellow: #32cd32;
  --main-bg: #0a2a14;
  --glass-bg: rgba(10,42,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="thor-thunder"] {
  --main-red: #c0c0c0;
  --main-yellow: #ffff00;
  --main-bg: #1a1a2a;
  --glass-bg: rgba(26,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== ANIMALS & WILDLIFE ==================== */
[data-theme="tiger-stripes"] {
  --main-red: #ff8c00;
  --main-yellow: #000000;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="peacock-feather"] {
  --main-red: #00bfff;
  --main-yellow: #32cd32;
  --main-bg: #0a1a28;
  --glass-bg: rgba(10,26,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="flamingo-pink"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="elephant-gray"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="parrot-tropical"] {
  --main-red: #ff0000;
  --main-yellow: #00ff00;
  --main-bg: #1a1a0a;
  --glass-bg: rgba(26,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="butterfly-wings"] {
  --main-red: #ff69b4;
  --main-yellow: #ffd700;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="zebra-pattern"] {
  --main-red: #000000;
  --main-yellow: #ffffff;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dolphin-blue"] {
  --main-red: #4682b4;
  --main-yellow: #87ceeb;
  --main-bg: #1a2a3a;
  --glass-bg: rgba(26,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fox-orange"] {
  --main-red: #ff4500;
  --main-yellow: #ff8c00;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="panda-monochrome"] {
  --main-red: #000000;
  --main-yellow: #ffffff;
  --main-bg: #0f0f0f;
  --glass-bg: rgba(15,15,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== FRUITS & VEGETABLES ==================== */
[data-theme="apple-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="banana-yellow"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="avocado-green"] {
  --main-red: #568203;
  --main-yellow: #6b8e23;
  --main-bg: #1a2a0a;
  --glass-bg: rgba(26,42,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="watermelon-pink"] {
  --main-red: #fc6c85;
  --main-yellow: #ff9bb0;
  --main-bg: #2a0a14;
  --glass-bg: rgba(42,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="carrot-orange"] {
  --main-red: #ff8c00;
  --main-yellow: #ffa500;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="eggplant-purple"] {
  --main-red: #614051;
  --main-yellow: #8b5a7a;
  --main-bg: #1a0a14;
  --glass-bg: rgba(26,10,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="lettuce-fresh"] {
  --main-red: #7fff00;
  --main-yellow: #adff2f;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a1a;
}

[data-theme="tomato-red"] {
  --main-red: #ff6347;
  --main-yellow: #ff7f50;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pineapple-tropical"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="broccoli-green"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ========================================================================
   🎨 PART 9 - Weather, Dance, Literature, Sci-Fi & Ancient Worlds
   ======================================================================== */

/* ==================== WEATHER PHENOMENA EXTENDED ==================== */
[data-theme="aurora-green"] {
  --main-red: #00ff7f;
  --main-yellow: #7fffd4;
  --main-bg: #0a2a1a;
  --glass-bg: rgba(10,42,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sandstorm-brown"] {
  --main-red: #c19a6b;
  --main-yellow: #d4af7a;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="frost-white"] {
  --main-red: #f0f8ff;
  --main-yellow: #ffffff;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a5a;
}

[data-theme="heat-wave"] {
  --main-red: #ff4500;
  --main-yellow: #ffa500;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="monsoon-gray"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dew-drops"] {
  --main-red: #e0f7ff;
  --main-yellow: #f0fcff;
  --main-bg: #f5faff;
  --glass-bg: rgba(245,250,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="hurricane-eye"] {
  --main-red: #4682b4;
  --main-yellow: #5f9ea0;
  --main-bg: #1a2a3a;
  --glass-bg: rgba(26,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="blizzard-white"] {
  --main-red: #f0f8ff;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a3a;
}

[data-theme="drought-earth"] {
  --main-red: #8b7355;
  --main-yellow: #a08968;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="typhoon-teal"] {
  --main-red: #008080;
  --main-yellow: #20b2aa;
  --main-bg: #0a2a2a;
  --glass-bg: rgba(10,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== DANCE & BALLET ==================== */
[data-theme="ballet-pink"] {
  --main-red: #ffb3d9;
  --main-yellow: #ffd9ec;
  --main-bg: #fff0f8;
  --glass-bg: rgba(255,240,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="tango-passion"] {
  --main-red: #8b0000;
  --main-yellow: #dc143c;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="salsa-orange"] {
  --main-red: #ff6b35;
  --main-yellow: #ff9966;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hip-hop-street"] {
  --main-red: #1a1a1a;
  --main-yellow: #ff9933;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="waltz-elegance"] {
  --main-red: #d4af37;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="flamenco-fire"] {
  --main-red: #c41e3a;
  --main-yellow: #ff4757;
  --main-bg: #2a0a0f;
  --glass-bg: rgba(42,10,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="contemporary-cool"] {
  --main-red: #708090;
  --main-yellow: #b0c4de;
  --main-bg: #2a3a4a;
  --glass-bg: rgba(42,58,74,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="jazz-dance"] {
  --main-red: #4169e1;
  --main-yellow: #daa520;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="breakdance-neon"] {
  --main-red: #00ffff;
  --main-yellow: #ff00ff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ballroom-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== LITERATURE & BOOKS ==================== */
[data-theme="classic-novel"] {
  --main-red: #8b4513;
  --main-yellow: #d4af7a;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="poetry-lavender"] {
  --main-red: #b19cd9;
  --main-yellow: #d4c5f9;
  --main-bg: #f5f0fa;
  --glass-bg: rgba(245,240,250,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a4a;
}

[data-theme="mystery-novel"] {
  --main-red: #2f4f4f;
  --main-yellow: #696969;
  --main-bg: #0f1f1f;
  --glass-bg: rgba(15,31,31,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fantasy-book"] {
  --main-red: #9370db;
  --main-yellow: #daa520;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="romance-novel"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="sci-fi-book"] {
  --main-red: #00bfff;
  --main-yellow: #c0c0c0;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="textbook-blue"] {
  --main-red: #1e90ff;
  --main-yellow: #4169e1;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="comic-book"] {
  --main-red: #ff0000;
  --main-yellow: #ffff00;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="biography-brown"] {
  --main-red: #8b7355;
  --main-yellow: #a08968;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="magazine-glossy"] {
  --main-red: #ff1493;
  --main-yellow: #00ffff;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

/* ==================== SCIENCE FICTION CONCEPTS ==================== */
[data-theme="time-travel"] {
  --main-red: #9370db;
  --main-yellow: #00ffff;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="parallel-universe"] {
  --main-red: #ff00ff;
  --main-yellow: #00ff00;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="alien-world"] {
  --main-red: #00ff00;
  --main-yellow: #9370db;
  --main-bg: #0a1a0a;
  --glass-bg: rgba(10,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dystopian-future"] {
  --main-red: #696969;
  --main-yellow: #ff4500;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="teleportation"] {
  --main-red: #00ffff;
  --main-yellow: #ffffff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="force-field"] {
  --main-red: #00bfff;
  --main-yellow: #00ffff;
  --main-bg: #0a1a28;
  --glass-bg: rgba(10,26,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="warp-drive"] {
  --main-red: #4169e1;
  --main-yellow: #00ffff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="antimatter"] {
  --main-red: #ff00ff;
  --main-yellow: #ffffff;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="nano-tech"] {
  --main-red: #c0c0c0;
  --main-yellow: #00ffff;
  --main-bg: #1a1a1a;
  --glass-bg: rgba(26,26,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cryogenic"] {
  --main-red: #b0e0e6;
  --main-yellow: #e0f6ff;
  --main-bg: #f0f8ff;
  --glass-bg: rgba(240,248,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a5a;
}

/* ==================== ANCIENT CIVILIZATIONS ==================== */
[data-theme="ancient-egypt"] {
  --main-red: #daa520;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ancient-rome"] {
  --main-red: #8b0000;
  --main-yellow: #daa520;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ancient-greece"] {
  --main-red: #0099cc;
  --main-yellow: #ffffff;
  --main-bg: #002a3a;
  --glass-bg: rgba(0,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mayan-temple"] {
  --main-red: #8b7355;
  --main-yellow: #00a651;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="aztec-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ff6347;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="viking-raid"] {
  --main-red: #696969;
  --main-yellow: #dc143c;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="persian-empire"] {
  --main-red: #800020;
  --main-yellow: #daa520;
  --main-bg: #1a0a0a;
  --glass-bg: rgba(26,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="babylonian"] {
  --main-red: #4169e1;
  --main-yellow: #daa520;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ottoman-empire"] {
  --main-red: #dc143c;
  --main-yellow: #ffd700;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="inca-civilization"] {
  --main-red: #daa520;
  --main-yellow: #cd853f;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== MODERN ART MOVEMENTS ==================== */
[data-theme="pop-art"] {
  --main-red: #ff0080;
  --main-yellow: #ffff00;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="abstract-expressionism"] {
  --main-red: #ff4500;
  --main-yellow: #4169e1;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cubism"] {
  --main-red: #8b4513;
  --main-yellow: #4682b4;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="surrealism"] {
  --main-red: #9370db;
  --main-yellow: #ff69b4;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="minimalism-art"] {
  --main-red: #ffffff;
  --main-yellow: #000000;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="impressionism"] {
  --main-red: #b0c4de;
  --main-yellow: #ffd700;
  --main-bg: #e6f2ff;
  --glass-bg: rgba(230,242,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="fauvism"] {
  --main-red: #ff4500;
  --main-yellow: #32cd32;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dadaism"] {
  --main-red: #ff0000;
  --main-yellow: #000000;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="constructivism"] {
  --main-red: #dc143c;
  --main-yellow: #000000;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="futurism"] {
  --main-red: #00bfff;
  --main-yellow: #ff4500;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== COCKTAILS & DRINKS ==================== */
[data-theme="martini-olive"] {
  --main-red: #f0f8ff;
  --main-yellow: #556b2f;
  --main-bg: #f5f5f5;
  --glass-bg: rgba(245,245,245,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="pina-colada"] {
  --main-red: #fffacd;
  --main-yellow: #ffffff;
  --main-bg: #faf8f0;
  --glass-bg: rgba(250,248,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="bloody-mary"] {
  --main-red: #8b0000;
  --main-yellow: #dc143c;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="long-island"] {
  --main-red: #d2691e;
  --main-yellow: #f4a460;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="manhattan-cocktail"] {
  --main-red: #8b4513;
  --main-yellow: #dc143c;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tequila-sunrise"] {
  --main-red: #ff4500;
  --main-yellow: #ffa500;
  --main-bg: #2a0f00;
  --glass-bg: rgba(42,15,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="moscow-mule"] {
  --main-red: #ffd700;
  --main-yellow: #98ff98;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mai-tai"] {
  --main-red: #ff6347;
  --main-yellow: #ffa500;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="whiskey-sour"] {
  --main-red: #d2691e;
  --main-yellow: #ffd700;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="daiquiri-lime"] {
  --main-red: #bfff00;
  --main-yellow: #d4ff4d;
  --main-bg: #f0ff99;
  --glass-bg: rgba(240,255,153,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a0a;
}

/* ==================== OUTDOOR ACTIVITIES ==================== */
[data-theme="camping-forest"] {
  --main-red: #228b22;
  --main-yellow: #8b4513;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="surfing-wave"] {
  --main-red: #00bfff;
  --main-yellow: #87ceeb;
  --main-bg: #0a1a28;
  --glass-bg: rgba(10,26,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="hiking-trail"] {
  --main-red: #8b7355;
  --main-yellow: #228b22;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="skiing-snow"] {
  --main-red: #f0f8ff;
  --main-yellow: #ffffff;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a4a5a;
}

[data-theme="rock-climbing"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fishing-lake"] {
  --main-red: #4682b4;
  --main-yellow: #87ceeb;
  --main-bg: #1a2a3a;
  --glass-bg: rgba(26,42,58,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="kayaking-river"] {
  --main-red: #20b2aa;
  --main-yellow: #48d1cc;
  --main-bg: #0a2a28;
  --glass-bg: rgba(10,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mountain-biking"] {
  --main-red: #ff6600;
  --main-yellow: #228b22;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="paragliding-sky"] {
  --main-red: #00bfff;
  --main-yellow: #87ceeb;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="scuba-diving"] {
  --main-red: #000080;
  --main-yellow: #00bfff;
  --main-bg: #00001a;
  --glass-bg: rgba(0,0,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== PROFESSIONS & JOBS ==================== */
[data-theme="doctor-white"] {
  --main-red: #ffffff;
  --main-yellow: #f0f8ff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="firefighter-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="police-blue"] {
  --main-red: #000080;
  --main-yellow: #1e90ff;
  --main-bg: #00001a;
  --glass-bg: rgba(0,0,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="teacher-green"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chef-burgundy"] {
  --main-red: #800020;
  --main-yellow: #a52a3a;
  --main-bg: #1a0a0a;
  --glass-bg: rgba(26,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pilot-sky"] {
  --main-red: #87ceeb;
  --main-yellow: #b0e0e6;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="engineer-orange"] {
  --main-red: #ff6600;
  --main-yellow: #ff9933;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="artist-palette"] {
  --main-red: #ff69b4;
  --main-yellow: #ffd700;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="lawyer-black"] {
  --main-red: #000000;
  --main-yellow: #1a1a1a;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="nurse-teal"] {
  --main-red: #008b8b;
  --main-yellow: #20b2aa;
  --main-bg: #002a2a;
  --glass-bg: rgba(0,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== CHILDHOOD & TOYS ==================== */
[data-theme="lego-blocks"] {
  --main-red: #ff0000;
  --main-yellow: #ffff00;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="teddy-bear"] {
  --main-red: #8b4513;
  --main-yellow: #d2691e;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="barbie-pink"] {
  --main-red: #ff1493;
  --main-yellow: #ff69b4;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="action-figure"] {
  --main-red: #ff4500;
  --main-yellow: #4169e1;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="playground-colors"] {
  --main-red: #ff6b35;
  --main-yellow: #32cd32;
  --main-bg: #fff5f0;
  --glass-bg: rgba(255,245,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a1a;
}

[data-theme="crayon-box"] {
  --main-red: #ff0080;
  --main-yellow: #ffff00;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="toy-train"] {
  --main-red: #dc143c;
  --main-yellow: #4169e1;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="dollhouse-pastel"] {
  --main-red: #ffb3d9;
  --main-yellow: #c8e6ff;
  --main-bg: #fff5fa;
  --glass-bg: rgba(255,245,250,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="puzzle-pieces"] {
  --main-red: #ff6b35;
  --main-yellow: #4169e1;
  --main-bg: #fff5f0;
  --glass-bg: rgba(255,245,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a1a;
}

[data-theme="marbles-glass"] {
  --main-red: #00bfff;
  --main-yellow: #ff69b4;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

/* ========================================================================
   🎨 PART 10 (FINAL) - Casino, Military, Fashion & Final Categories
   ======================================================================== */

/* ==================== CASINO & GAMBLING ==================== */
[data-theme="vegas-neon"] {
  --main-red: #ff0080;
  --main-yellow: #00ffff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="roulette-red"] {
  --main-red: #dc143c;
  --main-yellow: #000000;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="blackjack-green"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="slot-machine"] {
  --main-red: #ff0000;
  --main-yellow: #ffd700;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="poker-chip"] {
  --main-red: #dc143c;
  --main-yellow: #000000;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="craps-dice"] {
  --main-red: #ffffff;
  --main-yellow: #dc143c;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="jackpot-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="baccarat-crystal"] {
  --main-red: #e0f7ff;
  --main-yellow: #f0fcff;
  --main-bg: #f5faff;
  --glass-bg: rgba(245,250,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="lottery-balls"] {
  --main-red: #ff0080;
  --main-yellow: #ffff00;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="casino-royale"] {
  --main-red: #000000;
  --main-yellow: #ffd700;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== MILITARY & WARFARE ==================== */
[data-theme="army-green"] {
  --main-red: #4b5320;
  --main-yellow: #6b8e23;
  --main-bg: #1a2a0f;
  --glass-bg: rgba(26,42,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="navy-seal"] {
  --main-red: #000080;
  --main-yellow: #191970;
  --main-bg: #00001a;
  --glass-bg: rgba(0,0,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="air-force"] {
  --main-red: #00308f;
  --main-yellow: #87ceeb;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="marine-corps"] {
  --main-red: #dc143c;
  --main-yellow: #ffd700;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tank-armor"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="camouflage"] {
  --main-red: #4b5320;
  --main-yellow: #8b7355;
  --main-bg: #1a2a0f;
  --glass-bg: rgba(26,42,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="medal-bronze"] {
  --main-red: #cd7f32;
  --main-yellow: #d4a056;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="submarine-gray"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fighter-jet"] {
  --main-red: #708090;
  --main-yellow: #87ceeb;
  --main-bg: #2a3a4a;
  --glass-bg: rgba(42,58,74,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="warship-steel"] {
  --main-red: #708090;
  --main-yellow: #a9a9a9;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== FASHION & RUNWAY ==================== */
[data-theme="haute-couture"] {
  --main-red: #000000;
  --main-yellow: #ffd700;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="runway-lights"] {
  --main-red: #ffffff;
  --main-yellow: #ff1493;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="designer-black"] {
  --main-red: #000000;
  --main-yellow: #1a1a1a;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="vogue-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chanel-elegance"] {
  --main-red: #000000;
  --main-yellow: #ffffff;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="milan-chic"] {
  --main-red: #663399;
  --main-yellow: #daa520;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="paris-fashion"] {
  --main-red: #ff69b4;
  --main-yellow: #ffd700;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="streetwear-neon"] {
  --main-red: #00ffff;
  --main-yellow: #ff00ff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="vintage-boutique"] {
  --main-red: #d2691e;
  --main-yellow: #daa520;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fashion-week"] {
  --main-red: #ff1493;
  --main-yellow: #ffd700;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== KITCHEN & COOKING TOOLS ==================== */
[data-theme="stainless-steel"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="copper-pot"] {
  --main-red: #b87333;
  --main-yellow: #cd9575;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cast-iron"] {
  --main-red: #2a2a2a;
  --main-yellow: #4a4a4a;
  --main-bg: #0f0f0f;
  --glass-bg: rgba(15,15,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="wooden-spoon"] {
  --main-red: #8b4513;
  --main-yellow: #d2691e;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ceramic-bowl"] {
  --main-red: #f5f5dc;
  --main-yellow: #faf0e6;
  --main-bg: #e8e0d0;
  --glass-bg: rgba(232,224,208,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a3a;
}

[data-theme="mixer-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="blender-green"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="oven-black"] {
  --main-red: #1a1a1a;
  --main-yellow: #333333;
  --main-bg: #000000;
  --glass-bg: rgba(0,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="refrigerator-white"] {
  --main-red: #f5f5f5;
  --main-yellow: #ffffff;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #2a2a2a;
}

[data-theme="cutting-board"] {
  --main-red: #8b7355;
  --main-yellow: #d2691e;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== OFFICE & STATIONERY ==================== */
[data-theme="paperclip-silver"] {
  --main-red: #c0c0c0;
  --main-yellow: #e8e8e8;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="highlighter-yellow"] {
  --main-red: #ffff00;
  --main-yellow: #ffff66;
  --main-bg: #fffacd;
  --glass-bg: rgba(255,250,205,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="stapler-red"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="notebook-blue"] {
  --main-red: #1e90ff;
  --main-yellow: #4169e1;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pen-black"] {
  --main-red: #000000;
  --main-yellow: #1a1a1a;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sticky-note"] {
  --main-red: #ffff00;
  --main-yellow: #ffff99;
  --main-bg: #fffacd;
  --glass-bg: rgba(255,250,205,0.65);
  --text-light: #ffffff;
  --text-dark: #4a4a1a;
}

[data-theme="calculator-gray"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="whiteboard"] {
  --main-red: #ffffff;
  --main-yellow: #f5f5f5;
  --main-bg: #fafafa;
  --glass-bg: rgba(250,250,250,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="filing-cabinet"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="desk-lamp"] {
  --main-red: #fffacd;
  --main-yellow: #ffffe0;
  --main-bg: #faf8f0;
  --glass-bg: rgba(250,248,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

/* ==================== YOGA & MEDITATION ==================== */
[data-theme="zen-garden"] {
  --main-red: #e8d5b7;
  --main-yellow: #f5e6d3;
  --main-bg: #faf5ed;
  --glass-bg: rgba(250,245,237,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a1a;
}

[data-theme="chakra-rainbow"] {
  --main-red: #ff0080;
  --main-yellow: #9370db;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="lotus-pink"] {
  --main-red: #ffb6c1;
  --main-yellow: #ffc0cb;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="meditation-purple"] {
  --main-red: #663399;
  --main-yellow: #8b5fbf;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="namaste-orange"] {
  --main-red: #ff9933;
  --main-yellow: #ffb347;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="om-symbol"] {
  --main-red: #daa520;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="yoga-mat"] {
  --main-red: #9370db;
  --main-yellow: #b19cd9;
  --main-bg: #f5f0fa;
  --glass-bg: rgba(245,240,250,0.65);
  --text-light: #ffffff;
  --text-dark: #3a2a4a;
}

[data-theme="incense-brown"] {
  --main-red: #8b4513;
  --main-yellow: #cd853f;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="crystal-healing"] {
  --main-red: #e0f7ff;
  --main-yellow: #f0fcff;
  --main-bg: #f5faff;
  --glass-bg: rgba(245,250,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

[data-theme="mindfulness-blue"] {
  --main-red: #4682b4;
  --main-yellow: #87ceeb;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

/* ==================== PIRATES & MARITIME ==================== */
[data-theme="pirate-ship"] {
  --main-red: #8b4513;
  --main-yellow: #000080;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="treasure-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="jolly-roger"] {
  --main-red: #000000;
  --main-yellow: #ffffff;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="caribbean-sea"] {
  --main-red: #00bfff;
  --main-yellow: #7fffd4;
  --main-bg: #0a1a28;
  --glass-bg: rgba(10,26,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="parrot-colors"] {
  --main-red: #ff0000;
  --main-yellow: #32cd32;
  --main-bg: #1a1a0a;
  --glass-bg: rgba(26,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rum-barrel"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="compass-brass"] {
  --main-red: #b5a642;
  --main-yellow: #c9b95e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mermaid-lagoon"] {
  --main-red: #48d1cc;
  --main-yellow: #7fffd4;
  --main-bg: #0a2a28;
  --glass-bg: rgba(10,42,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cannon-smoke"] {
  --main-red: #696969;
  --main-yellow: #a9a9a9;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="anchor-rust"] {
  --main-red: #8b4513;
  --main-yellow: #a0522d;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== CIRCUS & CARNIVAL ==================== */
[data-theme="big-top"] {
  --main-red: #dc143c;
  --main-yellow: #ffffff;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="clown-colors"] {
  --main-red: #ff0000;
  --main-yellow: #ffff00;
  --main-bg: #1a0000;
  --glass-bg: rgba(26,0,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="ferris-wheel"] {
  --main-red: #ff69b4;
  --main-yellow: #87ceeb;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="cotton-candy"] {
  --main-red: #ffb3d9;
  --main-yellow: #ffc8e6;
  --main-bg: #fff5fc;
  --glass-bg: rgba(255,245,252,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a4a;
}

[data-theme="carousel-horses"] {
  --main-red: #ffd700;
  --main-yellow: #ff69b4;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="popcorn-yellow"] {
  --main-red: #fff8dc;
  --main-yellow: #fffacd;
  --main-bg: #faf8f0;
  --glass-bg: rgba(250,248,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="ticket-booth"] {
  --main-red: #dc143c;
  --main-yellow: #ffd700;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="juggler-balls"] {
  --main-red: #ff0080;
  --main-yellow: #00ff00;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="acrobat-silk"] {
  --main-red: #ff1493;
  --main-yellow: #9370db;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="carnival-lights"] {
  --main-red: #ff6ec7;
  --main-yellow: #ffd700;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== HOBBIES & CRAFTS ==================== */
[data-theme="knitting-yarn"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="pottery-clay"] {
  --main-red: #a0522d;
  --main-yellow: #cd853f;
  --main-bg: #2a1f14;
  --glass-bg: rgba(42,31,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="scrapbooking"] {
  --main-red: #ff69b4;
  --main-yellow: #ffd700;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="origami-paper"] {
  --main-red: #ff69b4;
  --main-yellow: #87ceeb;
  --main-bg: #fff5f8;
  --glass-bg: rgba(255,245,248,0.65);
  --text-light: #ffffff;
  --text-dark: #4a2a3a;
}

[data-theme="woodworking"] {
  --main-red: #8b4513;
  --main-yellow: #d2691e;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="stamp-collecting"] {
  --main-red: #dc143c;
  --main-yellow: #4169e1;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="model-trains"] {
  --main-red: #dc143c;
  --main-yellow: #4169e1;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="candle-making"] {
  --main-red: #fffacd;
  --main-yellow: #fff8dc;
  --main-bg: #faf8f0;
  --glass-bg: rgba(250,248,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="embroidery"] {
  --main-red: #ff69b4;
  --main-yellow: #ffd700;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="coin-collecting"] {
  --main-red: #daa520;
  --main-yellow: #c0c0c0;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== PRECIOUS STONES EXTENDED ==================== */
[data-theme="kunzite-pink"] {
  --main-red: #ffb6c1;
  --main-yellow: #ffc0cb;
  --main-bg: #fff0f5;
  --glass-bg: rgba(255,240,245,0.65);
  --text-light: #ffffff;
  --text-dark: #5a2a3a;
}

[data-theme="spinel-blue"] {
  --main-red: #4169e1;
  --main-yellow: #6495ed;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="zircon-rainbow"] {
  --main-red: #00bfff;
  --main-yellow: #ffd700;
  --main-bg: #0a1a28;
  --glass-bg: rgba(10,26,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="alexandrite-magic"] {
  --main-red: #9370db;
  --main-yellow: #32cd32;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="morganite-peach"] {
  --main-red: #ffdab9;
  --main-yellow: #ffe4c4;
  --main-bg: #fff5f0;
  --glass-bg: rgba(255,245,240,0.65);
  --text-light: #ffffff;
  --text-dark: #4a3a2a;
}

[data-theme="carnelian-orange"] {
  --main-red: #ff6347;
  --main-yellow: #ff7f50;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="azurite-blue"] {
  --main-red: #0080ff;
  --main-yellow: #4169e1;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="rhodonite-rose"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="amber-honey"] {
  --main-red: #ffbf00;
  --main-yellow: #ffcc33;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="larimar-caribbean"] {
  --main-red: #87ceeb;
  --main-yellow: #b0e0e6;
  --main-bg: #e6f7ff;
  --glass-bg: rgba(230,247,255,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a4a;
}

/* ==================== COFFEE & TEA ==================== */
[data-theme="espresso-dark"] {
  --main-red: #2a1810;
  --main-yellow: #3a2820;
  --main-bg: #0f0a05;
  --glass-bg: rgba(15,10,5,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chai-spice"] {
  --main-red: #d2691e;
  --main-yellow: #f4a460;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="green-tea"] {
  --main-red: #90ee90;
  --main-yellow: #98fb98;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #2a3a2a;
}

[data-theme="earl-grey"] {
  --main-red: #696969;
  --main-yellow: #b0b0b0;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pumpkin-spice"] {
  --main-red: #ff8c00;
  --main-yellow: #ffa500;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mocha-frappuccino"] {
  --main-red: #6b4423;
  --main-yellow: #d4a574;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="chamomile-calm"] {
  --main-red: #fff8dc;
  --main-yellow: #fffacd;
  --main-bg: #faf8f0;
  --glass-bg: rgba(250,248,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="iced-coffee"] {
  --main-red: #8b4513;
  --main-yellow: #d4af7a;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="oolong-tea"] {
  --main-red: #d2691e;
  --main-yellow: #f4a460;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="mint-tea"] {
  --main-red: #98ff98;
  --main-yellow: #c7ffc7;
  --main-bg: #f0fff0;
  --glass-bg: rgba(240,255,240,0.65);
  --text-light: #ffffff;
  --text-dark: #1a3a1a;
}

/* ==================== ASTRONOMY & STARS ==================== */
[data-theme="polaris-north"] {
  --main-red: #e6f2ff;
  --main-yellow: #ffffff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sirius-bright"] {
  --main-red: #ffffff;
  --main-yellow: #e6f2ff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="betelgeuse-red"] {
  --main-red: #ff4500;
  --main-yellow: #ff6347;
  --main-bg: #2a0a00;
  --glass-bg: rgba(42,10,0,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="vega-blue"] {
  --main-red: #87ceeb;
  --main-yellow: #e6f2ff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="antares-red-giant"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pleiades-cluster"] {
  --main-red: #87ceeb;
  --main-yellow: #e6f2ff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="orion-nebula"] {
  --main-red: #ff69b4;
  --main-yellow: #9370db;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cassiopeia"] {
  --main-red: #ffd700;
  --main-yellow: #ffffff;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="big-dipper"] {
  --main-red: #e6f2ff;
  --main-yellow: #ffffff;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="southern-cross"] {
  --main-red: #ffffff;
  --main-yellow: #87ceeb;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== FASHION ACCESSORIES ==================== */
[data-theme="diamond-bracelet"] {
  --main-red: #e5e4e2;
  --main-yellow: #ffffff;
  --main-bg: #c9c8c6;
  --glass-bg: rgba(201,200,198,0.65);
  --text-light: #ffffff;
  --text-dark: #1a1a1a;
}

[data-theme="leather-handbag"] {
  --main-red: #6b4423;
  --main-yellow: #8b5a2b;
  --main-bg: #1f0f0a;
  --glass-bg: rgba(31,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="sunglasses-black"] {
  --main-red: #000000;
  --main-yellow: #1a1a1a;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="pearl-necklace"] {
  --main-red: #f0ead6;
  --main-yellow: #faf0e6;
  --main-bg: #e8e0d5;
  --glass-bg: rgba(232,224,213,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a3a;
}

[data-theme="silk-scarf"] {
  --main-red: #ff69b4;
  --main-yellow: #ffd700;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="gold-watch"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="designer-shoes"] {
  --main-red: #dc143c;
  --main-yellow: #ff6347;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="fedora-hat"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tie-striped"] {
  --main-red: #000080;
  --main-yellow: #dc143c;
  --main-bg: #00001a;
  --glass-bg: rgba(0,0,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="belt-buckle"] {
  --main-red: #c0c0c0;
  --main-yellow: #8b4513;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== AQUARIUM & FISH ==================== */
[data-theme="goldfish-orange"] {
  --main-red: #ff8c00;
  --main-yellow: #ffa500;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="betta-fish"] {
  --main-red: #dc143c;
  --main-yellow: #4169e1;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="clownfish-orange"] {
  --main-red: #ff8c00;
  --main-yellow: #ffffff;
  --main-bg: #2a1a0a;
  --glass-bg: rgba(42,26,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="angelfish-stripes"] {
  --main-red: #000000;
  --main-yellow: #ffd700;
  --main-bg: #0a0a0a;
  --glass-bg: rgba(10,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="koi-pond"] {
  --main-red: #ff6347;
  --main-yellow: #ffd700;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="blue-tang"] {
  --main-red: #1e90ff;
  --main-yellow: #4169e1;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="guppy-rainbow"] {
  --main-red: #ff69b4;
  --main-yellow: #4169e1;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="discus-fish"] {
  --main-red: #ff6347;
  --main-yellow: #4169e1;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="neon-tetra"] {
  --main-red: #00bfff;
  --main-yellow: #dc143c;
  --main-bg: #0a1a28;
  --glass-bg: rgba(10,26,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="seahorse-coral"] {
  --main-red: #ff7f50;
  --main-yellow: #ffa07a;
  --main-bg: #2a1a0f;
  --glass-bg: rgba(42,26,15,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== MUSICAL ERAS ==================== */
[data-theme="baroque-music"] {
  --main-red: #800020;
  --main-yellow: #daa520;
  --main-bg: #1a0a0a;
  --glass-bg: rgba(26,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="romantic-era"] {
  --main-red: #ff69b4;
  --main-yellow: #ffd700;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="bebop-jazz"] {
  --main-red: #4169e1;
  --main-yellow: #daa520;
  --main-bg: #0a1a2a;
  --glass-bg: rgba(10,26,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="big-band-swing"] {
  --main-red: #daa520;
  --main-yellow: #f0e68c;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="motown-sound"] {
  --main-red: #9370db;
  --main-yellow: #daa520;
  --main-bg: #1a0f2a;
  --glass-bg: rgba(26,15,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="psychedelic-60s"] {
  --main-red: #ff00ff;
  --main-yellow: #ffff00;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="new-wave-80s"] {
  --main-red: #ff1493;
  --main-yellow: #00ffff;
  --main-bg: #2a0a1a;
  --glass-bg: rgba(42,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="grunge-90s"] {
  --main-red: #696969;
  --main-yellow: #808080;
  --main-bg: #2a2a2a;
  --glass-bg: rgba(42,42,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="britpop"] {
  --main-red: #dc143c;
  --main-yellow: #4169e1;
  --main-bg: #2a0a0a;
  --glass-bg: rgba(42,10,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="synthwave"] {
  --main-red: #ff00ff;
  --main-yellow: #00ffff;
  --main-bg: #1a0a1a;
  --glass-bg: rgba(26,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

/* ==================== MILLENNIUM COLLECTION (FINAL) ==================== */
[data-theme="unicorn-magic"] {
  --main-red: #ff69b4;
  --main-yellow: #ffb6c1;
  --main-bg: #2a0f1a;
  --glass-bg: rgba(42,15,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="champagne-celebration"] {
  --main-red: #f7e7ce;
  --main-yellow: #fff8e7;
  --main-bg: #fffaf0;
  --glass-bg: rgba(255,250,240,0.65);
  --text-light: #ffffff;
  --text-dark: #3a3a2a;
}

[data-theme="midnight-magic"] {
  --main-red: #191970;
  --main-yellow: #4169e1;
  --main-bg: #0a0a1a;
  --glass-bg: rgba(10,10,26,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="tropical-sunset"] {
  --main-red: #ff6347;
  --main-yellow: #ffa500;
  --main-bg: #2a0f0a;
  --glass-bg: rgba(42,15,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="arctic-aurora"] {
  --main-red: #00ff7f;
  --main-yellow: #00ffff;
  --main-bg: #0a1f28;
  --glass-bg: rgba(10,31,40,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="royal-velvet"] {
  --main-red: #663399;
  --main-yellow: #8b5fbf;
  --main-bg: #1a0a2a;
  --glass-bg: rgba(26,10,42,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="cosmic-energy"] {
  --main-red: #9d00ff;
  --main-yellow: #00ffff;
  --main-bg: #14000a;
  --glass-bg: rgba(20,0,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="desert-mirage"] {
  --main-red: #daa520;
  --main-yellow: #f4a460;
  --main-bg: #2a1f0a;
  --glass-bg: rgba(42,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="enchanted-forest"] {
  --main-red: #228b22;
  --main-yellow: #32cd32;
  --main-bg: #0a1f0a;
  --glass-bg: rgba(10,31,10,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

[data-theme="millennium-gold"] {
  --main-red: #ffd700;
  --main-yellow: #ffed4e;
  --main-bg: #2a2314;
  --glass-bg: rgba(42,35,20,0.65);
  --text-light: #ffffff;
  --text-dark: #000000;
}

    /* ==================== ADD YOUR THEME STYLES ABOVE ==================== */
    
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    }
    
    html {
      scroll-behavior: smooth;
      overflow-x: hidden;
    }
    
    body {
      font-family: 'Montserrat', 'Roboto', Arial, sans-serif;
      background: linear-gradient(120deg, var(--main-red) 0%, #000 100%);
      background-attachment: fixed;
      color: var(--text-light);
      min-height: 100vh;
      margin: 0;
      padding: 0;
      letter-spacing: 0.5px;
      position: relative;
      overflow-x: hidden;
    }

    body::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: radial-gradient(circle at center, rgba(255,255,255,0.05) 0%, transparent 70%);
      z-index: -1;
    }
    
    header {
      background: rgba(20, 20, 20, 0.9);
      box-shadow: 0 2px 16px rgba(255,35,35,0.10);
      position: sticky;
      top: 0;
      z-index: 100;
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 2vw;
      height: 70px;
    }
    
    .logo {
      font-family: 'Montserrat', sans-serif;
      font-size: 1.8em;
      font-weight: 900;
      color: var(--text-light);
      letter-spacing: 2px;
      display: flex;
      align-items: center;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    
    .logo img {
      height: 1.2em;
      border-radius: 50%;
      margin-right: 10px;
      vertical-align: middle;
    }
    
    .logo span {
      color: var(--main-red);
      font-weight: 900;
    }
    
    nav ul {
      list-style: none;
      display: flex;
      gap: 1.5em;
      margin: 0;
      padding: 0;
    }
    
    nav ul a {
      color: #fff;
      text-decoration: none;
      font-weight: 700;
      font-size: 0.95rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 8px 12px;
      border-radius: 6px;
      transition: all 0.3s ease;
    }
    
    nav ul a:hover {
      color: var(--main-yellow);
      background: rgba(255, 179, 0, 0.1);
    }
    
    .nav-btn {
      background: var(--main-red);
      color: #fff;
      border: none;
      padding: 10px 28px;
      border-radius: 8px;
      font-weight: 700;
      cursor: pointer;
      font-size: 1em;
      margin-left: 1.5em;
      text-decoration: none;
      transition: all 0.3s ease;
      box-shadow: 0 4px 15px rgba(255, 35, 35, 0.3);
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    
    .nav-btn:hover {
      background: var(--main-yellow);
      color: #222;
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(255, 179, 0, 0.4);
    }

    /* === HERO SECTION === */
.hero {
  position: relative;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  text-align: center;
  padding: 48px 24px;
  margin-bottom: 48px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 0;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://i.pinimg.com/564x/7d/80/be/7d80be3f625c321d47895779a6eec815.jpg");
  background-size: cover;
  background-position: center;
  filter: blur(18px) brightness(0.75) saturate(1.2);
  transform: scale(1.15);
  opacity: 0.85;
  z-index: -1;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.25),
    rgba(0, 0, 0, 0.55)
  );
  z-index: -1;
}

.hero h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  margin-bottom: 16px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.hero p {
  color: #e8e8e8;
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  line-height: 1.6;
  max-width: 760px;
  margin: 0 auto 24px;
}

/* === STATS SECTION (SAME AS GALLERY) === */
.stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 30px;
  margin: 30px 0 0 0;
}

.stat-item {
  text-align: center;
  padding: 15px;
  background: var(--card-bg);
  border-radius: 12px;
  min-width: 150px;
  backdrop-filter: blur(5px);
  transition: all 0.3s ease;
  cursor: pointer;
}

.stat-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(255, 35, 35, 0.3);
}

.stat-item .number {
  font-size: 2rem;
  font-weight: 900;
  color: var(--main-yellow);
  margin-bottom: 5px;
  transition: color 0.3s ease;
}

.stat-item .label {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-light);
}

    /* Filter Controls */
    .filter-controls {
      max-width: 1300px;
      margin: 0 auto 32px auto;
      padding: 0 2vw;
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      align-items: center;
      justify-content: center;
    }

    .filter-btn {
      background: var(--glass-bg);
      color: #fff;
      border: 2px solid rgba(255, 255, 255, 0.1);
      padding: 12px 28px;
      border-radius: 14px;
      font-weight: 700;
      cursor: pointer;
      font-size: 0.95em;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      transition: all 0.3s ease;
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }

    .filter-btn:hover {
      background: rgba(255, 35, 35, 0.2);
      border-color: var(--main-red);
      transform: translateY(-2px);
    }

    .filter-btn.active {
      background: linear-gradient(135deg, var(--main-red), var(--main-yellow));
      border-color: var(--main-yellow);
      box-shadow: 0 4px 16px rgba(255, 35, 35, 0.3);
    }

    .sort-select {
      background: var(--glass-bg);
      color: #fff;
      border: 2px solid rgba(255, 255, 255, 0.1);
      padding: 12px 20px;
      border-radius: 14px;
      font-weight: 700;
      cursor: pointer;
      font-size: 0.95em;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      outline: none;
      transition: all 0.3s ease;
      font-family: 'Montserrat', sans-serif;
    }

    .sort-select:hover,
    .sort-select:focus {
      border-color: var(--main-red);
      background: rgba(255, 35, 35, 0.15);
    }

    .sort-select option {
      background: #222;
      color: #fff;
      padding: 10px;
    }

    /* Video Stats */
    .video-stats {
      max-width: 1300px;
      margin: 0 auto 24px auto;
      padding: 0 2vw;
      text-align: center;
      color: rgba(255, 255, 255, 0.7);
      font-size: 0.95em;
      font-weight: 600;
    }

    .video-stats span {
      color: var(--main-yellow);
      font-weight: 900;
    }

    /* Videos grid */
    .videos-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
      gap: 2em;
      max-width: 1300px;
      margin: 0 auto 48px auto;
      padding: 0 2vw;
    }

    .video-card {
      background: rgba(35, 35, 35, 0.25);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-radius: 24px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 35, 35, 0.1);
      padding: 36px 28px;
      display: flex;
      flex-direction: column;
      align-items: center;
      transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
      position: relative;
      overflow: hidden;
    }

    .video-card.hidden {
      display: none;
    }

    .video-card::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: radial-gradient(circle, rgba(255, 35, 35, 0.05) 0%, transparent 70%);
      pointer-events: none;
      z-index: 0;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .video-card:hover {
      transform: translateY(-8px) scale(1.015);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(255, 35, 35, 0.15), inset 0 0 16px rgba(255, 255, 255, 0.03);
      border-color: rgba(255, 179, 0, 0.3);
      background: rgba(40, 40, 40, 0.35);
    }

    .video-card:hover::before {
      opacity: 1;
    }

    .category-badge {
      position: absolute;
      top: 16px;
      right: 16px;
      background: linear-gradient(135deg, var(--main-red), var(--main-yellow));
      color: #fff;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 0.75em;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1px;
      z-index: 2;
      box-shadow: 0 2px 8px rgba(255, 35, 35, 0.3);
    }

    .video-card h2 {
      margin-bottom: 12px;
      font-size: 1.8em;
      font-weight: 800;
      letter-spacing: 1.2px;
      color: #ffffff;
      text-align: center;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
      position: relative;
      z-index: 1;
      line-height: 1.2;
    }

    .video-card .by {
      font-size: 1.05em;
      font-weight: 600;
      margin-bottom: 18px;
      display: flex;
      align-items: center;
      gap: 6px;
      color: rgba(255, 255, 255, 0.85);
      position: relative;
      z-index: 1;
      letter-spacing: 0.5px;
    }

    .video-card .by .fire {
      color: var(--main-yellow);
      font-size: 1.2em;
      filter: drop-shadow(0 0 4px rgba(255, 179, 0, 0.6));
    }

    /* Cover art wrapper with lazy loading */
    .cover-art-wrapper {
      position: relative;
      width: 100%;
      max-width: 380px;
      aspect-ratio: 16 / 9;
      border-radius: 16px;
      margin-bottom: 24px;
      background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
      overflow: hidden;
      cursor: pointer;
      display: block;
      text-decoration: none;
    }

    .cover-art-wrapper::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 50px;
      height: 50px;
      border: 3px solid rgba(255, 35, 35, 0.3);
      border-top-color: var(--main-red);
      border-radius: 50%;
      animation: spin 1s linear infinite;
      z-index: 1;
      opacity: 1;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }

    .cover-art-wrapper.loaded::before {
      opacity: 0;
    }

    @keyframes spin {
      to { transform: translate(-50%, -50%) rotate(360deg); }
    }

    .cover-art-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 16px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
      transition: box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
      display: block;
      position: relative;
      z-index: 2;
      opacity: 0;
    }

    .cover-art-wrapper img.loaded {
      opacity: 1;
    }

    .video-card:hover .cover-art-wrapper img {
      box-shadow: 0 8px 32px rgba(255, 35, 35, 0.2);
      transform: scale(1.02);
    }

    /* Error state */
    .cover-error {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: rgba(0, 0, 0, 0.8);
      color: #fff;
      z-index: 3;
      border-radius: 16px;
      padding: 20px;
      text-align: center;
    }

    .cover-error-icon {
      font-size: 3em;
      margin-bottom: 10px;
    }

    .cover-error-text {
      font-size: 0.95em;
      color: #ffb300;
      font-weight: 600;
    }

    .view-counter {
      font-size: 2.1em;
      font-weight: 900;
      background: linear-gradient(135deg, var(--main-yellow), var(--main-red));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
      padding: 8px 20px;
      border-radius: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin-bottom: 12px;
      cursor: pointer;
      position: relative;
      z-index: 1;
      letter-spacing: 1px;
      transition: transform 0.2s ease, filter 0.2s ease;
      filter: drop-shadow(0 4px 8px rgba(255, 179, 0, 0.3));
    }

    .view-counter:hover {
      transform: scale(1.05);
      filter: drop-shadow(0 6px 16px rgba(255, 179, 0, 0.5));
    }

    .view-counter .fire {
      font-size: 1.3em;
      filter: drop-shadow(0 0 6px var(--main-yellow));
    }

    .view-short {
      font-weight: 900;
    }

    .video-date {
      color: rgba(255, 255, 255, 0.6);
      font-size: 0.95em;
      font-weight: 500;
      letter-spacing: 0.5px;
      position: relative;
      z-index: 1;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      margin-bottom: 20px;
    }

    .watch-full-btn {
      display: inline-block;
      background: linear-gradient(135deg, var(--main-red), var(--main-yellow));
      color: #fff;
      padding: 14px 28px;
      border-radius: 16px;
      font-size: 1.1em;
      font-weight: 900;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 1px;
      box-shadow: 0 4px 16px rgba(255, 35, 35, 0.2);
      transition: all 0.3s ease;
      position: relative;
      z-index: 1;
      border: none;
      cursor: pointer;
      overflow: hidden;
    }

    .watch-full-btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg, var(--main-yellow), var(--main-red));
      transition: left 0.3s ease;
      z-index: -1;
    }

    .watch-full-btn:hover {
      transform: translateY(-2px) scale(1.05);
      box-shadow: 0 8px 24px rgba(255, 35, 35, 0.3);
      color: #fff;
    }

    .watch-full-btn:hover::before {
      left: 0;
    }

    /* Responsive Design */
    @media (max-width: 900px) {
      .videos-grid { 
        grid-template-columns: repeat(2, 1fr); 
      }
      nav ul { 
        gap: 0.7em; 
      }
      .filter-controls {
        gap: 12px;
      }
      .filter-btn,
      .sort-select {
        font-size: 0.85em;
        padding: 10px 20px;
      }
      .stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }
    }
    
    @media (max-width: 600px) {
      .videos-grid { 
        grid-template-columns: 1fr; 
      }
      nav { 
        flex-direction: column; 
        height: auto; 
        padding: 12px 2vw;
      }
      .logo { 
        font-size: 1.4em; 
        margin-bottom: 12px;
      }
      nav ul { 
        flex-wrap: wrap; 
        gap: 0.5em; 
        justify-content: center;
      }
      .nav-btn { 
        margin: 1em 0 0 0; 
      }
      .hero h1 { 
        font-size: 1.6em; 
      }
      .hero p { 
        font-size: 1em; 
      }
      .watch-full-btn { 
        font-size: 1em; 
        padding: 12px 24px; 
      }
      .filter-controls {
        flex-direction: column;
        width: 100%;
      }
      .filter-btn,
      .sort-select {
        width: 100%;
        text-align: center;
      }
      .stats {
        grid-template-columns: 1fr;
        gap: 15px;
      }
    }

    /* Footer */
    .footer-modern {
      color: #e0e0e0;
      padding: 40px 0 20px 0;
      font-family: 'Montserrat', Arial, sans-serif;
      border-top: 4px solid var(--main-red);
      border-radius: 18px 18px 0 0;
      background: var(--glass-bg, rgba(20,20,20,0.55));
      margin-top: 48px;
    }
    
    .footer-modern__container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .footer-modern__nav {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      margin-bottom: 18px;
      justify-content: center;
    }
    
    .footer-modern__link {
      color: #fff;
      background: var(--glass-bg, rgba(20,20,20,0.55));
      padding: 10px 22px;
      border-radius: 14px;
      text-decoration: none;
      font-size: 15px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      transition: background 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s;
      box-shadow: 0 2px 8px rgba(255,35,35,0.08);
    }
    
    .footer-modern__link:hover {
      background: var(--main-red);
      color: #fff;
      box-shadow: 0 4px 16px rgba(255,35,35,0.18);
      transform: translateY(-2px);
    }
    
    .footer-modern__extras {
      display: flex;
      flex-wrap: wrap;
      gap: 32px;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
      width: 100%;
    }
    
    .footer-modern__newsletter {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
    }
    
    .footer-modern__label {
      font-family: 'Montserrat', Arial, sans-serif;
      font-weight: 700;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: #b3b3b3;
      white-space: nowrap;
      text-align: center;
      margin-bottom: 4px;
    }
    
    .newsletter-input-group {
      display: flex;
      align-items: center;
      gap: 8px;
      width: 100%;
    }
    
    .footer-modern__newsletter input[type="email"] {
      padding: 8px 12px;
      border-radius: 14px;
      border: 1.5px solid rgba(255,255,255,0.08);
      font-size: 14px;
      outline: none;
      background: var(--glass-bg, rgba(20,20,20,0.55));
      color: #fff;
      min-width: 200px;
      transition: all 0.3s ease;
    }
    
    .footer-modern__newsletter input[type="email"]:focus {
      border-color: var(--main-red);
      background: rgba(255,255,255,0.12);
      box-shadow: 0 0 10px rgba(255, 35, 35, 0.2);
    }
    
    .footer-modern__newsletter button {
      padding: 8px 18px;
      border-radius: 14px;
      border: none;
      background: var(--main-red);
      color: #fff;
      font-weight: 900;
      text-transform: uppercase;
      cursor: pointer;
      transition: all 0.3s ease;
      letter-spacing: 1.5px;
      white-space: nowrap;
    }
    
    .footer-modern__newsletter button:hover {
      background: var(--main-yellow);
      color: #222;
      transform: scale(1.05);
    }

    .footer-modern__newsletter button:disabled {
      opacity: 0.6;
      cursor: not-allowed;
    }
    
    .footer-modern__social {
      display: flex;
      gap: 14px;
    }
    
    .footer-modern__icon {
      color: var(--main-red) !important;
      background: rgba(20,20,20,0.55);
      border: 1.5px solid rgba(255,255,255,0.08);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      font-size: 2rem;
      box-shadow: 0 2px 8px rgba(255,35,35,0.10);
      transition: color 0.2s, background 0.2s, border 0.2s, transform 0.2s;
      text-decoration: none;
    }
    
    .footer-modern__icon:hover {
      color: #fff !important;
      background: var(--main-red);
      border-color: var(--main-red);
      transform: scale(1.12);
    }
    
    .footer-modern__icon svg {
      width: 20px;
      height: 20px;
      fill: currentColor;
      display: block;
    }
    
    .footer-modern__copyright {
      margin-top: 16px;
      font-size: 14px;
      color: #666;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      text-align: center;
    }

    @media (max-width: 700px) {
      .footer-modern__container { 
        padding: 0 16px; 
      }
      .footer-modern__nav, 
      .footer-modern__extras {
        flex-direction: column;
        gap: 12px;
        align-items: center;
      }
      .footer-modern__newsletter {
        width: 100%;
        max-width: 400px;
      }
      .newsletter-input-group {
        flex-direction: column;
        width: 100%;
      }
      .footer-modern__newsletter input,
      .footer-modern__newsletter button {
        width: 100%;
      }
    }

    .fire {
      color: var(--main-yellow);
      font-weight: bold;
    }

    /* Loading animation */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .video-card {
      animation: fadeIn 0.5s ease-out;
    }
	
	.hashtag-cloud.hidden-hashtags {
      display: none;
    }

    body {
      overflow-x: hidden;
      max-width: 100%;
    }

    html {
      overflow-x: hidden;
    }
  </style>
</head>

<body>
<header>
  <nav>
    <a href="index.html" class="logo" aria-label="BEYS KARINA HQ Home">
      <img src="https://i1.sndcdn.com/avatars-yrM58E3ggzxQD43F-ywXzkQ-t500x500.jpg" alt="BEYS KARINA HQ Logo">
      BEYS KARINA<span> HQ</span>
    </a>
    <ul>
      <li><a href="featured.html">Featured</a></li>
      <li><a href="artists.html">Artists</a></li>					
      <li><a href="all-videos.html">Videos</a></li>
      <li><a href="gallery.html">Gallery</a></li>
    </ul>
    <a href="join-community.html" class="nav-btn">Join Community</a>
  </nav>
</header>

<style>
/* ============================================
   ACTIVE USERS WIDGET - COMPLETE EDITION
   ============================================ */

/* ========== CSS VARIABLES ========== */
:root {
  --theme-primary: #ff2323;
  --theme-secondary: #ff6b6b;
  --theme-gradient: linear-gradient(135deg, #ff2323, #ff6b6b);
  --theme-shadow: rgba(255, 35, 35, 0.3);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ========== BASE WIDGET ========== */
.active-users-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2147483647 !important;
  max-width: calc(100vw - 40px);
  isolation: isolate;
  transition: all 0.3s ease;
}

.active-users-widget.dragging {
  transition: none !important;
  cursor: grabbing !important;
}

/* Position variants */
.active-users-widget.position-bottom-right {
  bottom: 20px;
  right: 20px;
  left: auto;
  top: auto;
}

.active-users-widget.position-bottom-left {
  bottom: 20px;
  left: 20px;
  right: auto;
  top: auto;
}

.active-users-widget.position-top-right {
  top: 20px;
  right: 20px;
  bottom: auto;
  left: auto;
}

.active-users-widget.position-top-left {
  top: 20px;
  left: 20px;
  bottom: auto;
  right: auto;
}

.active-users-widget.position-raised {
  bottom: 90px !important;
}

/* ========== COMPACT WIDGET ========== */
.users-compact {
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  padding: 12px 20px;
  border-radius: 50px;
  box-shadow: 
    0 8px 32px rgba(31, 38, 135, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  display: flex !important;
  align-items: center;
  gap: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  white-space: nowrap;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: relative;
  color: white;
  overflow: hidden;
  user-select: none;
}

.users-compact::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.users-compact:hover::before {
  left: 100%;
}

.users-compact:hover {
  transform: translateY(-3px);
  box-shadow: 
    0 12px 48px rgba(31, 38, 135, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 2px 4px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.4);
}

.users-compact::after {
  content: '⋮⋮';
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.8rem;
  opacity: 0.3;
  pointer-events: none;
}

.users-icon {
  font-size: 1.4rem;
  animation: pulse 2s ease-in-out infinite;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}

.users-number {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.3),
    0 0 1px rgba(255, 255, 255, 0.5);
  letter-spacing: 0.5px;
}

/* ========== EXPANDED WIDGET ========== */
.users-expanded {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 500px;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 100px);
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  border-radius: 24px;
  padding: 0;
  box-shadow: 
    0 8px 32px rgba(31, 38, 135, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 1px 2px rgba(0, 0, 0, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  overflow: hidden;
  display: none;
  color: white;
  z-index: 2147483647 !important;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.users-expanded.active {
  display: flex;
  flex-direction: column;
  animation: slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes slideInUp {
  from { 
    opacity: 0; 
    transform: translateY(30px) scale(0.95); 
  }
  to { 
    opacity: 1; 
    transform: translateY(0) scale(1); 
  }
}

.users-expanded.closing {
  animation: slideOutDown 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes slideOutDown {
  from { 
    opacity: 1; 
    transform: translateY(0) scale(1); 
  }
  to { 
    opacity: 0; 
    transform: translateY(30px) scale(0.95); 
  }
}

/* ========== DRAGGABLE HEADER ========== */
.widget-header {
  background: rgba(255, 255, 255, 0.1);
  padding: 16px 20px;
  cursor: move;
  user-select: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.widget-header:active {
  cursor: grabbing;
}

.widget-header::before {
  content: '⋮⋮';
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  opacity: 0.3;
}

.widget-title {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  background: var(--theme-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  flex: 1;
  padding-left: 20px;
}

.widget-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.5rem;
}

.users-big {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  background: var(--theme-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.3rem;
  text-align: center;
  letter-spacing: 1px;
}

.users-subtitle {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.users-subtitle strong {
  color: rgba(255, 255, 255, 1);
  font-weight: 700;
}

/* ========== CLOSE BUTTON ========== */
.users-close {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 1.5rem;
  cursor: pointer;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  line-height: 1;
  font-weight: 300;
  user-select: none;
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.users-close:hover {
  background: rgba(255, 0, 0, 0.2);
  transform: rotate(90deg) scale(1.1);
  border-color: rgba(255, 255, 255, 0.5);
}

.users-close:active {
  transform: rotate(90deg) scale(0.95);
}

/* ========== SCROLLBAR ========== */
.widget-content::-webkit-scrollbar,
#userActivityFeed::-webkit-scrollbar,
#userCityStats::-webkit-scrollbar {
  width: 8px;
}

.widget-content::-webkit-scrollbar-track,
#userActivityFeed::-webkit-scrollbar-track,
#userCityStats::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  margin: 4px;
}

.widget-content::-webkit-scrollbar-thumb,
#userActivityFeed::-webkit-scrollbar-thumb,
#userCityStats::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
  transition: background 0.2s;
}

.widget-content::-webkit-scrollbar-thumb:hover,
#userActivityFeed::-webkit-scrollbar-thumb:hover,
#userCityStats::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
  background-clip: padding-box;
}

/* ========== SECTIONS ========== */
.widget-section {
  margin-top: 15px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.section-title {
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 10px;
  background: linear-gradient(135deg, #ffffff, rgba(255, 255, 255, 0.7));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ========== LIVE INDICATOR ========== */
.live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #00ff00;
  text-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}

.live-dot {
  width: 8px;
  height: 8px;
  background: #00ff00;
  border-radius: 50%;
  animation: livePulse 2s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
}

@keyframes livePulse {
  0%, 100% { 
    opacity: 1;
    transform: scale(1);
  }
  50% { 
    opacity: 0.5;
    transform: scale(1.2);
  }
}

/* ========== ACTIVITY FEED ========== */
#userActivityFeed {
  max-height: 200px;
  overflow-y: auto;
  padding: 12px;
}

.activity-item {
  padding: 10px 12px;
  margin-bottom: 8px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  border-left: 3px solid rgba(255, 255, 255, 0.3);
  font-size: 0.8rem;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.activity-item:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.activity-item.join {
  border-left-color: rgba(100, 255, 100, 0.6);
  background: rgba(100, 255, 100, 0.08);
}

.activity-item.leave {
  border-left-color: rgba(255, 100, 100, 0.6);
  background: rgba(255, 100, 100, 0.08);
}

/* ========== COUNTRY/CITY ITEMS ========== */
.country-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(5px);
  border-radius: 10px;
  font-size: 0.8rem;
  transition: all 0.2s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 6px;
}

.country-item:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateX(4px);
  border-color: rgba(255, 255, 255, 0.2);
}

/* ========== CHART STYLES ========== */
#userTrendChart {
  margin-top: 15px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

#trendCanvas {
  display: block;
  width: 100%;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.3);
}

/* ========== INTERACTIVE MAP ========== */
#interactiveMap {
  position: relative;
  width: 100%;
  height: 200px;
  background: 
    linear-gradient(180deg, rgba(0, 40, 80, 0.4) 0%, rgba(0, 20, 40, 0.4) 100%),
    radial-gradient(ellipse at center, rgba(100, 100, 100, 0.2) 0%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 12px;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.map-pin {
  position: absolute;
  width: 12px;
  height: 12px;
  background: var(--theme-primary);
  border: 2px solid white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  animation: mapPinPulse 2s infinite;
  transition: all 0.2s;
  box-shadow: 0 0 10px var(--theme-shadow);
  z-index: 1;
}

.map-pin:hover {
  transform: translate(-50%, -50%) scale(2);
  z-index: 100;
}

.map-pin-tooltip {
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.95);
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.75rem;
  white-space: nowrap;
  pointer-events: none;
  margin-bottom: 8px;
  opacity: 0;
  transition: opacity 0.2s;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.map-pin-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.95);
}

.map-pin:hover .map-pin-tooltip {
  opacity: 1;
}

@keyframes mapPinPulse {
  0%, 100% { box-shadow: 0 0 10px var(--theme-shadow); }
  50% { box-shadow: 0 0 20px var(--theme-primary); }
}

/* ========== COMPARISON CHART ========== */
.comparison-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.comparison-label {
  min-width: 70px;
  font-size: 0.72rem;
  font-weight: 600;
}

.comparison-bar-container {
  flex: 1;
  height: 18px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.comparison-bar-fill {
  height: 100%;
  background: var(--theme-gradient);
  border-radius: 10px;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 6px;
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
}

/* ========== DEVICE BREAKDOWN ========== */
.device-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.device-bar-container {
  flex: 1;
  height: 8px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  overflow: hidden;
}

.device-bar-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s;
}

/* ========== BUTTONS ========== */
.widget-button {
  padding: 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  transition: all 0.2s;
  text-align: center;
}

.widget-button:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.widget-button:active {
  transform: translateY(0);
}

.settings-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 8px 0;
}

.settings-checkbox {
  cursor: pointer;
  width: 18px;
  height: 18px;
  accent-color: var(--theme-primary);
}

/* ========== NOTIFICATIONS ========== */
.user-notification {
  position: fixed;
  top: 100px;
  right: 30px;
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
  border-left: 4px solid rgba(255, 255, 255, 0.5) !important;
  color: white;
  padding: 14px 18px;
  border-radius: 16px;
  box-shadow: 
    0 8px 32px rgba(31, 38, 135, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  z-index: 2147483647 !important;
  min-width: 280px;
  max-width: 350px;
  animation: slideInRight 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.user-notification.join {
  border-left-color: rgba(100, 255, 100, 0.8) !important;
  background: rgba(100, 255, 100, 0.12) !important;
}

.user-notification.leave {
  border-left-color: rgba(255, 100, 100, 0.8) !important;
  background: rgba(255, 100, 100, 0.12) !important;
}

@keyframes slideInRight {
  from { 
    opacity: 0; 
    transform: translateX(100px) scale(0.9); 
  }
  to { 
    opacity: 1; 
    transform: translateX(0) scale(1); 
  }
}

@keyframes slideOutRight {
  from { 
    opacity: 1; 
    transform: translateX(0) scale(1); 
  }
  to { 
    opacity: 0; 
    transform: translateX(100px) scale(0.9); 
  }
}

/* ========== TOAST ========== */
.toast-notification {
  position: fixed;
  bottom: 80px;
  right: 20px;
  background: rgba(0, 255, 0, 0.2);
  backdrop-filter: blur(10px);
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  border: 1px solid rgba(0, 255, 0, 0.4);
  z-index: 2147483647;
  animation: slideInRight 0.3s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* ========== DRAG HINT ========== */
.drag-hint {
  position: fixed;
  bottom: 100px;
  right: 20px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 0.75rem;
  z-index: 2147483646;
  pointer-events: none;
  animation: fadeInOut 4s ease-in-out;
}

@keyframes fadeInOut {
  0%, 100% { opacity: 0; }
  10%, 90% { opacity: 1; }
}

/* ========== MOBILE RESPONSIVE ========== */
@media (max-width: 768px) {
  .active-users-widget {
    bottom: 15px !important;
    right: 15px !important;
  }

  .users-compact {
    padding: 10px 16px;
  }

  .users-icon {
    font-size: 1.2rem;
  }

  .users-number {
    font-size: 1rem;
  }

  .users-expanded {
    bottom: 15px !important;
    right: 15px !important;
    left: 15px !important;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 80px);
    border-radius: 20px;
  }

  .users-big {
    font-size: 1.8rem;
  }

  #interactiveMap {
    height: 150px;
  }

  .widget-content {
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  .users-expanded {
    max-height: calc(100vh - 60px);
  }

  .users-big {
    font-size: 1.6rem;
  }

  #userActivityFeed {
    max-height: 130px !important;
    padding: 10px;
  }
}

/* ========== ACCESSIBILITY ========== */
.users-compact:focus,
.users-close:focus,
.widget-button:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}

/* ========== LOADING STATE ========== */
.loading-placeholder {
  animation: pulse-opacity 1.5s ease-in-out infinite;
}

@keyframes pulse-opacity {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}