/* ========================================================================
       COMPLETE GALLERY WITH 109 THEMES - BEYS KARINA HQ
       ======================================================================== */

    /* ========== ROOT VARIABLES ========== */
    :root { 
      --main-red: #ff2323; 
      --main-yellow: #ffb300; 
      --glass-bg: rgba(30,30,30,0.65);
      --dark-bg: #121212;
      --card-bg: rgba(255, 35, 35, 0.15);
      --text-light: #ffffff;
      --text-gray: #ddd;
    }
    
    * {
      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%); 
      margin: 0; 
      padding: 0; 
      color: var(--text-light);
      min-height: 100vh;
      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;
    }

    /* ========================================================================
       MULTI-THEME SYSTEM - 109 THEMES
       ======================================================================== */

    /* ==================== CLASSIC & STANDARD (10) ==================== */
    [data-theme="original-red"] {
      --main-red: #ff2323;
      --main-yellow: #ffb300;
      --dark-bg: #121212;
      --card-bg: rgba(255, 35, 35, 0.15);
      --glass-bg: rgba(30, 30, 30, 0.65);
      --text-light: #ffffff;
      --text-gray: #dddddd;
    }

    [data-theme="electric-blue"] {
      --main-red: #00b4d8;
      --main-yellow: #90e0ef;
      --dark-bg: #0a1929;
      --card-bg: rgba(0, 180, 216, 0.15);
      --glass-bg: rgba(10, 25, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    [data-theme="emerald-green"] {
      --main-red: #10b981;
      --main-yellow: #6ee7b7;
      --dark-bg: #0a1f16;
      --card-bg: rgba(16, 185, 129, 0.15);
      --glass-bg: rgba(10, 31, 22, 0.65);
      --text-light: #ffffff;
      --text-gray: #d1fae5;
    }

    [data-theme="royal-purple"] {
      --main-red: #8b5cf6;
      --main-yellow: #c4b5fd;
      --dark-bg: #1e1b4b;
      --card-bg: rgba(139, 92, 246, 0.15);
      --glass-bg: rgba(30, 27, 75, 0.65);
      --text-light: #ffffff;
      --text-gray: #e9d5ff;
    }

    [data-theme="sunset-orange"] {
      --main-red: #ff6b35;
      --main-yellow: #ffab91;
      --dark-bg: #1a0800;
      --card-bg: rgba(255, 107, 53, 0.15);
      --glass-bg: rgba(26, 8, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd4c2;
    }

    [data-theme="hot-pink"] {
      --main-red: #ec4899;
      --main-yellow: #fbcfe8;
      --dark-bg: #1e0a14;
      --card-bg: rgba(236, 72, 153, 0.15);
      --glass-bg: rgba(30, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #fce7f3;
    }

    [data-theme="golden-yellow"] {
      --main-red: #fbbf24;
      --main-yellow: #fde68a;
      --dark-bg: #1a1000;
      --card-bg: rgba(251, 191, 36, 0.15);
      --glass-bg: rgba(26, 16, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fef3c7;
    }

    [data-theme="phoenix-fire"] {
      --main-red: #ff4500;
      --main-yellow: #ff8c42;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffccb3;
    }

    [data-theme="lime-green"] {
      --main-red: #84cc16;
      --main-yellow: #bef264;
      --dark-bg: #0a1400;
      --card-bg: rgba(132, 204, 22, 0.15);
      --glass-bg: rgba(10, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9f99d;
    }

    [data-theme="crimson-red"] {
      --main-red: #dc2626;
      --main-yellow: #fca5a5;
      --dark-bg: #0a0000;
      --card-bg: rgba(220, 38, 38, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fee2e2;
    }

    /* ==================== NEON & VIBRANT (15) ==================== */
    [data-theme="neon-pink"] {
      --main-red: #ff0080;
      --main-yellow: #ff66cc;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 128, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3e6;
    }

    [data-theme="holographic"] {
      --main-red: #00ffc8;
      --main-yellow: #66ffe0;
      --dark-bg: #0a1a18;
      --card-bg: rgba(0, 255, 200, 0.15);
      --glass-bg: rgba(10, 26, 24, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3fff0;
    }

    [data-theme="neon-blue"] {
      --main-red: #00ffff;
      --main-yellow: #66ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    [data-theme="neon-purple"] {
      --main-red: #bf00ff;
      --main-yellow: #d966ff;
      --dark-bg: #1a001a;
      --card-bg: rgba(191, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ecb3ff;
    }

    [data-theme="neon-orange"] {
      --main-red: #ff9500;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 149, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="electric-violet"] {
      --main-red: #9d00ff;
      --main-yellow: #c666ff;
      --dark-bg: #0f001a;
      --card-bg: rgba(157, 0, 255, 0.15);
      --glass-bg: rgba(15, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6b3ff;
    }

    [data-theme="laser-lemon"] {
      --main-red: #ffff00;
      --main-yellow: #ffff66;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 0, 0.15);
      --glass-bg: rgba(255, 252, 200, 0.65);
      --text-light: #1a1a00;
      --text-gray: #666600;
    }

    [data-theme="neon-rose"] {
      --main-red: #ff006e;
      --main-yellow: #ff66a3;
      --dark-bg: #1a0011;
      --card-bg: rgba(255, 0, 110, 0.15);
      --glass-bg: rgba(26, 0, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3d1;
    }

    [data-theme="vivid-sky"] {
      --main-red: #00d9ff;
      --main-yellow: #66e6ff;
      --dark-bg: #001a1f;
      --card-bg: rgba(0, 217, 255, 0.15);
      --glass-bg: rgba(0, 26, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f0ff;
    }

    [data-theme="bright-magenta"] {
      --main-red: #ff00ff;
      --main-yellow: #ff66ff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="acid-green"] {
      --main-red: #b0ff00;
      --main-yellow: #ccff66;
      --dark-bg: #141a00;
      --card-bg: rgba(176, 255, 0, 0.15);
      --glass-bg: rgba(20, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0ff99;
    }

    [data-theme="fluorescent-blue"] {
      --main-red: #0ff;
      --main-yellow: #66ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    [data-theme="hot-coral"] {
      --main-red: #ff4d6d;
      --main-yellow: #ff8fa3;
      --dark-bg: #1a0a0e;
      --card-bg: rgba(255, 77, 109, 0.15);
      --glass-bg: rgba(26, 10, 14, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc7d1;
    }

    [data-theme="plasma-purple"] {
      --main-red: #b026ff;
      --main-yellow: #d87eff;
      --dark-bg: #1a0429;
      --card-bg: rgba(176, 38, 255, 0.15);
      --glass-bg: rgba(26, 4, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #ecbfff;
    }

    [data-theme="electric-teal"] {
      --main-red: #00ffaa;
      --main-yellow: #66ffcc;
      --dark-bg: #001a11;
      --card-bg: rgba(0, 255, 170, 0.15);
      --glass-bg: rgba(0, 26, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffe6;
    }

    /* ==================== PASTEL & SOFT (15) ==================== */
    [data-theme="pastel-pink"] {
      --main-red: #ffb3d9;
      --main-yellow: #ffd6e8;
      --dark-bg: #fff5fa;
      --card-bg: rgba(255, 179, 217, 0.25);
      --glass-bg: rgba(255, 230, 240, 0.75);
      --text-light: #4a1a30;
      --text-gray: #8a3860;
    }

    [data-theme="pastel-blue"] {
      --main-red: #a8dadc;
      --main-yellow: #d4f1f2;
      --dark-bg: #f5fafa;
      --card-bg: rgba(168, 218, 220, 0.25);
      --glass-bg: rgba(232, 244, 245, 0.75);
      --text-light: #1a3638;
      --text-gray: #3a5658;
    }

    [data-theme="pastel-lavender"] {
      --main-red: #c8b6ff;
      --main-yellow: #e4daff;
      --dark-bg: #faf8ff;
      --card-bg: rgba(200, 182, 255, 0.25);
      --glass-bg: rgba(240, 236, 255, 0.75);
      --text-light: #2d2640;
      --text-gray: #4d4660;
    }

    [data-theme="pastel-mint"] {
      --main-red: #b5ead7;
      --main-yellow: #d9f7eb;
      --dark-bg: #f5fdf9;
      --card-bg: rgba(181, 234, 215, 0.25);
      --glass-bg: rgba(232, 247, 240, 0.75);
      --text-light: #1a3d30;
      --text-gray: #3a5d50;
    }

    [data-theme="pastel-peach"] {
      --main-red: #ffd6ba;
      --main-yellow: #ffeada;
      --dark-bg: #fffbf7;
      --card-bg: rgba(255, 214, 186, 0.25);
      --glass-bg: rgba(255, 243, 234, 0.75);
      --text-light: #3d2a1a;
      --text-gray: #5d4a3a;
    }

    [data-theme="soft-coral"] {
      --main-red: #ff9aa2;
      --main-yellow: #ffc0c8;
      --dark-bg: #2d1a1c;
      --card-bg: rgba(255, 154, 162, 0.15);
      --glass-bg: rgba(45, 26, 28, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5d9;
    }

    [data-theme="powder-blue"] {
      --main-red: #b0e0e6;
      --main-yellow: #d8f0f6;
      --dark-bg: #1a262d;
      --card-bg: rgba(176, 224, 230, 0.15);
      --glass-bg: rgba(26, 38, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f4f7;
    }

    [data-theme="lilac-dream"] {
      --main-red: #dda0dd;
      --main-yellow: #efc6ef;
      --dark-bg: #2d1a2d;
      --card-bg: rgba(221, 160, 221, 0.15);
      --glass-bg: rgba(45, 26, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5d9f5;
    }

    [data-theme="mint-cream"] {
      --main-red: #98ff98;
      --main-yellow: #c6ffc6;
      --dark-bg: #1a2d1a;
      --card-bg: rgba(152, 255, 152, 0.15);
      --glass-bg: rgba(26, 45, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #dfffdf;
    }

    [data-theme="rose-quartz"] {
      --main-red: #f7cac9;
      --main-yellow: #fce4e3;
      --dark-bg: #2d221f;
      --card-bg: rgba(247, 202, 201, 0.15);
      --glass-bg: rgba(45, 34, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdf1f0;
    }

    [data-theme="baby-blue"] {
      --main-red: #89cff0;
      --main-yellow: #b9e3fa;
      --dark-bg: #1a242d;
      --card-bg: rgba(137, 207, 240, 0.15);
      --glass-bg: rgba(26, 36, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #d1ecfb;
    }

    [data-theme="macaroon"] {
      --main-red: #e0b0ff;
      --main-yellow: #f0d8ff;
      --dark-bg: #221a2d;
      --card-bg: rgba(224, 176, 255, 0.15);
      --glass-bg: rgba(34, 26, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5e6ff;
    }

    [data-theme="peachy-keen"] {
      --main-red: #ffcba4;
      --main-yellow: #ffe5cc;
      --dark-bg: #2d221a;
      --card-bg: rgba(255, 203, 164, 0.15);
      --glass-bg: rgba(45, 34, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff0e0;
    }

    [data-theme="serenity"] {
      --main-red: #92a8d1;
      --main-yellow: #bfcee7;
      --dark-bg: #1a1f2d;
      --card-bg: rgba(146, 168, 209, 0.15);
      --glass-bg: rgba(26, 31, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9e1f2;
    }

    [data-theme="cotton-candy"] {
      --main-red: #ffbcd9;
      --main-yellow: #ffe2ed;
      --dark-bg: #2d1a21;
      --card-bg: rgba(255, 188, 217, 0.15);
      --glass-bg: rgba(45, 26, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff1f6;
    }

    /* ==================== DARK & MONOCHROME (10) ==================== */
    [data-theme="midnight-black"] {
      --main-red: #4a4a4a;
      --main-yellow: #8a8a8a;
      --dark-bg: #000000;
      --card-bg: rgba(74, 74, 74, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3b3b3;
    }

    [data-theme="charcoal"] {
      --main-red: #36454f;
      --main-yellow: #647481;
      --dark-bg: #0a0e11;
      --card-bg: rgba(54, 69, 79, 0.15);
      --glass-bg: rgba(10, 14, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #9baab8;
    }

    [data-theme="graphite"] {
      --main-red: #5a5a5a;
      --main-yellow: #9a9a9a;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(90, 90, 90, 0.15);
      --glass-bg: rgba(15, 15, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #c0c0c0;
    }

    [data-theme="steel-gray"] {
      --main-red: #71797e;
      --main-yellow: #a3abad;
      --dark-bg: #0a0c0d;
      --card-bg: rgba(113, 121, 126, 0.15);
      --glass-bg: rgba(10, 12, 13, 0.65);
      --text-light: #ffffff;
      --text-gray: #c4c8ca;
    }

    [data-theme="obsidian"] {
      --main-red: #3b3b3b;
      --main-yellow: #7b7b7b;
      --dark-bg: #000000;
      --card-bg: rgba(59, 59, 59, 0.15);
      --glass-bg: rgba(8, 8, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #a8a8a8;
    }

    [data-theme="slate"] {
      --main-red: #708090;
      --main-yellow: #cbd5e1;
      --dark-bg: #0f172a;
      --card-bg: rgba(112, 128, 144, 0.15);
      --glass-bg: rgba(15, 23, 42, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2e8f0;
    }

    [data-theme="silver"] {
      --main-red: #c0c0c0;
      --main-yellow: #e0e0e0;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0f0f0;
    }

    [data-theme="gunmetal"] {
      --main-red: #8d918d;
      --main-yellow: #bdbfbd;
      --dark-bg: #0a0b0a;
      --card-bg: rgba(141, 145, 141, 0.15);
      --glass-bg: rgba(10, 11, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5d6d5;
    }

    [data-theme="onyx"] {
      --main-red: #353839;
      --main-yellow: #757879;
      --dark-bg: #000000;
      --card-bg: rgba(53, 56, 57, 0.15);
      --glass-bg: rgba(6, 7, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #a2a4a5;
    }

    [data-theme="platinum"] {
      --main-red: #e5e4e2;
      --main-yellow: #ffffff;
      --dark-bg: #f5f5f5;
      --card-bg: rgba(229, 228, 226, 0.35);
      --glass-bg: rgba(245, 245, 245, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    /* ==================== NATURE INSPIRED (10) ==================== */
    [data-theme="forest-green"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="ocean-blue"] {
      --main-red: #006994;
      --main-yellow: #00a7e6;
      --dark-bg: #00121a;
      --card-bg: rgba(0, 105, 148, 0.15);
      --glass-bg: rgba(0, 18, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #99d8f0;
    }

    [data-theme="autumn-leaf"] {
      --main-red: #d2691e;
      --main-yellow: #ffa500;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="mountain-mist"] {
      --main-red: #6a8caf;
      --main-yellow: #aaccef;
      --dark-bg: #0a1218;
      --card-bg: rgba(106, 140, 175, 0.15);
      --glass-bg: rgba(10, 18, 24, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5e5f5;
    }

    [data-theme="desert-sand"] {
      --main-red: #c19a6b;
      --main-yellow: #ebdaab;
      --dark-bg: #1a1510;
      --card-bg: rgba(193, 154, 107, 0.15);
      --glass-bg: rgba(26, 21, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5ecd5;
    }

    [data-theme="jungle-vine"] {
      --main-red: #3b7a57;
      --main-yellow: #7bba97;
      --dark-bg: #051a10;
      --card-bg: rgba(59, 122, 87, 0.15);
      --glass-bg: rgba(5, 26, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #bddccb;
    }

    [data-theme="sunset-sky"] {
      --main-red: #ff6b6b;
      --main-yellow: #ffa3a3;
      --dark-bg: #1a0a0a;
      --card-bg: rgba(255, 107, 107, 0.15);
      --glass-bg: rgba(26, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd1d1;
    }

    [data-theme="tropical-lagoon"] {
      --main-red: #1dd1a1;
      --main-yellow: #73e5bb;
      --dark-bg: #05181f;
      --card-bg: rgba(29, 209, 161, 0.15);
      --glass-bg: rgba(5, 24, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #b9f2dd;
    }

    [data-theme="earthen-clay"] {
      --main-red: #a0522d;
      --main-yellow: #daa520;
      --dark-bg: #1a0e06;
      --card-bg: rgba(160, 82, 45, 0.15);
      --glass-bg: rgba(26, 14, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0d699;
    }

    [data-theme="northern-lights"] {
      --main-red: #00d2d3;
      --main-yellow: #4dffff;
      --dark-bg: #0a1419;
      --card-bg: rgba(0, 210, 211, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    /* ==================== SEASONAL (8) ==================== */
    [data-theme="spring-blossom"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3e4;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9f2;
    }

    [data-theme="summer-breeze"] {
      --main-red: #ffa500;
      --main-yellow: #ffc966;
      --dark-bg: #1a1100;
      --card-bg: rgba(255, 165, 0, 0.15);
      --glass-bg: rgba(26, 17, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe4b3;
    }

    [data-theme="autumn-harvest"] {
      --main-red: #ff7518;
      --main-yellow: #ffb380;
      --dark-bg: #1a0c03;
      --card-bg: rgba(255, 117, 24, 0.15);
      --glass-bg: rgba(26, 12, 3, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9bf;
    }

    [data-theme="winter-frost"] {
      --main-red: #b0e0e6;
      --main-yellow: #d8f0f6;
      --dark-bg: #0a1419;
      --card-bg: rgba(176, 224, 230, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6f7fa;
    }

    [data-theme="cherry-blossom"] {
      --main-red: #ffb7c5;
      --main-yellow: #ffd9e1;
      --dark-bg: #2d1a1f;
      --card-bg: rgba(255, 183, 197, 0.15);
      --glass-bg: rgba(45, 26, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf0;
    }

    [data-theme="summer-sunset"] {
      --main-red: #ff6347;
      --main-yellow: #ff9b85;
      --dark-bg: #1a0a07;
      --card-bg: rgba(255, 99, 71, 0.15);
      --glass-bg: rgba(26, 10, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffcdc2;
    }

    [data-theme="winter-night"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000008;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 0, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="spring-meadow"] {
      --main-red: #7cfc00;
      --main-yellow: #c8ff66;
      --dark-bg: #0f1a00;
      --card-bg: rgba(124, 252, 0, 0.15);
      --glass-bg: rgba(15, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4ffb3;
    }

    /* ==================== GEMSTONE & LUXURY (12) ==================== */
    [data-theme="ruby"] {
      --main-red: #e0115f;
      --main-yellow: #ee6995;
      --dark-bg: #1a0212;
      --card-bg: rgba(224, 17, 95, 0.15);
      --glass-bg: rgba(26, 2, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #f7b3ca;
    }

    [data-theme="sapphire"] {
      --main-red: #0f52ba;
      --main-yellow: #6598ce;
      --dark-bg: #020a1a;
      --card-bg: rgba(15, 82, 186, 0.15);
      --glass-bg: rgba(2, 10, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b2cce7;
    }

    [data-theme="emerald"] {
      --main-red: #50c878;
      --main-yellow: #a4eabe;
      --dark-bg: #0a1a12;
      --card-bg: rgba(80, 200, 120, 0.15);
      --glass-bg: rgba(10, 26, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #d1f4df;
    }

    [data-theme="amethyst"] {
      --main-red: #9966cc;
      --main-yellow: #c7aaee;
      --dark-bg: #1a1021;
      --card-bg: rgba(153, 102, 204, 0.15);
      --glass-bg: rgba(26, 16, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #e3d4f7;
    }

    [data-theme="topaz"] {
      --main-red: #ffcc00;
      --main-yellow: #ffe066;
      --dark-bg: #1a1500;
      --card-bg: rgba(255, 204, 0, 0.15);
      --glass-bg: rgba(26, 21, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff2b3;
    }

    [data-theme="aquamarine"] {
      --main-red: #7fffd4;
      --main-yellow: #c7fff2;
      --dark-bg: #0a1a16;
      --card-bg: rgba(127, 255, 212, 0.15);
      --glass-bg: rgba(10, 26, 22, 0.65);
      --text-light: #ffffff;
      --text-gray: #e3fff9;
    }

    [data-theme="garnet"] {
      --main-red: #733635;
      --main-yellow: #c35e5c;
      --dark-bg: #0a0605;
      --card-bg: rgba(115, 54, 53, 0.15);
      --glass-bg: rgba(10, 6, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #e19e9d;
    }

    [data-theme="pearl"] {
      --main-red: #f0ead6;
      --main-yellow: #ffffff;
      --dark-bg: #faf8f0;
      --card-bg: rgba(240, 234, 214, 0.35);
      --glass-bg: rgba(240, 234, 214, 0.75);
      --text-light: #3d3a2a;
      --text-gray: #5d5a4a;
    }

    [data-theme="opal"] {
      --main-red: #a8c3bc;
      --main-yellow: #e0efea;
      --dark-bg: #1a2321;
      --card-bg: rgba(168, 195, 188, 0.15);
      --glass-bg: rgba(26, 35, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0f7f5;
    }

    [data-theme="diamond"] {
      --main-red: #b9f2ff;
      --main-yellow: #f0fbff;
      --dark-bg: #1a2329;
      --card-bg: rgba(185, 242, 255, 0.15);
      --glass-bg: rgba(26, 35, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8fdff;
    }

    [data-theme="obsidian-gem"] {
      --main-red: #663399;
      --main-yellow: #aa77dd;
      --dark-bg: #0a0513;
      --card-bg: rgba(102, 51, 153, 0.15);
      --glass-bg: rgba(10, 5, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5bbee;
    }

    [data-theme="rose-gold"] {
      --main-red: #b76e79;
      --main-yellow: #e9aab7;
      --dark-bg: #1a1113;
      --card-bg: rgba(183, 110, 121, 0.15);
      --glass-bg: rgba(26, 17, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4d5db;
    }

    /* ==================== FOOD & CANDY (10) ==================== */
    [data-theme="strawberry"] {
      --main-red: #fc5a8d;
      --main-yellow: #ffa0bf;
      --dark-bg: #1a0a12;
      --card-bg: rgba(252, 90, 141, 0.15);
      --glass-bg: rgba(26, 10, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd0df;
    }

    [data-theme="blueberry"] {
      --main-red: #4f86f7;
      --main-yellow: #9fbcff;
      --dark-bg: #0a1025;
      --card-bg: rgba(79, 134, 247, 0.15);
      --glass-bg: rgba(10, 16, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #cfdeff;
    }

    [data-theme="lemon"] {
      --main-red: #fff44f;
      --main-yellow: #fffb9d;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 244, 79, 0.25);
      --glass-bg: rgba(255, 252, 232, 0.75);
      --text-light: #3d3a1a;
      --text-gray: #5d5a3a;
    }

    [data-theme="grape"] {
      --main-red: #6f2da8;
      --main-yellow: #b967e7;
      --dark-bg: #0f0519;
      --card-bg: rgba(111, 45, 168, 0.15);
      --glass-bg: rgba(15, 5, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #dcb3f3;
    }

    [data-theme="candy-cane"] {
      --main-red: #ff0040;
      --main-yellow: #ff6689;
      --dark-bg: #1a0008;
      --card-bg: rgba(255, 0, 64, 0.15);
      --glass-bg: rgba(26, 0, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3c4;
    }

    [data-theme="chocolate"] {
      --main-red: #7b3f00;
      --main-yellow: #c16500;
      --dark-bg: #0a0500;
      --card-bg: rgba(123, 63, 0, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e19966;
    }

    [data-theme="bubblegum"] {
      --main-red: #ffc1cc;
      --main-yellow: #ffeff1;
      --dark-bg: #2d1a1f;
      --card-bg: rgba(255, 193, 204, 0.15);
      --glass-bg: rgba(45, 26, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff7f8;
    }

    [data-theme="mint-candy"] {
      --main-red: #3eb489;
      --main-yellow: #86d6c1;
      --dark-bg: #0a1a14;
      --card-bg: rgba(62, 180, 137, 0.15);
      --glass-bg: rgba(10, 26, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3eae0;
    }

    [data-theme="orange-sherbet"] {
      --main-red: #ff9966;
      --main-yellow: #ffc1a4;
      --dark-bg: #1a1005;
      --card-bg: rgba(255, 153, 102, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe0d1;
    }

    /* ==================== OCEAN & WATER (8) ==================== */
    [data-theme="deep-sea"] {
      --main-red: #001f3f;
      --main-yellow: #00476d;
      --dark-bg: #000000;
      --card-bg: rgba(0, 31, 63, 0.15);
      --glass-bg: rgba(0, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #99b3c6;
    }

    [data-theme="coral-reef"] {
      --main-red: #ff7f50;
      --main-yellow: #ffb596;
      --dark-bg: #1a0f0a;
      --card-bg: rgba(255, 127, 80, 0.15);
      --glass-bg: rgba(26, 15, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffdacb;
    }

    [data-theme="turquoise-wave"] {
      --main-red: #40e0d0;
      --main-yellow: #8cfaf0;
      --dark-bg: #0a1a19;
      --card-bg: rgba(64, 224, 208, 0.15);
      --glass-bg: rgba(10, 26, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c6fdf8;
    }

    [data-theme="navy-depths"] {
      --main-red: #000080;
      --main-yellow: #0000ff;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 128, 0.15);
      --glass-bg: rgba(0, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #9999ff;
    }

    [data-theme="seafoam"] {
      --main-red: #93e9be;
      --main-yellow: #cbf7e2;
      --dark-bg: #1a2d25;
      --card-bg: rgba(147, 233, 190, 0.15);
      --glass-bg: rgba(26, 45, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #e5fbf1;
    }

    [data-theme="teal-tide"] {
      --main-red: #008080;
      --main-yellow: #00b3b3;
      --dark-bg: #0a1a1a;
      --card-bg: rgba(0, 128, 128, 0.15);
      --glass-bg: rgba(10, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #99d9d9;
    }

    [data-theme="aqua-marina"] {
      --main-red: #5f9ea0;
      --main-yellow: #9fcccf;
      --dark-bg: #0a1819;
      --card-bg: rgba(95, 158, 160, 0.15);
      --glass-bg: rgba(10, 24, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #cfe6e7;
    }

    [data-theme="midnight-blue"] {
      --main-red: #191970;
      --main-yellow: #4b4bcf;
      --dark-bg: #000000;
      --card-bg: rgba(25, 25, 112, 0.15);
      --glass-bg: rgba(5, 5, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #a5a5e7;
    }

    /* ==================== PROFESSIONAL & CORPORATE (11) ==================== */
    [data-theme="corporate-blue"] {
      --main-red: #0066cc;
      --main-yellow: #6aa4e0;
      --dark-bg: #001429;
      --card-bg: rgba(0, 102, 204, 0.15);
      --glass-bg: rgba(0, 20, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b5d2f0;
    }

    [data-theme="executive-gray"] {
      --main-red: #6c757d;
      --main-yellow: #a0a7ae;
      --dark-bg: #0a0b0c;
      --card-bg: rgba(108, 117, 125, 0.15);
      --glass-bg: rgba(10, 11, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #d0d3d7;
    }

    [data-theme="business-green"] {
      --main-red: #28a745;
      --main-yellow: #68c17d;
      --dark-bg: #05190a;
      --card-bg: rgba(40, 167, 69, 0.15);
      --glass-bg: rgba(5, 25, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #b4e0be;
    }

    [data-theme="professional-navy"] {
      --main-red: #003366;
      --main-yellow: #0066cc;
      --dark-bg: #000a14;
      --card-bg: rgba(0, 51, 102, 0.15);
      --glass-bg: rgba(0, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #99b3cc;
    }

    [data-theme="maroon-business"] {
      --main-red: #800000;
      --main-yellow: #c00000;
      --dark-bg: #0a0000;
      --card-bg: rgba(128, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e09999;
    }

    [data-theme="tech-cyan"] {
      --main-red: #17a2b8;
      --main-yellow: #5dc6d6;
      --dark-bg: #031a1f;
      --card-bg: rgba(23, 162, 184, 0.15);
      --glass-bg: rgba(3, 26, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #aee3eb;
    }

    [data-theme="finance-gold"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="velvet-crimson"] {
      --main-red: #c41e3a;
      --main-yellow: #e6687a;
      --dark-bg: #0a0305;
      --card-bg: rgba(196, 30, 58, 0.15);
      --glass-bg: rgba(10, 3, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3b4bd;
    }

    [data-theme="medical-teal"] {
      --main-red: #20b2aa;
      --main-yellow: #6cd2cc;
      --dark-bg: #041a19;
      --card-bg: rgba(32, 178, 170, 0.15);
      --glass-bg: rgba(4, 26, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b6e9e6;
    }

    [data-theme="consulting-purple"] {
      --main-red: #6a0dad;
      --main-yellow: #a845ff;
      --dark-bg: #0f021a;
      --card-bg: rgba(106, 13, 173, 0.15);
      --glass-bg: rgba(15, 2, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4a3ff;
    }

    [data-theme="light"] {
      --main-red: #ff2323;
      --main-yellow: #ffa500;
      --dark-bg: #f5f5f5;
      --card-bg: rgba(255, 35, 35, 0.08);
      --glass-bg: rgba(255, 255, 255, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #6a6a6a;
    }
	
	    /* ==================== SPACE & COSMIC (15) ==================== */
    [data-theme="galaxy-purple"] {
      --main-red: #5f3dc4;
      --main-yellow: #9775fa;
      --dark-bg: #0a0014;
      --card-bg: rgba(95, 61, 196, 0.15);
      --glass-bg: rgba(10, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #d0bfff;
    }

    [data-theme="nebula-pink"] {
      --main-red: #ff006e;
      --main-yellow: #ff4da6;
      --dark-bg: #1a0011;
      --card-bg: rgba(255, 0, 110, 0.15);
      --glass-bg: rgba(26, 0, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3d9;
    }

    [data-theme="stardust"] {
      --main-red: #ffe66d;
      --main-yellow: #fff4a3;
      --dark-bg: #0a0a1a;
      --card-bg: rgba(255, 230, 109, 0.15);
      --glass-bg: rgba(10, 10, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff9d6;
    }

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

    [data-theme="supernova"] {
      --main-red: #ff9500;
      --main-yellow: #ffcc00;
      --dark-bg: #1a0800;
      --card-bg: rgba(255, 149, 0, 0.15);
      --glass-bg: rgba(26, 8, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe599;
    }

    [data-theme="moonlight"] {
      --main-red: #e6f7ff;
      --main-yellow: #ffffff;
      --dark-bg: #0a1419;
      --card-bg: rgba(230, 247, 255, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0f9ff;
    }

    [data-theme="mars-red"] {
      --main-red: #cd5c5c;
      --main-yellow: #e89b9b;
      --dark-bg: #1a0a0a;
      --card-bg: rgba(205, 92, 92, 0.15);
      --glass-bg: rgba(26, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4cdcd;
    }

    [data-theme="saturn-rings"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    [data-theme="neptune-blue"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="venus-yellow"] {
      --main-red: #ffeb3b;
      --main-yellow: #fff59d;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 235, 59, 0.15);
      --glass-bg: rgba(255, 250, 230, 0.75);
      --text-light: #3d3a00;
      --text-gray: #807a00;
    }

    [data-theme="mercury-gray"] {
      --main-red: #9e9e9e;
      --main-yellow: #cfcfcf;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(158, 158, 158, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #e7e7e7;
    }

    [data-theme="jupiter-storm"] {
      --main-red: #ff6b35;
      --main-yellow: #f7931e;
      --dark-bg: #1a0c00;
      --card-bg: rgba(255, 107, 53, 0.15);
      --glass-bg: rgba(26, 12, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffceb3;
    }

    [data-theme="uranus-cyan"] {
      --main-red: #00ffff;
      --main-yellow: #80ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccffff;
    }

    [data-theme="milky-way"] {
      --main-red: #b19cd9;
      --main-yellow: #e0d4f7;
      --dark-bg: #0a0514;
      --card-bg: rgba(177, 156, 217, 0.15);
      --glass-bg: rgba(10, 5, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0e9fb;
    }

    [data-theme="asteroid-belt"] {
      --main-red: #8b7355;
      --main-yellow: #c9b89a;
      --dark-bg: #0a0805;
      --card-bg: rgba(139, 115, 85, 0.15);
      --glass-bg: rgba(10, 8, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dccd;
    }

    /* ==================== ARTISTIC & CREATIVE (15) ==================== */
    [data-theme="canvas-beige"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #faf8f0;
      --card-bg: rgba(245, 245, 220, 0.25);
      --glass-bg: rgba(240, 238, 230, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="watercolor-blue"] {
      --main-red: #89cff0;
      --main-yellow: #b9e3fa;
      --dark-bg: #1a242d;
      --card-bg: rgba(137, 207, 240, 0.15);
      --glass-bg: rgba(26, 36, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #d1ecfb;
    }

    [data-theme="oil-paint-red"] {
      --main-red: #8b0000;
      --main-yellow: #cd5c5c;
      --dark-bg: #0a0000;
      --card-bg: rgba(139, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="acrylic-yellow"] {
      --main-red: #ffd700;
      --main-yellow: #ffed4e;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(255, 250, 200, 0.75);
      --text-light: #3d3600;
      --text-gray: #807200;
    }

    [data-theme="charcoal-sketch"] {
      --main-red: #36454f;
      --main-yellow: #708090;
      --dark-bg: #0a0c0d;
      --card-bg: rgba(54, 69, 79, 0.15);
      --glass-bg: rgba(10, 12, 13, 0.65);
      --text-light: #ffffff;
      --text-gray: #b8c0c8;
    }

    [data-theme="pastel-artist"] {
      --main-red: #ffb3ba;
      --main-yellow: #ffe0e5;
      --dark-bg: #2d1a1e;
      --card-bg: rgba(255, 179, 186, 0.15);
      --glass-bg: rgba(45, 26, 30, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff0f2;
    }

    [data-theme="ink-brush"] {
      --main-red: #000080;
      --main-yellow: #4169e1;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 128, 0.15);
      --glass-bg: rgba(0, 0, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #9999ff;
    }

    [data-theme="palette-rainbow"] {
      --main-red: #ff006e;
      --main-yellow: #ffbe0b;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 110, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3d1;
    }

    [data-theme="spray-paint"] {
      --main-red: #ff3300;
      --main-yellow: #ff9966;
      --dark-bg: #1a0600;
      --card-bg: rgba(255, 51, 0, 0.15);
      --glass-bg: rgba(26, 6, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffccb3;
    }

    [data-theme="gouache-green"] {
      --main-red: #66bb6a;
      --main-yellow: #a5d6a7;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(102, 187, 106, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #d2ebd3;
    }

    [data-theme="fresco-earth"] {
      --main-red: #a0826d;
      --main-yellow: #d4baa8;
      --dark-bg: #1a1410;
      --card-bg: rgba(160, 130, 109, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #ead4c4;
    }

    [data-theme="tempera-gold"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="mosaic-tiles"] {
      --main-red: #4a90e2;
      --main-yellow: #86c5ff;
      --dark-bg: #0a1419;
      --card-bg: rgba(74, 144, 226, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e2ff;
    }

    [data-theme="stained-glass"] {
      --main-red: #9c27b0;
      --main-yellow: #ce93d8;
      --dark-bg: #1a051f;
      --card-bg: rgba(156, 39, 176, 0.15);
      --glass-bg: rgba(26, 5, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #e7c9ec;
    }

    [data-theme="sculpting-clay"] {
      --main-red: #bc8f8f;
      --main-yellow: #deb8b8;
      --dark-bg: #1a1414;
      --card-bg: rgba(188, 143, 143, 0.15);
      --glass-bg: rgba(26, 20, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0dcdc;
    }

    /* ==================== CULTURAL & REGIONAL (15) ==================== */
    [data-theme="japanese-cherry"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="chinese-red"] {
      --main-red: #de2910;
      --main-yellow: #ffde00;
      --dark-bg: #1a0500;
      --card-bg: rgba(222, 41, 16, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #f19b8b;
    }

    [data-theme="indian-saffron"] {
      --main-red: #ff9933;
      --main-yellow: #ffcc99;
      --dark-bg: #1a1000;
      --card-bg: rgba(255, 153, 51, 0.15);
      --glass-bg: rgba(26, 16, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5cc;
    }

    [data-theme="moroccan-tile"] {
      --main-red: #1e90ff;
      --main-yellow: #87ceeb;
      --dark-bg: #0a141a;
      --card-bg: rgba(30, 144, 255, 0.15);
      --glass-bg: rgba(10, 20, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e7f5;
    }

    [data-theme="mexican-fiesta"] {
      --main-red: #e91e63;
      --main-yellow: #ff6090;
      --dark-bg: #1a0a0f;
      --card-bg: rgba(233, 30, 99, 0.15);
      --glass-bg: rgba(26, 10, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b0c8;
    }

    [data-theme="brazilian-carnival"] {
      --main-red: #ffcc00;
      --main-yellow: #ffe066;
      --dark-bg: #1a1500;
      --card-bg: rgba(255, 204, 0, 0.15);
      --glass-bg: rgba(26, 21, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff2b3;
    }

    [data-theme="greek-aegean"] {
      --main-red: #0077be;
      --main-yellow: #66b3d9;
      --dark-bg: #001419;
      --card-bg: rgba(0, 119, 190, 0.15);
      --glass-bg: rgba(0, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ec;
    }

    [data-theme="italian-tuscany"] {
      --main-red: #d2691e;
      --main-yellow: #e6a577;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="french-lavender"] {
      --main-red: #9370db;
      --main-yellow: #c9b8e7;
      --dark-bg: #1a1425;
      --card-bg: rgba(147, 112, 219, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcf3;
    }

    [data-theme="spanish-flamenco"] {
      --main-red: #c8102e;
      --main-yellow: #e06677;
      --dark-bg: #1a0206;
      --card-bg: rgba(200, 16, 46, 0.15);
      --glass-bg: rgba(26, 2, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0b3bb;
    }

    [data-theme="scandinavian-white"] {
      --main-red: #f5f5f5;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(245, 245, 245, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="russian-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="egyptian-sand"] {
      --main-red: #c19a6b;
      --main-yellow: #ebdaab;
      --dark-bg: #1a1510;
      --card-bg: rgba(193, 154, 107, 0.15);
      --glass-bg: rgba(26, 21, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5ecd5;
    }

    [data-theme="thai-orchid"] {
      --main-red: #da70d6;
      --main-yellow: #eeaeed;
      --dark-bg: #1a1425;
      --card-bg: rgba(218, 112, 214, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #f7d7f6;
    }

    [data-theme="african-sunset"] {
      --main-red: #ff7f50;
      --main-yellow: #ffb596;
      --dark-bg: #1a0f0a;
      --card-bg: rgba(255, 127, 80, 0.15);
      --glass-bg: rgba(26, 15, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffdacb;
    }

    /* ==================== FANTASY & MYTHOLOGY (15) ==================== */
    [data-theme="dragon-fire"] {
      --main-red: #ff4500;
      --main-yellow: #ff8c42;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffccb3;
    }

    [data-theme="unicorn-magic"] {
      --main-red: #ff99ff;
      --main-yellow: #ffccff;
      --dark-bg: #1a0a1a;
      --card-bg: rgba(255, 153, 255, 0.15);
      --glass-bg: rgba(26, 10, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5ff;
    }

    [data-theme="mermaid-scales"] {
      --main-red: #20b2aa;
      --main-yellow: #6cd2cc;
      --dark-bg: #041a19;
      --card-bg: rgba(32, 178, 170, 0.15);
      --glass-bg: rgba(4, 26, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b6e9e6;
    }

    [data-theme="phoenix-flame"] {
      --main-red: #ff6600;
      --main-yellow: #ffaa55;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="elven-forest"] {
      --main-red: #228b22;
      --main-yellow: #6dc36d;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #b6e1b6;
    }

    [data-theme="dwarf-mountain"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="fairy-dust"] {
      --main-red: #ffd1dc;
      --main-yellow: #ffe8ee;
      --dark-bg: #2d1a21;
      --card-bg: rgba(255, 209, 220, 0.15);
      --glass-bg: rgba(45, 26, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4f7;
    }

    [data-theme="wizard-purple"] {
      --main-red: #6a0dad;
      --main-yellow: #a845ff;
      --dark-bg: #0f021a;
      --card-bg: rgba(106, 13, 173, 0.15);
      --glass-bg: rgba(15, 2, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4a3ff;
    }

    [data-theme="goblin-green"] {
      --main-red: #6b8e23;
      --main-yellow: #9dc65a;
      --dark-bg: #0a1a05;
      --card-bg: rgba(107, 142, 35, 0.15);
      --glass-bg: rgba(10, 26, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #cee3ad;
    }

    [data-theme="vampire-crimson"] {
      --main-red: #8b0000;
      --main-yellow: #cd5c5c;
      --dark-bg: #0a0000;
      --card-bg: rgba(139, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="werewolf-moon"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #0a0a14;
      --card-bg: rgba(245, 245, 220, 0.15);
      --glass-bg: rgba(10, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #fffff0;
    }

    [data-theme="kraken-deep"] {
      --main-red: #191970;
      --main-yellow: #4b4bcf;
      --dark-bg: #000000;
      --card-bg: rgba(25, 25, 112, 0.15);
      --glass-bg: rgba(5, 5, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #a5a5e7;
    }

    [data-theme="griffin-gold"] {
      --main-red: #b8860b;
      --main-yellow: #daa520;
      --dark-bg: #1a1005;
      --card-bg: rgba(184, 134, 11, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #edd280;
    }

    [data-theme="centaur-brown"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="siren-song"] {
      --main-red: #48d1cc;
      --main-yellow: #7ee8e3;
      --dark-bg: #0a1a19;
      --card-bg: rgba(72, 209, 204, 0.15);
      --glass-bg: rgba(10, 26, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #bff4f1;
    }

    /* ==================== TECH & FUTURE (15) ==================== */
    [data-theme="cyber-matrix"] {
      --main-red: #00ff00;
      --main-yellow: #66ff66;
      --dark-bg: #000000;
      --card-bg: rgba(0, 255, 0, 0.15);
      --glass-bg: rgba(0, 20, 0, 0.65);
      --text-light: #00ff00;
      --text-gray: #99ff99;
    }

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

    [data-theme="hologram-blue"] {
      --main-red: #00d4ff;
      --main-yellow: #66e6ff;
      --dark-bg: #001a22;
      --card-bg: rgba(0, 212, 255, 0.15);
      --glass-bg: rgba(0, 26, 34, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f3ff;
    }

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

    [data-theme="robot-chrome"] {
      --main-red: #8a8a8a;
      --main-yellow: #c8c8c8;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(138, 138, 138, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4e4e4;
    }

    [data-theme="quantum-purple"] {
      --main-red: #9d00ff;
      --main-yellow: #c666ff;
      --dark-bg: #0f001a;
      --card-bg: rgba(157, 0, 255, 0.15);
      --glass-bg: rgba(15, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6b3ff;
    }

    [data-theme="virtual-reality"] {
      --main-red: #ff0099;
      --main-yellow: #ff66cc;
      --dark-bg: #1a0014;
      --card-bg: rgba(255, 0, 153, 0.15);
      --glass-bg: rgba(26, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3e6;
    }

    [data-theme="augmented-orange"] {
      --main-red: #ff8800;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 136, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="blockchain-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="neural-pink"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="data-stream"] {
      --main-red: #00ffaa;
      --main-yellow: #66ffcc;
      --dark-bg: #001a11;
      --card-bg: rgba(0, 255, 170, 0.15);
      --glass-bg: rgba(0, 26, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffe6;
    }

    [data-theme="circuit-green"] {
      --main-red: #00ff00;
      --main-yellow: #80ff80;
      --dark-bg: #001a00;
      --card-bg: rgba(0, 255, 0, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccffcc;
    }

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

    [data-theme="plasma-screen"] {
      --main-red: #ff00cc;
      --main-yellow: #ff66e6;
      --dark-bg: #1a0014;
      --card-bg: rgba(255, 0, 204, 0.15);
      --glass-bg: rgba(26, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3f3;
    }

    [data-theme="led-blue"] {
      --main-red: #0080ff;
      --main-yellow: #66b3ff;
      --dark-bg: #001019;
      --card-bg: rgba(0, 128, 255, 0.15);
      --glass-bg: rgba(0, 16, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    /* ==================== RETRO & VINTAGE (15) ==================== */
    [data-theme="retro-80s-pink"] {
      --main-red: #ff0080;
      --main-yellow: #ff66cc;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 128, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3e6;
    }

    [data-theme="vintage-brown"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="70s-orange"] {
      --main-red: #ff8c00;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="60s-psychedelic"] {
      --main-red: #ff00ff;
      --main-yellow: #ffff00;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="50s-diner"] {
      --main-red: #ff1744;
      --main-yellow: #00e5ff;
      --dark-bg: #1a0305;
      --card-bg: rgba(255, 23, 68, 0.15);
      --glass-bg: rgba(26, 3, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #ff8ba2;
    }

    [data-theme="art-deco-gold"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="victorian-purple"] {
      --main-red: #6a0dad;
      --main-yellow: #a845ff;
      --dark-bg: #0f021a;
      --card-bg: rgba(106, 13, 173, 0.15);
      --glass-bg: rgba(15, 2, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4a3ff;
    }

    [data-theme="steampunk-brass"] {
      --main-red: #b8860b;
      --main-yellow: #daa520;
      --dark-bg: #1a1005;
      --card-bg: rgba(184, 134, 11, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #edd280;
    }

    [data-theme="noir-black"] {
      --main-red: #000000;
      --main-yellow: #4a4a4a;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #a0a0a0;
    }

    [data-theme="rockabilly-red"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="swing-era"] {
      --main-red: #4b0082;
      --main-yellow: #8b66a1;
      --dark-bg: #0a001a;
      --card-bg: rgba(75, 0, 130, 0.15);
      --glass-bg: rgba(10, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #c5b3d0;
    }

    [data-theme="disco-ball"] {
      --main-red: #ffff00;
      --main-yellow: #ffff66;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 0, 0.15);
      --glass-bg: rgba(255, 252, 200, 0.65);
      --text-light: #1a1a00;
      --text-gray: #666600;
    }

    [data-theme="grunge-gray"] {
      --main-red: #555555;
      --main-yellow: #888888;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(85, 85, 85, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #bbbbbb;
    }

    [data-theme="punk-pink"] {
      --main-red: #ff007f;
      --main-yellow: #ff66b3;
      --dark-bg: #1a0014;
      --card-bg: rgba(255, 0, 127, 0.15);
      --glass-bg: rgba(26, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3d9;
    }

    [data-theme="gothic-black"] {
      --main-red: #2d0000;
      --main-yellow: #660000;
      --dark-bg: #000000;
      --card-bg: rgba(45, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #993333;
    }

    /* ==================== WEATHER & ATMOSPHERE (10) ==================== */
    [data-theme="thunderstorm"] {
      --main-red: #4b4b4b;
      --main-yellow: #7b7b7b;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(75, 75, 75, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #ababab;
    }

    [data-theme="lightning-strike"] {
      --main-red: #ffff00;
      --main-yellow: #ffff99;
      --dark-bg: #1a1a00;
      --card-bg: rgba(255, 255, 0, 0.15);
      --glass-bg: rgba(26, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffffcc;
    }

    [data-theme="tornado-gray"] {
      --main-red: #808080;
      --main-yellow: #b0b0b0;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d8d8d8;
    }

    [data-theme="rainbow-mist"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="foggy-morning"] {
      --main-red: #d3d3d3;
      --main-yellow: #f0f0f0;
      --dark-bg: #e8e8e8;
      --card-bg: rgba(211, 211, 211, 0.35);
      --glass-bg: rgba(240, 240, 240, 0.75);
      --text-light: #2a2a2a;
      --text-gray: #6a6a6a;
    }

    [data-theme="sunny-day"] {
      --main-red: #ffeb3b;
      --main-yellow: #fff59d;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 235, 59, 0.15);
      --glass-bg: rgba(255, 250, 230, 0.75);
      --text-light: #3d3a00;
      --text-gray: #807a00;
    }

    [data-theme="cloudy-sky"] {
      --main-red: #b0c4de;
      --main-yellow: #d8e4f0;
      --dark-bg: #1a2329;
      --card-bg: rgba(176, 196, 222, 0.15);
      --glass-bg: rgba(26, 35, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #ecf2f8;
    }

    [data-theme="rainy-afternoon"] {
      --main-red: #4682b4;
      --main-yellow: #87b1d9;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ec;
    }

    [data-theme="snowy-evening"] {
      --main-red: #f0f8ff;
      --main-yellow: #ffffff;
      --dark-bg: #1a2329;
      --card-bg: rgba(240, 248, 255, 0.15);
      --glass-bg: rgba(26, 35, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffffff;
    }

    [data-theme="hailstorm"] {
      --main-red: #e0e0e0;
      --main-yellow: #f5f5f5;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(224, 224, 224, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #fafafa;
    }

    /* ==================== EMOTIONS & MOODS (10) ==================== */
    [data-theme="joyful-yellow"] {
      --main-red: #ffeb3b;
      --main-yellow: #fff59d;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 235, 59, 0.15);
      --glass-bg: rgba(255, 250, 230, 0.75);
      --text-light: #3d3a00;
      --text-gray: #807a00;
    }

    [data-theme="melancholy-blue"] {
      --main-red: #4682b4;
      --main-yellow: #87b1d9;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ec;
    }

    [data-theme="angry-red"] {
      --main-red: #ff0000;
      --main-yellow: #ff6666;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="peaceful-green"] {
      --main-red: #90ee90;
      --main-yellow: #c7f5c7;
      --dark-bg: #0a1a0a;
      --card-bg: rgba(144, 238, 144, 0.15);
      --glass-bg: rgba(10, 26, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #e3fae3;
    }

    [data-theme="passionate-magenta"] {
      --main-red: #ff00ff;
      --main-yellow: #ff66ff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="serene-lavender"] {
      --main-red: #e6e6fa;
      --main-yellow: #f5f5ff;
      --dark-bg: #2d2d3a;
      --card-bg: rgba(230, 230, 250, 0.15);
      --glass-bg: rgba(45, 45, 58, 0.65);
      --text-light: #ffffff;
      --text-gray: #fafaff;
    }

    [data-theme="energetic-orange"] {
      --main-red: #ff8800;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 136, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="mysterious-purple"] {
      --main-red: #663399;
      --main-yellow: #aa77dd;
      --dark-bg: #0a0513;
      --card-bg: rgba(102, 51, 153, 0.15);
      --glass-bg: rgba(10, 5, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5bbee;
    }

    [data-theme="romantic-rose"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="confident-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }
	
	    /* ==================== MUSIC GENRES (20) ==================== */
    [data-theme="jazz-blue"] {
      --main-red: #1e3a8a;
      --main-yellow: #60a5fa;
      --dark-bg: #0a1429;
      --card-bg: rgba(30, 58, 138, 0.15);
      --glass-bg: rgba(10, 20, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #bfdbfe;
    }

    [data-theme="rock-red"] {
      --main-red: #b91c1c;
      --main-yellow: #ef4444;
      --dark-bg: #1a0505;
      --card-bg: rgba(185, 28, 28, 0.15);
      --glass-bg: rgba(26, 5, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #fca5a5;
    }

    [data-theme="classical-gold"] {
      --main-red: #ca8a04;
      --main-yellow: #fbbf24;
      --dark-bg: #1a1405;
      --card-bg: rgba(202, 138, 4, 0.15);
      --glass-bg: rgba(26, 20, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #fde68a;
    }

    [data-theme="hip-hop-black"] {
      --main-red: #18181b;
      --main-yellow: #52525b;
      --dark-bg: #000000;
      --card-bg: rgba(24, 24, 27, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #a1a1aa;
    }

    [data-theme="electronic-cyan"] {
      --main-red: #06b6d4;
      --main-yellow: #67e8f9;
      --dark-bg: #0a1a1f;
      --card-bg: rgba(6, 182, 212, 0.15);
      --glass-bg: rgba(10, 26, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #cffafe;
    }

    [data-theme="reggae-green"] {
      --main-red: #15803d;
      --main-yellow: #4ade80;
      --dark-bg: #0a1a0f;
      --card-bg: rgba(21, 128, 61, 0.15);
      --glass-bg: rgba(10, 26, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #bbf7d0;
    }

    [data-theme="country-brown"] {
      --main-red: #92400e;
      --main-yellow: #d97706;
      --dark-bg: #1a0f03;
      --card-bg: rgba(146, 64, 14, 0.15);
      --glass-bg: rgba(26, 15, 3, 0.65);
      --text-light: #ffffff;
      --text-gray: #fed7aa;
    }

    [data-theme="blues-indigo"] {
      --main-red: #3730a3;
      --main-yellow: #818cf8;
      --dark-bg: #0a0a1f;
      --card-bg: rgba(55, 48, 163, 0.15);
      --glass-bg: rgba(10, 10, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7d2fe;
    }

    [data-theme="metal-silver"] {
      --main-red: #71717a;
      --main-yellow: #d4d4d8;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(113, 113, 122, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f5;
    }

    [data-theme="pop-pink"] {
      --main-red: #ec4899;
      --main-yellow: #f9a8d4;
      --dark-bg: #1a0a14;
      --card-bg: rgba(236, 72, 153, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #fce7f3;
    }

    [data-theme="funk-purple"] {
      --main-red: #7c3aed;
      --main-yellow: #c4b5fd;
      --dark-bg: #1a0a29;
      --card-bg: rgba(124, 58, 237, 0.15);
      --glass-bg: rgba(26, 10, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #ede9fe;
    }

    [data-theme="soul-amber"] {
      --main-red: #f59e0b;
      --main-yellow: #fbbf24;
      --dark-bg: #1a1205;
      --card-bg: rgba(245, 158, 11, 0.15);
      --glass-bg: rgba(26, 18, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #fef3c7;
    }

    [data-theme="techno-neon"] {
      --main-red: #a3e635;
      --main-yellow: #d9f99d;
      --dark-bg: #0f1a05;
      --card-bg: rgba(163, 230, 53, 0.15);
      --glass-bg: rgba(15, 26, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #ecfccb;
    }

    [data-theme="ambient-mist"] {
      --main-red: #94a3b8;
      --main-yellow: #e2e8f0;
      --dark-bg: #1a1f29;
      --card-bg: rgba(148, 163, 184, 0.15);
      --glass-bg: rgba(26, 31, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8fafc;
    }

    [data-theme="gospel-white"] {
      --main-red: #fafaf9;
      --main-yellow: #ffffff;
      --dark-bg: #f5f5f4;
      --card-bg: rgba(250, 250, 249, 0.35);
      --glass-bg: rgba(245, 245, 244, 0.75);
      --text-light: #1c1917;
      --text-gray: #57534e;
    }

    [data-theme="opera-burgundy"] {
      --main-red: #881337;
      --main-yellow: #e11d48;
      --dark-bg: #1a0308;
      --card-bg: rgba(136, 19, 55, 0.15);
      --glass-bg: rgba(26, 3, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #fda4af;
    }

    [data-theme="folk-earth"] {
      --main-red: #78716c;
      --main-yellow: #d6d3d1;
      --dark-bg: #1a1816;
      --card-bg: rgba(120, 113, 108, 0.15);
      --glass-bg: rgba(26, 24, 22, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5f5f4;
    }

    [data-theme="latin-orange"] {
      --main-red: #ea580c;
      --main-yellow: #fb923c;
      --dark-bg: #1a0a02;
      --card-bg: rgba(234, 88, 12, 0.15);
      --glass-bg: rgba(26, 10, 2, 0.65);
      --text-light: #ffffff;
      --text-gray: #fed7aa;
    }

    [data-theme="flamenco-red"] {
      --main-red: #dc2626;
      --main-yellow: #f87171;
      --dark-bg: #1a0505;
      --card-bg: rgba(220, 38, 38, 0.15);
      --glass-bg: rgba(26, 5, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #fecaca;
    }

    [data-theme="bossa-nova"] {
      --main-red: #16a34a;
      --main-yellow: #86efac;
      --dark-bg: #0a1a0f;
      --card-bg: rgba(22, 163, 74, 0.15);
      --glass-bg: rgba(10, 26, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #dcfce7;
    }

    /* ==================== PRECIOUS MATERIALS (15) ==================== */
    [data-theme="platinum-shine"] {
      --main-red: #e5e7eb;
      --main-yellow: #f9fafb;
      --dark-bg: #f3f4f6;
      --card-bg: rgba(229, 231, 235, 0.35);
      --glass-bg: rgba(243, 244, 246, 0.75);
      --text-light: #111827;
      --text-gray: #6b7280;
    }

    [data-theme="white-gold"] {
      --main-red: #f8f8f8;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(248, 248, 248, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="yellow-gold"] {
      --main-red: #eab308;
      --main-yellow: #facc15;
      --dark-bg: #1a1505;
      --card-bg: rgba(234, 179, 8, 0.15);
      --glass-bg: rgba(26, 21, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #fef08a;
    }

    [data-theme="rose-gold-luxury"] {
      --main-red: #e0a79b;
      --main-yellow: #f5d4cc;
      --dark-bg: #2d1f1c;
      --card-bg: rgba(224, 167, 155, 0.15);
      --glass-bg: rgba(45, 31, 28, 0.65);
      --text-light: #ffffff;
      --text-gray: #fae9e6;
    }

    [data-theme="titanium-gray"] {
      --main-red: #64748b;
      --main-yellow: #cbd5e1;
      --dark-bg: #0f172a;
      --card-bg: rgba(100, 116, 139, 0.15);
      --glass-bg: rgba(15, 23, 42, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2e8f0;
    }

    [data-theme="bronze-metal"] {
      --main-red: #cd7f32;
      --main-yellow: #e6a95c;
      --dark-bg: #1a0f06;
      --card-bg: rgba(205, 127, 50, 0.15);
      --glass-bg: rgba(26, 15, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d496;
    }

    [data-theme="copper-shine"] {
      --main-red: #b87333;
      --main-yellow: #d99e6b;
      --dark-bg: #1a1005;
      --card-bg: rgba(184, 115, 51, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #edcfa5;
    }

    [data-theme="brass-polish"] {
      --main-red: #b5a642;
      --main-yellow: #d4c97a;
      --dark-bg: #1a1805;
      --card-bg: rgba(181, 166, 66, 0.15);
      --glass-bg: rgba(26, 24, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #eae4bd;
    }

    [data-theme="pewter-metal"] {
      --main-red: #96a3ab;
      --main-yellow: #cbd3d8;
      --dark-bg: #1a1f22;
      --card-bg: rgba(150, 163, 171, 0.15);
      --glass-bg: rgba(26, 31, 34, 0.65);
      --text-light: #ffffff;
      --text-gray: #e5e9ec;
    }

    [data-theme="ivory-white"] {
      --main-red: #fffff0;
      --main-yellow: #ffffff;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 240, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="jade-green-gem"] {
      --main-red: #00a86b;
      --main-yellow: #5cd6a0;
      --dark-bg: #0a1a12;
      --card-bg: rgba(0, 168, 107, 0.15);
      --glass-bg: rgba(10, 26, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #aeebd0;
    }

    [data-theme="coral-pink-gem"] {
      --main-red: #ff6b6b;
      --main-yellow: #ffa3a3;
      --dark-bg: #1a0a0a;
      --card-bg: rgba(255, 107, 107, 0.15);
      --glass-bg: rgba(26, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd1d1;
    }

    [data-theme="jet-black-gem"] {
      --main-red: #0a0a0a;
      --main-yellow: #2a2a2a;
      --dark-bg: #000000;
      --card-bg: rgba(10, 10, 10, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #808080;
    }

    [data-theme="amber-resin"] {
      --main-red: #ffbf00;
      --main-yellow: #ffd966;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 191, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecb3;
    }

    [data-theme="turquoise-stone"] {
      --main-red: #30d5c8;
      --main-yellow: #7ee8e0;
      --dark-bg: #0a1a19;
      --card-bg: rgba(48, 213, 200, 0.15);
      --glass-bg: rgba(10, 26, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #bff4f0;
    }

    /* ==================== FLOWERS & BOTANICALS (20) ==================== */
    [data-theme="rose-red"] {
      --main-red: #c1121f;
      --main-yellow: #e05f6b;
      --dark-bg: #1a0204;
      --card-bg: rgba(193, 18, 31, 0.15);
      --glass-bg: rgba(26, 2, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0b0b5;
    }

    [data-theme="tulip-pink"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="sunflower-yellow"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="lavender-bloom"] {
      --main-red: #b57edc;
      --main-yellow: #d9b3f0;
      --dark-bg: #1a1425;
      --card-bg: rgba(181, 126, 220, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #ecd9f7;
    }

    [data-theme="orchid-purple"] {
      --main-red: #da70d6;
      --main-yellow: #eeaeed;
      --dark-bg: #1a1425;
      --card-bg: rgba(218, 112, 214, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #f7d7f6;
    }

    [data-theme="daisy-white"] {
      --main-red: #f8f9fa;
      --main-yellow: #ffffff;
      --dark-bg: #f5f5f5;
      --card-bg: rgba(248, 249, 250, 0.35);
      --glass-bg: rgba(245, 245, 245, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="iris-blue"] {
      --main-red: #5a4fcf;
      --main-yellow: #9d95ee;
      --dark-bg: #0a0a1f;
      --card-bg: rgba(90, 79, 207, 0.15);
      --glass-bg: rgba(10, 10, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #cecaf7;
    }

    [data-theme="lily-white"] {
      --main-red: #fefefe;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(254, 254, 254, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="poppy-red"] {
      --main-red: #e63946;
      --main-yellow: #f16a73;
      --dark-bg: #1a0507;
      --card-bg: rgba(230, 57, 70, 0.15);
      --glass-bg: rgba(26, 5, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8b4b9;
    }

    [data-theme="violet-flower"] {
      --main-red: #8b00ff;
      --main-yellow: #b966ff;
      --dark-bg: #1a001f;
      --card-bg: rgba(139, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #dcb3ff;
    }

    [data-theme="magnolia-cream"] {
      --main-red: #fff5ee;
      --main-yellow: #ffffff;
      --dark-bg: #fffaf5;
      --card-bg: rgba(255, 245, 238, 0.35);
      --glass-bg: rgba(255, 250, 245, 0.75);
      --text-light: #2a2218;
      --text-gray: #5a4a38;
    }

    [data-theme="peony-pink"] {
      --main-red: #ffc0cb;
      --main-yellow: #ffe0e5;
      --dark-bg: #2d1a1e;
      --card-bg: rgba(255, 192, 203, 0.15);
      --glass-bg: rgba(45, 26, 30, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff0f2;
    }

    [data-theme="hibiscus-red"] {
      --main-red: #e91e63;
      --main-yellow: #ff6090;
      --dark-bg: #1a0a0f;
      --card-bg: rgba(233, 30, 99, 0.15);
      --glass-bg: rgba(26, 10, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b0c8;
    }

    [data-theme="jasmine-white"] {
      --main-red: #fffaf0;
      --main-yellow: #ffffff;
      --dark-bg: #fffcf5;
      --card-bg: rgba(255, 250, 240, 0.35);
      --glass-bg: rgba(255, 252, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="marigold-orange"] {
      --main-red: #ff9500;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 149, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="carnation-pink"] {
      --main-red: #ff66b3;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 102, 179, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="zinnia-magenta"] {
      --main-red: #d946ef;
      --main-yellow: #f0abfc;
      --dark-bg: #1a0a1f;
      --card-bg: rgba(217, 70, 239, 0.15);
      --glass-bg: rgba(26, 10, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5d0fe;
    }

    [data-theme="daffodil-yellow"] {
      --main-red: #fde047;
      --main-yellow: #fef08a;
      --dark-bg: #fffef5;
      --card-bg: rgba(253, 224, 71, 0.15);
      --glass-bg: rgba(255, 252, 200, 0.75);
      --text-light: #3d3a00;
      --text-gray: #807a00;
    }

    [data-theme="petunia-purple"] {
      --main-red: #9333ea;
      --main-yellow: #d8b4fe;
      --dark-bg: #1a0a29;
      --card-bg: rgba(147, 51, 234, 0.15);
      --glass-bg: rgba(26, 10, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3e8ff;
    }

    [data-theme="azalea-pink"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    /* ==================== DESSERTS & SWEETS (15) ==================== */
    [data-theme="tiramisu-cream"] {
      --main-red: #f4e4d7;
      --main-yellow: #faf5f0;
      --dark-bg: #2d2520;
      --card-bg: rgba(244, 228, 215, 0.15);
      --glass-bg: rgba(45, 37, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdfaf8;
    }

    [data-theme="macaron-pink"] {
      --main-red: #ffb3d9;
      --main-yellow: #ffd6e8;
      --dark-bg: #2d1a21;
      --card-bg: rgba(255, 179, 217, 0.15);
      --glass-bg: rgba(45, 26, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf0;
    }

    [data-theme="eclair-chocolate"] {
      --main-red: #4a2511;
      --main-yellow: #8b4513;
      --dark-bg: #0a0500;
      --card-bg: rgba(74, 37, 17, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c68866;
    }

    [data-theme="cheesecake-cream"] {
      --main-red: #fff8dc;
      --main-yellow: #fffef5;
      --dark-bg: #fffcf0;
      --card-bg: rgba(255, 248, 220, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="brownie-fudge"] {
      --main-red: #3e2723;
      --main-yellow: #795548;
      --dark-bg: #0a0605;
      --card-bg: rgba(62, 39, 35, 0.15);
      --glass-bg: rgba(10, 6, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #bcaaa4;
    }

    [data-theme="cupcake-frosting"] {
      --main-red: #ffcce5;
      --main-yellow: #ffe6f3;
      --dark-bg: #2d1a23;
      --card-bg: rgba(255, 204, 229, 0.15);
      --glass-bg: rgba(45, 26, 35, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff3f9;
    }

    [data-theme="donut-glaze"] {
      --main-red: #ffb3e6;
      --main-yellow: #ffd6f0;
      --dark-bg: #2d1a25;
      --card-bg: rgba(255, 179, 230, 0.15);
      --glass-bg: rgba(45, 26, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf8;
    }

    [data-theme="creme-brulee"] {
      --main-red: #f5deb3;
      --main-yellow: #faebd7;
      --dark-bg: #2d2820;
      --card-bg: rgba(245, 222, 179, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdf5eb;
    }

    [data-theme="panna-cotta"] {
      --main-red: #faf0e6;
      --main-yellow: #fefefe;
      --dark-bg: #faf8f5;
      --card-bg: rgba(250, 240, 230, 0.35);
      --glass-bg: rgba(250, 248, 245, 0.75);
      --text-light: #2a2218;
      --text-gray: #5a4a38;
    }

    [data-theme="mousse-chocolate"] {
      --main-red: #4e2a1e;
      --main-yellow: #8b5a3c;
      --dark-bg: #0a0500;
      --card-bg: rgba(78, 42, 30, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c99a76;
    }

    [data-theme="gelato-pistachio"] {
      --main-red: #93c572;
      --main-yellow: #c5e1a5;
      --dark-bg: #1a2514;
      --card-bg: rgba(147, 197, 114, 0.15);
      --glass-bg: rgba(26, 37, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f0d2;
    }

    [data-theme="sorbet-lemon"] {
      --main-red: #fff44f;
      --main-yellow: #fffb9d;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 244, 79, 0.25);
      --glass-bg: rgba(255, 252, 232, 0.75);
      --text-light: #3d3a1a;
      --text-gray: #5d5a3a;
    }

    [data-theme="parfait-berry"] {
      --main-red: #e91e63;
      --main-yellow: #ff6090;
      --dark-bg: #1a0a0f;
      --card-bg: rgba(233, 30, 99, 0.15);
      --glass-bg: rgba(26, 10, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b0c8;
    }

    [data-theme="meringue-white"] {
      --main-red: #fffafa;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 250, 250, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="tart-raspberry"] {
      --main-red: #e30b5c;
      --main-yellow: #ff5996;
      --dark-bg: #1a0a10;
      --card-bg: rgba(227, 11, 92, 0.15);
      --glass-bg: rgba(26, 10, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffacca;
    }

    /* ==================== BEVERAGES (15) ==================== */
    [data-theme="espresso-black"] {
      --main-red: #2c1810;
      --main-yellow: #5c3a2e;
      --dark-bg: #0a0500;
      --card-bg: rgba(44, 24, 16, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #9c7d67;
    }

    [data-theme="cappuccino-foam"] {
      --main-red: #d2b48c;
      --main-yellow: #f5deb3;
      --dark-bg: #2d2820;
      --card-bg: rgba(210, 180, 140, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #faebd7;
    }

    [data-theme="latte-cream"] {
      --main-red: #e8d5c4;
      --main-yellow: #f5e9dd;
      --dark-bg: #2d2520;
      --card-bg: rgba(232, 213, 196, 0.15);
      --glass-bg: rgba(45, 37, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #faf4ee;
    }

    [data-theme="matcha-green"] {
      --main-red: #88c057;
      --main-yellow: #b8d89c;
      --dark-bg: #1a2514;
      --card-bg: rgba(136, 192, 87, 0.15);
      --glass-bg: rgba(26, 37, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #dcecce;
    }

    [data-theme="hot-chocolate"] {
      --main-red: #6f4e37;
      --main-yellow: #a67c52;
      --dark-bg: #1a0f0a;
      --card-bg: rgba(111, 78, 55, 0.15);
      --glass-bg: rgba(26, 15, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3aa89;
    }

    [data-theme="red-wine"] {
      --main-red: #722f37;
      --main-yellow: #b85865;
      --dark-bg: #1a0a0c;
      --card-bg: rgba(114, 47, 55, 0.15);
      --glass-bg: rgba(26, 10, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #e59aa5;
    }

    [data-theme="white-wine"] {
      --main-red: #f4e4c1;
      --main-yellow: #faf5e4;
      --dark-bg: #2d2920;
      --card-bg: rgba(244, 228, 193, 0.15);
      --glass-bg: rgba(45, 41, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdfaf2;
    }

    [data-theme="champagne-gold"] {
      --main-red: #f7e7ce;
      --main-yellow: #fdf5e6;
      --dark-bg: #2d2820;
      --card-bg: rgba(247, 231, 206, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fefaf3;
    }

    [data-theme="mojito-mint"] {
      --main-red: #98ff98;
      --main-yellow: #c6ffc6;
      --dark-bg: #1a2d1a;
      --card-bg: rgba(152, 255, 152, 0.15);
      --glass-bg: rgba(26, 45, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #dfffdf;
    }

    [data-theme="margarita-lime"] {
      --main-red: #bfff00;
      --main-yellow: #d9ff66;
      --dark-bg: #1a2000;
      --card-bg: rgba(191, 255, 0, 0.15);
      --glass-bg: rgba(26, 32, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ecffb3;
    }

    [data-theme="cosmopolitan-pink"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="blue-lagoon"] {
      --main-red: #00bfff;
      --main-yellow: #66d9ff;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="sangria-red"] {
      --main-red: #92000a;
      --main-yellow: #d0545f;
      --dark-bg: #1a0002;
      --card-bg: rgba(146, 0, 10, 0.15);
      --glass-bg: rgba(26, 0, 2, 0.65);
      --text-light: #ffffff;
      --text-gray: #e8999f;
    }

    [data-theme="irish-cream"] {
      --main-red: #c8b896;
      --main-yellow: #e8dcbe;
      --dark-bg: #2d2820;
      --card-bg: rgba(200, 184, 150, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4eddf;
    }

    [data-theme="orange-juice"] {
      --main-red: #ff8c00;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    /* ==================== FABRICS & TEXTILES (15) ==================== */
    [data-theme="silk-white"] {
      --main-red: #f8f8f8;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(248, 248, 248, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="velvet-crimson"] {
      --main-red: #990000;
      --main-yellow: #cc3333;
      --dark-bg: #1a0000;
      --card-bg: rgba(153, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e69999;
    }

    [data-theme="cotton-cream"] {
      --main-red: #fffdd0;
      --main-yellow: #fffff0;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 253, 208, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="denim-blue"] {
      --main-red: #1560bd;
      --main-yellow: #5d9cec;
      --dark-bg: #0a1429;
      --card-bg: rgba(21, 96, 189, 0.15);
      --glass-bg: rgba(10, 20, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #aecef6;
    }

    [data-theme="linen-beige"] {
      --main-red: #e3d5ca;
      --main-yellow: #f5eee6;
      --dark-bg: #2d2820;
      --card-bg: rgba(227, 213, 202, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #faf7f3;
    }

    [data-theme="satin-pink"] {
      --main-red: #ffb3d9;
      --main-yellow: #ffd6e8;
      --dark-bg: #2d1a21;
      --card-bg: rgba(255, 179, 217, 0.15);
      --glass-bg: rgba(45, 26, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf0;
    }

    [data-theme="leather-brown"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    [data-theme="suede-tan"] {
      --main-red: #bc987e;
      --main-yellow: #ddc3af;
      --dark-bg: #2d2318;
      --card-bg: rgba(188, 152, 126, 0.15);
      --glass-bg: rgba(45, 35, 24, 0.65);
      --text-light: #ffffff;
      --text-gray: #efe1d7;
    }

    [data-theme="cashmere-gray"] {
      --main-red: #b8b8b8;
      --main-yellow: #e0e0e0;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(184, 184, 184, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0f0f0;
    }

    [data-theme="wool-charcoal"] {
      --main-red: #36454f;
      --main-yellow: #647481;
      --dark-bg: #0a0e11;
      --card-bg: rgba(54, 69, 79, 0.15);
      --glass-bg: rgba(10, 14, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #9baab8;
    }

    [data-theme="tweed-brown"] {
      --main-red: #826644;
      --main-yellow: #b59776;
      --dark-bg: #1a1005;
      --card-bg: rgba(130, 102, 68, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #e1c9a9;
    }

    [data-theme="canvas-natural"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #faf8f0;
      --card-bg: rgba(245, 245, 220, 0.25);
      --glass-bg: rgba(240, 238, 230, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="flannel-red"] {
      --main-red: #c8102e;
      --main-yellow: #e06677;
      --dark-bg: #1a0206;
      --card-bg: rgba(200, 16, 46, 0.15);
      --glass-bg: rgba(26, 2, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0b3bb;
    }

    [data-theme="chiffon-lavender"] {
      --main-red: #e6e6fa;
      --main-yellow: #f5f5ff;
      --dark-bg: #2d2d3a;
      --card-bg: rgba(230, 230, 250, 0.15);
      --glass-bg: rgba(45, 45, 58, 0.65);
      --text-light: #ffffff;
      --text-gray: #fafaff;
    }

    [data-theme="corduroy-olive"] {
      --main-red: #808000;
      --main-yellow: #b3b366;
      --dark-bg: #1a1a00;
      --card-bg: rgba(128, 128, 0, 0.15);
      --glass-bg: rgba(26, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9d999;
    }

    /* ==================== ARCHITECTURE STYLES (20) ==================== */
    [data-theme="modern-minimalist"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="brutalist-concrete"] {
      --main-red: #808080;
      --main-yellow: #a9a9a9;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(26, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3d3d3;
    }

    [data-theme="art-deco-glamour"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="gothic-arch"] {
      --main-red: #2d0000;
      --main-yellow: #660000;
      --dark-bg: #000000;
      --card-bg: rgba(45, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #993333;
    }

    [data-theme="colonial-brick"] {
      --main-red: #b22222;
      --main-yellow: #cd5c5c;
      --dark-bg: #1a0505;
      --card-bg: rgba(178, 34, 34, 0.15);
      --glass-bg: rgba(26, 5, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="victorian-ornate"] {
      --main-red: #6a0dad;
      --main-yellow: #a845ff;
      --dark-bg: #0f021a;
      --card-bg: rgba(106, 13, 173, 0.15);
      --glass-bg: rgba(15, 2, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4a3ff;
    }

    [data-theme="bauhaus-primary"] {
      --main-red: #ff0000;
      --main-yellow: #ffff00;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="mid-century-modern"] {
      --main-red: #ff8c42;
      --main-yellow: #ffbb88;
      --dark-bg: #1a0f05;
      --card-bg: rgba(255, 140, 66, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffddc4;
    }

    [data-theme="mediterranean-white"] {
      --main-red: #f0f8ff;
      --main-yellow: #ffffff;
      --dark-bg: #fafeff;
      --card-bg: rgba(240, 248, 255, 0.35);
      --glass-bg: rgba(250, 254, 255, 0.75);
      --text-light: #1a2a3a;
      --text-gray: #4a5a6a;
    }

    [data-theme="industrial-steel"] {
      --main-red: #4a4a4a;
      --main-yellow: #808080;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(74, 74, 74, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3b3b3;
    }

    [data-theme="scandinavian-light"] {
      --main-red: #f5f5f5;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(245, 245, 245, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="japanese-zen"] {
      --main-red: #d4c5b9;
      --main-yellow: #f0e9df;
      --dark-bg: #2d2820;
      --card-bg: rgba(212, 197, 185, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #faf7f3;
    }

    [data-theme="tuscan-terracotta"] {
      --main-red: #d2691e;
      --main-yellow: #e6a577;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="french-provincial"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #faf8f0;
      --card-bg: rgba(245, 245, 220, 0.25);
      --glass-bg: rgba(240, 238, 230, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="craftsman-wood"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="art-nouveau-curves"] {
      --main-red: #3cb371;
      --main-yellow: #7dd99c;
      --dark-bg: #0a1a12;
      --card-bg: rgba(60, 179, 113, 0.15);
      --glass-bg: rgba(10, 26, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #beecd1;
    }

    [data-theme="postmodern-bold"] {
      --main-red: #ff00ff;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="deconstructivist"] {
      --main-red: #ff0000;
      --main-yellow: #ff6666;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="organic-architecture"] {
      --main-red: #6b8e23;
      --main-yellow: #9dc65a;
      --dark-bg: #0a1a05;
      --card-bg: rgba(107, 142, 35, 0.15);
      --glass-bg: rgba(10, 26, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #cee3ad;
    }

    [data-theme="parametric-design"] {
      --main-red: #00ffff;
      --main-yellow: #66ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }
	
	    /* ==================== MINERALS & CRYSTALS (15) ==================== */
    [data-theme="quartz-crystal"] {
      --main-red: #f0f0f0;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(240, 240, 240, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="amethyst-crystal"] {
      --main-red: #9966cc;
      --main-yellow: #c7aaee;
      --dark-bg: #1a1021;
      --card-bg: rgba(153, 102, 204, 0.15);
      --glass-bg: rgba(26, 16, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #e3d4f7;
    }

    [data-theme="citrine-yellow"] {
      --main-red: #e4d00a;
      --main-yellow: #f9e85a;
      --dark-bg: #1a1800;
      --card-bg: rgba(228, 208, 10, 0.15);
      --glass-bg: rgba(26, 24, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fcf3ad;
    }

    [data-theme="peridot-green"] {
      --main-red: #9ade00;
      --main-yellow: #c7ee66;
      --dark-bg: #141a00;
      --card-bg: rgba(154, 222, 0, 0.15);
      --glass-bg: rgba(20, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e3f7b3;
    }

    [data-theme="tanzanite-blue"] {
      --main-red: #4d4dff;
      --main-yellow: #9999ff;
      --dark-bg: #0a0a1f;
      --card-bg: rgba(77, 77, 255, 0.15);
      --glass-bg: rgba(10, 10, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccccff;
    }

    [data-theme="moonstone-shimmer"] {
      --main-red: #e0e8f0;
      --main-yellow: #f5f9fc;
      --dark-bg: #2d3238;
      --card-bg: rgba(224, 232, 240, 0.15);
      --glass-bg: rgba(45, 50, 56, 0.65);
      --text-light: #ffffff;
      --text-gray: #fafcfe;
    }

    [data-theme="tourmaline-rainbow"] {
      --main-red: #ff1493;
      --main-yellow: #00ff7f;
      --dark-bg: #1a0014;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="chrysoprase-green"] {
      --main-red: #44d62c;
      --main-yellow: #88e877;
      --dark-bg: #0a1a08;
      --card-bg: rgba(68, 214, 44, 0.15);
      --glass-bg: rgba(10, 26, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #c4f4bb;
    }

    [data-theme="labradorite-flash"] {
      --main-red: #4a90e2;
      --main-yellow: #86c5ff;
      --dark-bg: #0a1419;
      --card-bg: rgba(74, 144, 226, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e2ff;
    }

    [data-theme="sugilite-purple"] {
      --main-red: #8b008b;
      --main-yellow: #cd66cd;
      --dark-bg: #1a001a;
      --card-bg: rgba(139, 0, 139, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6b3e6;
    }

    [data-theme="fluorite-violet"] {
      --main-red: #7b68ee;
      --main-yellow: #b8adf3;
      --dark-bg: #0f0a1f;
      --card-bg: rgba(123, 104, 238, 0.15);
      --glass-bg: rgba(15, 10, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #dcd7f9;
    }

    [data-theme="agate-bands"] {
      --main-red: #b85c38;
      --main-yellow: #d9937a;
      --dark-bg: #1a0f0a;
      --card-bg: rgba(184, 92, 56, 0.15);
      --glass-bg: rgba(26, 15, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #edcabd;
    }

    [data-theme="rhodochrosite-pink"] {
      --main-red: #ff6ec7;
      --main-yellow: #ffa3dd;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 110, 199, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd1ee;
    }

    [data-theme="aventurine-green"] {
      --main-red: #3d9140;
      --main-yellow: #7ec682;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(61, 145, 64, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #bfe3c1;
    }

    [data-theme="iolite-blue"] {
      --main-red: #4e5180;
      --main-yellow: #8d91b8;
      --dark-bg: #0a0a1a;
      --card-bg: rgba(78, 81, 128, 0.15);
      --glass-bg: rgba(10, 10, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #c6c8dc;
    }

    /* ==================== CELESTIAL BODIES (15) ==================== */
    [data-theme="solar-flare"] {
      --main-red: #ff4500;
      --main-yellow: #ff8c42;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffccb3;
    }

    [data-theme="comet-tail"] {
      --main-red: #00ffff;
      --main-yellow: #b3ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6ffff;
    }

    [data-theme="void-space"] {
      --main-red: #0a0a0f;
      --main-yellow: #1a1a2e;
      --dark-bg: #000000;
      --card-bg: rgba(10, 10, 15, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #666677;
    }

    [data-theme="star-cluster"] {
      --main-red: #fff700;
      --main-yellow: #fffb66;
      --dark-bg: #0a0a1a;
      --card-bg: rgba(255, 247, 0, 0.15);
      --glass-bg: rgba(10, 10, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #fffdcc;
    }

    [data-theme="pulsar"] {
      --main-red: #00ff9f;
      --main-yellow: #66ffc7;
      --dark-bg: #001a12;
      --card-bg: rgba(0, 255, 159, 0.15);
      --glass-bg: rgba(0, 26, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffe3;
    }

    [data-theme="quasar"] {
      --main-red: #ff00ff;
      --main-yellow: #ff66ff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="dark-matter"] {
      --main-red: #1a0033;
      --main-yellow: #330066;
      --dark-bg: #000000;
      --card-bg: rgba(26, 0, 51, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #7766aa;
    }

    [data-theme="cosmic-dust"] {
      --main-red: #d4a373;
      --main-yellow: #e8cfae;
      --dark-bg: #1a1410;
      --card-bg: rgba(212, 163, 115, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4e7d7;
    }

    [data-theme="andromeda"] {
      --main-red: #9d4edd;
      --main-yellow: #c77dff;
      --dark-bg: #1a0a29;
      --card-bg: rgba(157, 78, 221, 0.15);
      --glass-bg: rgba(26, 10, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0bfff;
    }

    [data-theme="aurora-borealis"] {
      --main-red: #00ff9f;
      --main-yellow: #66ffc7;
      --dark-bg: #001a12;
      --card-bg: rgba(0, 255, 159, 0.15);
      --glass-bg: rgba(0, 26, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffe3;
    }

    [data-theme="solar-wind"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="eclipse-shadow"] {
      --main-red: #2c2c2c;
      --main-yellow: #5c5c5c;
      --dark-bg: #000000;
      --card-bg: rgba(44, 44, 44, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #9c9c9c;
    }

    [data-theme="constellation"] {
      --main-red: #4a90e2;
      --main-yellow: #86c5ff;
      --dark-bg: #0a1419;
      --card-bg: rgba(74, 144, 226, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e2ff;
    }

    [data-theme="orbit-silver"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    [data-theme="red-giant"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    /* ==================== WORLD LANDMARKS (15) ==================== */
    [data-theme="eiffel-tower-gray"] {
      --main-red: #7d7d7d;
      --main-yellow: #b8b8b8;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(125, 125, 125, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #dbdbdb;
    }

    [data-theme="taj-mahal-marble"] {
      --main-red: #fffff0;
      --main-yellow: #ffffff;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 240, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="great-wall-stone"] {
      --main-red: #8b7d6b;
      --main-yellow: #c4b5a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 125, 107, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2d9cd;
    }

    [data-theme="colosseum-sand"] {
      --main-red: #c19a6b;
      --main-yellow: #ebdaab;
      --dark-bg: #1a1510;
      --card-bg: rgba(193, 154, 107, 0.15);
      --glass-bg: rgba(26, 21, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5ecd5;
    }

    [data-theme="statue-liberty-copper"] {
      --main-red: #7cb0a1;
      --main-yellow: #aed4c7;
      --dark-bg: #1a2320;
      --card-bg: rgba(124, 176, 161, 0.15);
      --glass-bg: rgba(26, 35, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #d7eae3;
    }

    [data-theme="big-ben-bronze"] {
      --main-red: #8b6914;
      --main-yellow: #cd9b1d;
      --dark-bg: #1a1205;
      --card-bg: rgba(139, 105, 20, 0.15);
      --glass-bg: rgba(26, 18, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6cd8e;
    }

    [data-theme="pyramids-desert"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    [data-theme="machu-picchu-stone"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="sydney-opera-white"] {
      --main-red: #f5f5f5;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(245, 245, 245, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="golden-gate-orange"] {
      --main-red: #c0362c;
      --main-yellow: #e66b5f;
      --dark-bg: #1a0605;
      --card-bg: rgba(192, 54, 44, 0.15);
      --glass-bg: rgba(26, 6, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3b3af;
    }

    [data-theme="christ-redeemer-white"] {
      --main-red: #fafafa;
      --main-yellow: #ffffff;
      --dark-bg: #f5f5f5;
      --card-bg: rgba(250, 250, 250, 0.35);
      --glass-bg: rgba(245, 245, 245, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="petra-rose"] {
      --main-red: #e97451;
      --main-yellow: #f4a98d;
      --dark-bg: #1a0f0a;
      --card-bg: rgba(233, 116, 81, 0.15);
      --glass-bg: rgba(26, 15, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #fad4c6;
    }

    [data-theme="sagrada-familia"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="angkor-wat-stone"] {
      --main-red: #918e85;
      --main-yellow: #c4c1ba;
      --dark-bg: #1a1918;
      --card-bg: rgba(145, 142, 133, 0.15);
      --glass-bg: rgba(26, 25, 24, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2e1dd;
    }

    [data-theme="burj-khalifa-silver"] {
      --main-red: #aaa9ad;
      --main-yellow: #d9d9dc;
      --dark-bg: #1a1a1b;
      --card-bg: rgba(170, 169, 173, 0.15);
      --glass-bg: rgba(26, 26, 27, 0.65);
      --text-light: #ffffff;
      --text-gray: #ececed;
    }

    /* ==================== MYTHICAL CREATURES EXTENDED (15) ==================== */
    [data-theme="basilisk-eyes"] {
      --main-red: #00ff00;
      --main-yellow: #66ff66;
      --dark-bg: #001a00;
      --card-bg: rgba(0, 255, 0, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffb3;
    }

    [data-theme="pegasus-white"] {
      --main-red: #f0f8ff;
      --main-yellow: #ffffff;
      --dark-bg: #fafeff;
      --card-bg: rgba(240, 248, 255, 0.35);
      --glass-bg: rgba(250, 254, 255, 0.75);
      --text-light: #1a2a3a;
      --text-gray: #4a5a6a;
    }

    [data-theme="troll-cave"] {
      --main-red: #4a4a3a;
      --main-yellow: #7a7a6a;
      --dark-bg: #0a0a08;
      --card-bg: rgba(74, 74, 58, 0.15);
      --glass-bg: rgba(10, 10, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #b5b5a5;
    }

    [data-theme="nymph-meadow"] {
      --main-red: #90ee90;
      --main-yellow: #c7f5c7;
      --dark-bg: #0a1a0a;
      --card-bg: rgba(144, 238, 144, 0.15);
      --glass-bg: rgba(10, 26, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #e3fae3;
    }

    [data-theme="demon-shadow"] {
      --main-red: #660000;
      --main-yellow: #990000;
      --dark-bg: #0a0000;
      --card-bg: rgba(102, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #cc6666;
    }

    [data-theme="angel-wings"] {
      --main-red: #fffafa;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 250, 250, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="hydra-venom"] {
      --main-red: #39ff14;
      --main-yellow: #7dff66;
      --dark-bg: #0a1a05;
      --card-bg: rgba(57, 255, 20, 0.15);
      --glass-bg: rgba(10, 26, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #beffb3;
    }

    [data-theme="minotaur-labyrinth"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    [data-theme="satyr-wine"] {
      --main-red: #722f37;
      --main-yellow: #b85865;
      --dark-bg: #1a0a0c;
      --card-bg: rgba(114, 47, 55, 0.15);
      --glass-bg: rgba(26, 10, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #e59aa5;
    }

    [data-theme="medusa-stone"] {
      --main-red: #708090;
      --main-yellow: #cbd5e1;
      --dark-bg: #0f172a;
      --card-bg: rgba(112, 128, 144, 0.15);
      --glass-bg: rgba(15, 23, 42, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2e8f0;
    }

    [data-theme="valkyrie-sky"] {
      --main-red: #87ceeb;
      --main-yellow: #b8e0f5;
      --dark-bg: #1a2a35;
      --card-bg: rgba(135, 206, 235, 0.15);
      --glass-bg: rgba(26, 42, 53, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9f0fa;
    }

    [data-theme="djinn-smoke"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="banshee-wail"] {
      --main-red: #e0e0e0;
      --main-yellow: #f5f5f5;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(224, 224, 224, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #fafafa;
    }

    [data-theme="chimera-flame"] {
      --main-red: #ff6600;
      --main-yellow: #ffaa55;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="sphinx-riddle"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    /* ==================== VIDEO GAME AESTHETICS (10) ==================== */
    [data-theme="8-bit-retro"] {
      --main-red: #ff0040;
      --main-yellow: #00ffff;
      --dark-bg: #1a0008;
      --card-bg: rgba(255, 0, 64, 0.15);
      --glass-bg: rgba(26, 0, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3c4;
    }

    [data-theme="pixel-art"] {
      --main-red: #00ff00;
      --main-yellow: #ffff00;
      --dark-bg: #000000;
      --card-bg: rgba(0, 255, 0, 0.15);
      --glass-bg: rgba(0, 20, 0, 0.65);
      --text-light: #00ff00;
      --text-gray: #66ff66;
    }

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

    [data-theme="stealth-mode"] {
      --main-red: #1a1a1a;
      --main-yellow: #3a3a3a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #7a7a7a;
    }

    [data-theme="fantasy-rpg"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="space-shooter"] {
      --main-red: #0080ff;
      --main-yellow: #00ffff;
      --dark-bg: #000014;
      --card-bg: rgba(0, 128, 255, 0.15);
      --glass-bg: rgba(0, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

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

    [data-theme="horror-survival"] {
      --main-red: #330000;
      --main-yellow: #660000;
      --dark-bg: #000000;
      --card-bg: rgba(51, 0, 0, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #993333;
    }

    [data-theme="puzzle-bright"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="battle-royale"] {
      --main-red: #ff8c00;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    /* ==================== MOVIE/FILM GENRES (10) ==================== */
    [data-theme="film-noir"] {
      --main-red: #1a1a1a;
      --main-yellow: #4a4a4a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #8a8a8a;
    }

    [data-theme="western-desert"] {
      --main-red: #cd853f;
      --main-yellow: #deb887;
      --dark-bg: #1a1410;
      --card-bg: rgba(205, 133, 63, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #eedcb8;
    }

    [data-theme="sci-fi-blue"] {
      --main-red: #0099ff;
      --main-yellow: #66ccff;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 153, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3e5ff;
    }

    [data-theme="romantic-pink"] {
      --main-red: #ffb6c1;
      --main-yellow: #ffd9df;
      --dark-bg: #2d1a1e;
      --card-bg: rgba(255, 182, 193, 0.15);
      --glass-bg: rgba(45, 26, 30, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecef;
    }

    [data-theme="thriller-dark"] {
      --main-red: #2d0000;
      --main-yellow: #5a0000;
      --dark-bg: #000000;
      --card-bg: rgba(45, 0, 0, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #996666;
    }

    [data-theme="comedy-yellow"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="action-orange"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    [data-theme="documentary-neutral"] {
      --main-red: #9e9e9e;
      --main-yellow: #cfcfcf;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(158, 158, 158, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #e7e7e7;
    }

    [data-theme="animated-rainbow"] {
      --main-red: #ff1493;
      --main-yellow: #00ff7f;
      --dark-bg: #1a0014;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="mystery-purple"] {
      --main-red: #663399;
      --main-yellow: #aa77dd;
      --dark-bg: #0a0513;
      --card-bg: rgba(102, 51, 153, 0.15);
      --glass-bg: rgba(10, 5, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5bbee;
    }

    /* ==================== ELEMENTAL FORCES (10) ==================== */
    [data-theme="fire-element"] {
      --main-red: #ff4500;
      --main-yellow: #ff8c42;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffccb3;
    }

    [data-theme="water-element"] {
      --main-red: #0080ff;
      --main-yellow: #66b3ff;
      --dark-bg: #001019;
      --card-bg: rgba(0, 128, 255, 0.15);
      --glass-bg: rgba(0, 16, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    [data-theme="earth-element"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="air-element"] {
      --main-red: #e0f7ff;
      --main-yellow: #ffffff;
      --dark-bg: #f5fcff;
      --card-bg: rgba(224, 247, 255, 0.35);
      --glass-bg: rgba(245, 252, 255, 0.75);
      --text-light: #1a2a3a;
      --text-gray: #4a5a6a;
    }

    [data-theme="lightning-element"] {
      --main-red: #ffff00;
      --main-yellow: #ffff99;
      --dark-bg: #1a1a00;
      --card-bg: rgba(255, 255, 0, 0.15);
      --glass-bg: rgba(26, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffffcc;
    }

    [data-theme="ice-element"] {
      --main-red: #b0e0e6;
      --main-yellow: #d8f0f6;
      --dark-bg: #1a262d;
      --card-bg: rgba(176, 224, 230, 0.15);
      --glass-bg: rgba(26, 38, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f4f7;
    }

    [data-theme="nature-element"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="shadow-element"] {
      --main-red: #1a1a1a;
      --main-yellow: #3a3a3a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #7a7a7a;
    }

    [data-theme="light-element"] {
      --main-red: #fffacd;
      --main-yellow: #ffffff;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 250, 205, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="metal-element"] {
      --main-red: #71797e;
      --main-yellow: #a3abad;
      --dark-bg: #0a0c0d;
      --card-bg: rgba(113, 121, 126, 0.15);
      --glass-bg: rgba(10, 12, 13, 0.65);
      --text-light: #ffffff;
      --text-gray: #c4c8ca;
    }

    /* ==================== HISTORICAL ERAS (10) ==================== */
    [data-theme="stone-age"] {
      --main-red: #8b7d6b;
      --main-yellow: #c4b5a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 125, 107, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2d9cd;
    }

    [data-theme="bronze-age"] {
      --main-red: #cd7f32;
      --main-yellow: #e6a95c;
      --dark-bg: #1a0f06;
      --card-bg: rgba(205, 127, 50, 0.15);
      --glass-bg: rgba(26, 15, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d496;
    }

    [data-theme="iron-age"] {
      --main-red: #5a5a5a;
      --main-yellow: #9a9a9a;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(90, 90, 90, 0.15);
      --glass-bg: rgba(15, 15, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #c0c0c0;
    }

    [data-theme="medieval-castle"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="renaissance-gold"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="industrial-coal"] {
      --main-red: #36454f;
      --main-yellow: #647481;
      --dark-bg: #0a0e11;
      --card-bg: rgba(54, 69, 79, 0.15);
      --glass-bg: rgba(10, 14, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #9baab8;
    }

    [data-theme="victorian-era"] {
      --main-red: #6a0dad;
      --main-yellow: #a845ff;
      --dark-bg: #0f021a;
      --card-bg: rgba(106, 13, 173, 0.15);
      --glass-bg: rgba(15, 2, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4a3ff;
    }

    [data-theme="roaring-twenties"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="chromosphere"] {
      --main-red: #00ffff;
      --main-yellow: #66ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    [data-theme="space-age"] {
      --main-red: #4a90e2;
      --main-yellow: #86c5ff;
      --dark-bg: #0a1419;
      --card-bg: rgba(74, 144, 226, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e2ff;
    }

    /* ==================== WORLD CUISINES (10) ==================== */
    [data-theme="italian-cuisine"] {
      --main-red: #d2691e;
      --main-yellow: #e6a577;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="japanese-cuisine"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="mexican-cuisine"] {
      --main-red: #e91e63;
      --main-yellow: #ff6090;
      --dark-bg: #1a0a0f;
      --card-bg: rgba(233, 30, 99, 0.15);
      --glass-bg: rgba(26, 10, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b0c8;
    }

    [data-theme="french-cuisine"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="indian-cuisine"] {
      --main-red: #ff9933;
      --main-yellow: #ffcc99;
      --dark-bg: #1a1000;
      --card-bg: rgba(255, 153, 51, 0.15);
      --glass-bg: rgba(26, 16, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5cc;
    }

    [data-theme="chinese-cuisine"] {
      --main-red: #de2910;
      --main-yellow: #ffde00;
      --dark-bg: #1a0500;
      --card-bg: rgba(222, 41, 16, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #f19b8b;
    }

    [data-theme="thai-cuisine"] {
      --main-red: #ff6347;
      --main-yellow: #ff9b85;
      --dark-bg: #1a0a07;
      --card-bg: rgba(255, 99, 71, 0.15);
      --glass-bg: rgba(26, 10, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffcdc2;
    }

    [data-theme="mediterranean-cuisine"] {
      --main-red: #0077be;
      --main-yellow: #66b3d9;
      --dark-bg: #001419;
      --card-bg: rgba(0, 119, 190, 0.15);
      --glass-bg: rgba(0, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ec;
    }

    [data-theme="korean-cuisine"] {
      --main-red: #c1121f;
      --main-yellow: #e05f6b;
      --dark-bg: #1a0204;
      --card-bg: rgba(193, 18, 31, 0.15);
      --glass-bg: rgba(26, 2, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0b0b5;
    }

    [data-theme="caribbean-cuisine"] {
      --main-red: #ffcc00;
      --main-yellow: #ffe066;
      --dark-bg: #1a1500;
      --card-bg: rgba(255, 204, 0, 0.15);
      --glass-bg: rgba(26, 21, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff2b3;
    }
	
	    /* ==================== SPORTS & ATHLETICS (10) ==================== */
    [data-theme="soccer-green"] {
      --main-red: #009900;
      --main-yellow: #66cc66;
      --dark-bg: #001a00;
      --card-bg: rgba(0, 153, 0, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3e6b3;
    }

    [data-theme="basketball-orange"] {
      --main-red: #ff6600;
      --main-yellow: #ffaa55;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="tennis-yellow"] {
      --main-red: #dfff00;
      --main-yellow: #efff66;
      --dark-bg: #1a1f00;
      --card-bg: rgba(223, 255, 0, 0.15);
      --glass-bg: rgba(26, 31, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #f7ffb3;
    }

    [data-theme="swimming-pool"] {
      --main-red: #00ced1;
      --main-yellow: #66e4e6;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 206, 209, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f2f3;
    }

    [data-theme="boxing-red"] {
      --main-red: #8b0000;
      --main-yellow: #cd5c5c;
      --dark-bg: #0a0000;
      --card-bg: rgba(139, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="golf-course"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="athletics-track"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="hockey-ice"] {
      --main-red: #b0e0e6;
      --main-yellow: #d8f0f6;
      --dark-bg: #1a262d;
      --card-bg: rgba(176, 224, 230, 0.15);
      --glass-bg: rgba(26, 38, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f4f7;
    }

    [data-theme="baseball-field"] {
      --main-red: #c41e3a;
      --main-yellow: #e6687a;
      --dark-bg: #0a0305;
      --card-bg: rgba(196, 30, 58, 0.15);
      --glass-bg: rgba(10, 3, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3b4bd;
    }

    [data-theme="cycling-tour"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    /* ==================== ZODIAC & ASTROLOGY (12) ==================== */
    [data-theme="aries-fire"] {
      --main-red: #ff2020;
      --main-yellow: #ff6666;
      --dark-bg: #1a0404;
      --card-bg: rgba(255, 32, 32, 0.15);
      --glass-bg: rgba(26, 4, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="taurus-earth"] {
      --main-red: #2e7d32;
      --main-yellow: #66bb6a;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(46, 125, 50, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ddb5;
    }

    [data-theme="gemini-air"] {
      --main-red: #ffeb3b;
      --main-yellow: #fff59d;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 235, 59, 0.15);
      --glass-bg: rgba(255, 250, 230, 0.75);
      --text-light: #3d3a00;
      --text-gray: #807a00;
    }

    [data-theme="cancer-water"] {
      --main-red: #90caf9;
      --main-yellow: #c8e5fc;
      --dark-bg: #1a2a3d;
      --card-bg: rgba(144, 202, 249, 0.15);
      --glass-bg: rgba(26, 42, 61, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4f2fe;
    }

    [data-theme="leo-sun"] {
      --main-red: #ffa000;
      --main-yellow: #ffcc66;
      --dark-bg: #1a1200;
      --card-bg: rgba(255, 160, 0, 0.15);
      --glass-bg: rgba(26, 18, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5b3;
    }

    [data-theme="virgo-earth"] {
      --main-red: #795548;
      --main-yellow: #bcaaa4;
      --dark-bg: #1a0f0a;
      --card-bg: rgba(121, 85, 72, 0.15);
      --glass-bg: rgba(26, 15, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #dfd5d2;
    }

    [data-theme="libra-air"] {
      --main-red: #f8bbd0;
      --main-yellow: #fce4ec;
      --dark-bg: #2d1a21;
      --card-bg: rgba(248, 187, 208, 0.15);
      --glass-bg: rgba(45, 26, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #fef2f6;
    }

    [data-theme="scorpio-water"] {
      --main-red: #4a148c;
      --main-yellow: #9c27b0;
      --dark-bg: #0a021a;
      --card-bg: rgba(74, 20, 140, 0.15);
      --glass-bg: rgba(10, 2, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ce93d8;
    }

    [data-theme="sagittarius-fire"] {
      --main-red: #ff5722;
      --main-yellow: #ff9877;
      --dark-bg: #1a0a05;
      --card-bg: rgba(255, 87, 34, 0.15);
      --glass-bg: rgba(26, 10, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffccbb;
    }

    [data-theme="capricorn-earth"] {
      --main-red: #424242;
      --main-yellow: #757575;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(66, 66, 66, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #bdbdbd;
    }

    [data-theme="aquarius-air"] {
      --main-red: #00acc1;
      --main-yellow: #66d0e0;
      --dark-bg: #001a1f;
      --card-bg: rgba(0, 172, 193, 0.15);
      --glass-bg: rgba(0, 26, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3e8f0;
    }

    [data-theme="pisces-water"] {
      --main-red: #7e57c2;
      --main-yellow: #b794e1;
      --dark-bg: #0f0a1f;
      --card-bg: rgba(126, 87, 194, 0.15);
      --glass-bg: rgba(15, 10, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #dbcaf0;
    }

    /* ==================== CHEMICAL ELEMENTS (10) ==================== */
    [data-theme="hydrogen-light"] {
      --main-red: #e3f2fd;
      --main-yellow: #ffffff;
      --dark-bg: #f5f9fe;
      --card-bg: rgba(227, 242, 253, 0.35);
      --glass-bg: rgba(245, 249, 254, 0.75);
      --text-light: #1a3a52;
      --text-gray: #4a6a8a;
    }

    [data-theme="helium-noble"] {
      --main-red: #ffecb3;
      --main-yellow: #fff5d9;
      --dark-bg: #2d2820;
      --card-bg: rgba(255, 236, 179, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fffaec;
    }

    [data-theme="carbon-black"] {
      --main-red: #212121;
      --main-yellow: #424242;
      --dark-bg: #000000;
      --card-bg: rgba(33, 33, 33, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #757575;
    }

    [data-theme="oxygen-blue"] {
      --main-red: #2196f3;
      --main-yellow: #90caf9;
      --dark-bg: #0a1929;
      --card-bg: rgba(33, 150, 243, 0.15);
      --glass-bg: rgba(10, 25, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #c8e5fc;
    }

    [data-theme="nitrogen-purple"] {
      --main-red: #673ab7;
      --main-yellow: #b39ddb;
      --dark-bg: #0a051a;
      --card-bg: rgba(103, 58, 183, 0.15);
      --glass-bg: rgba(10, 5, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9ceed;
    }

    [data-theme="neon-gas"] {
      --main-red: #ff3d00;
      --main-yellow: #ff8566;
      --dark-bg: #1a0600;
      --card-bg: rgba(255, 61, 0, 0.15);
      --glass-bg: rgba(26, 6, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc2aa;
    }

    [data-theme="gold-element"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="silver-element"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    [data-theme="uranium-green"] {
      --main-red: #39ff14;
      --main-yellow: #7dff66;
      --dark-bg: #0a1a05;
      --card-bg: rgba(57, 255, 20, 0.15);
      --glass-bg: rgba(10, 26, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #beffb3;
    }

    [data-theme="mercury-liquid"] {
      --main-red: #8a8a8a;
      --main-yellow: #c8c8c8;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(138, 138, 138, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4e4e4;
    }

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

    [data-theme="airplane-sky"] {
      --main-red: #87ceeb;
      --main-yellow: #b8e0f5;
      --dark-bg: #1a2a35;
      --card-bg: rgba(135, 206, 235, 0.15);
      --glass-bg: rgba(26, 42, 53, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9f0fa;
    }

    [data-theme="train-engine"] {
      --main-red: #2e2e2e;
      --main-yellow: #5e5e5e;
      --dark-bg: #000000;
      --card-bg: rgba(46, 46, 46, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #9e9e9e;
    }

    [data-theme="ship-nautical"] {
      --main-red: #000080;
      --main-yellow: #0000ff;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 128, 0.15);
      --glass-bg: rgba(0, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #9999ff;
    }

    [data-theme="motorcycle-chrome"] {
      --main-red: #7d7d7d;
      --main-yellow: #b8b8b8;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(125, 125, 125, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #dbdbdb;
    }

    [data-theme="taxi-yellow"] {
      --main-red: #fdb813;
      --main-yellow: #fecd58;
      --dark-bg: #1a1303;
      --card-bg: rgba(253, 184, 19, 0.15);
      --glass-bg: rgba(26, 19, 3, 0.65);
      --text-light: #ffffff;
      --text-gray: #fee6ac;
    }

    [data-theme="submarine-deep"] {
      --main-red: #001f3f;
      --main-yellow: #00476d;
      --dark-bg: #000000;
      --card-bg: rgba(0, 31, 63, 0.15);
      --glass-bg: rgba(0, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #99b3c6;
    }

    [data-theme="rocket-launch"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    [data-theme="bicycle-green"] {
      --main-red: #4caf50;
      --main-yellow: #81c784;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(76, 175, 80, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #c0e3c2;
    }

    [data-theme="hot-air-balloon"] {
      --main-red: #ff9800;
      --main-yellow: #ffcc80;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 152, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5bf;
    }

    /* ==================== MUSICAL INSTRUMENTS (10) ==================== */
    [data-theme="piano-keys"] {
      --main-red: #000000;
      --main-yellow: #ffffff;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #cccccc;
    }

    [data-theme="guitar-wood"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="violin-varnish"] {
      --main-red: #c04000;
      --main-yellow: #e67333;
      --dark-bg: #1a0800;
      --card-bg: rgba(192, 64, 0, 0.15);
      --glass-bg: rgba(26, 8, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3b999;
    }

    [data-theme="trumpet-brass"] {
      --main-red: #b8860b;
      --main-yellow: #daa520;
      --dark-bg: #1a1005;
      --card-bg: rgba(184, 134, 11, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #edd280;
    }

    [data-theme="drum-set"] {
      --main-red: #8b0000;
      --main-yellow: #cd5c5c;
      --dark-bg: #0a0000;
      --card-bg: rgba(139, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="saxophone-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="harp-silver"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    [data-theme="flute-silver"] {
      --main-red: #dcdcdc;
      --main-yellow: #f5f5f5;
      --dark-bg: #e8e8e8;
      --card-bg: rgba(220, 220, 220, 0.35);
      --glass-bg: rgba(232, 232, 232, 0.75);
      --text-light: #2a2a2a;
      --text-gray: #6a6a6a;
    }

    [data-theme="electric-guitar"] {
      --main-red: #ff00ff;
      --main-yellow: #ff66ff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="synthesizer-neon"] {
      --main-red: #00ffff;
      --main-yellow: #66ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    /* ==================== BOARD GAMES & CARDS (8) ==================== */
    [data-theme="chess-board"] {
      --main-red: #000000;
      --main-yellow: #ffffff;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #cccccc;
    }

    [data-theme="poker-cards"] {
      --main-red: #d40000;
      --main-yellow: #ff6666;
      --dark-bg: #1a0000;
      --card-bg: rgba(212, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="monopoly-money"] {
      --main-red: #00a550;
      --main-yellow: #66d299;
      --dark-bg: #001a0e;
      --card-bg: rgba(0, 165, 80, 0.15);
      --glass-bg: rgba(0, 26, 14, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3e9cc;
    }

    [data-theme="scrabble-tiles"] {
      --main-red: #f5deb3;
      --main-yellow: #faebd7;
      --dark-bg: #2d2820;
      --card-bg: rgba(245, 222, 179, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdf5eb;
    }

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

    [data-theme="backgammon-brown"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="checkers-red"] {
      --main-red: #b22222;
      --main-yellow: #cd5c5c;
      --dark-bg: #1a0505;
      --card-bg: rgba(178, 34, 34, 0.15);
      --glass-bg: rgba(26, 5, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="dominoes-black"] {
      --main-red: #1a1a1a;
      --main-yellow: #4a4a4a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #8a8a8a;
    }

    /* ==================== SOCIAL MEDIA PLATFORMS (10) ==================== */
    [data-theme="facebook-blue"] {
      --main-red: #1877f2;
      --main-yellow: #66a8f5;
      --dark-bg: #0a1729;
      --card-bg: rgba(24, 119, 242, 0.15);
      --glass-bg: rgba(10, 23, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d4fa;
    }

    [data-theme="twitter-sky"] {
      --main-red: #1da1f2;
      --main-yellow: #6ec0f6;
      --dark-bg: #0a1f29;
      --card-bg: rgba(29, 161, 242, 0.15);
      --glass-bg: rgba(10, 31, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b7e0fb;
    }

    [data-theme="instagram-gradient"] {
      --main-red: #e1306c;
      --main-yellow: #f77737;
      --dark-bg: #1a060d;
      --card-bg: rgba(225, 48, 108, 0.15);
      --glass-bg: rgba(26, 6, 13, 0.65);
      --text-light: #ffffff;
      --text-gray: #f09bb6;
    }

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

    [data-theme="linkedin-professional"] {
      --main-red: #0077b5;
      --main-yellow: #66b3da;
      --dark-bg: #001419;
      --card-bg: rgba(0, 119, 181, 0.15);
      --glass-bg: rgba(0, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ed;
    }

    [data-theme="tiktok-dark"] {
      --main-red: #000000;
      --main-yellow: #ff0050;
      --dark-bg: #000000;
      --card-bg: rgba(255, 0, 80, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #ff99cc;
    }

    [data-theme="snapchat-yellow"] {
      --main-red: #fffc00;
      --main-yellow: #fffd66;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 252, 0, 0.25);
      --glass-bg: rgba(255, 254, 200, 0.75);
      --text-light: #1a1a00;
      --text-gray: #666600;
    }

    [data-theme="pinterest-red"] {
      --main-red: #bd081c;
      --main-yellow: #de5666;
      --dark-bg: #1a0204;
      --card-bg: rgba(189, 8, 28, 0.15);
      --glass-bg: rgba(26, 2, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #efabb3;
    }

    [data-theme="reddit-orange"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    [data-theme="whatsapp-green"] {
      --main-red: #25d366;
      --main-yellow: #6ce69f;
      --dark-bg: #051a0d;
      --card-bg: rgba(37, 211, 102, 0.15);
      --glass-bg: rgba(5, 26, 13, 0.65);
      --text-light: #ffffff;
      --text-gray: #b6f3cf;
    }

    /* ==================== PROGRAMMING LANGUAGES (10) ==================== */
    [data-theme="python-blue"] {
      --main-red: #3776ab;
      --main-yellow: #7cb0d5;
      --dark-bg: #0a1419;
      --card-bg: rgba(55, 118, 171, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #bed8ea;
    }

    [data-theme="javascript-yellow"] {
      --main-red: #f7df1e;
      --main-yellow: #faeb6e;
      --dark-bg: #fffef5;
      --card-bg: rgba(247, 223, 30, 0.25);
      --glass-bg: rgba(255, 250, 200, 0.75);
      --text-light: #1a1a00;
      --text-gray: #666600;
    }

    [data-theme="java-red"] {
      --main-red: #f89820;
      --main-yellow: #fbbc68;
      --dark-bg: #1a0f00;
      --card-bg: rgba(248, 152, 32, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fddeb3;
    }

    [data-theme="cpp-blue"] {
      --main-red: #00599c;
      --main-yellow: #6699ce;
      --dark-bg: #001019;
      --card-bg: rgba(0, 89, 156, 0.15);
      --glass-bg: rgba(0, 16, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3cce7;
    }

    [data-theme="ruby-red"] {
      --main-red: #cc342d;
      --main-yellow: #e66a65;
      --dark-bg: #1a0605;
      --card-bg: rgba(204, 52, 45, 0.15);
      --glass-bg: rgba(26, 6, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3b5b2;
    }

    [data-theme="go-cyan"] {
      --main-red: #00add8;
      --main-yellow: #66d0ec;
      --dark-bg: #001a22;
      --card-bg: rgba(0, 173, 216, 0.15);
      --glass-bg: rgba(0, 26, 34, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3e8f6;
    }

    [data-theme="rust-orange"] {
      --main-red: #ce422b;
      --main-yellow: #e77865;
      --dark-bg: #1a0805;
      --card-bg: rgba(206, 66, 43, 0.15);
      --glass-bg: rgba(26, 8, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3bcb2;
    }

    [data-theme="swift-orange"] {
      --main-red: #fa7343;
      --main-yellow: #fc9a75;
      --dark-bg: #1a0f08;
      --card-bg: rgba(250, 115, 67, 0.15);
      --glass-bg: rgba(26, 15, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #fecdb9;
    }

    [data-theme="kotlin-purple"] {
      --main-red: #7f52ff;
      --main-yellow: #b395ff;
      --dark-bg: #0f0a1f;
      --card-bg: rgba(127, 82, 255, 0.15);
      --glass-bg: rgba(15, 10, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9caff;
    }

    [data-theme="typescript-blue"] {
      --main-red: #3178c6;
      --main-yellow: #74a9e3;
      --dark-bg: #0a1419;
      --card-bg: rgba(49, 120, 198, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #bad4f1;
    }

    /* ==================== HOLIDAYS & CELEBRATIONS (10) ==================== */
    [data-theme="christmas-red"] {
      --main-red: #c8102e;
      --main-yellow: #e06677;
      --dark-bg: #1a0206;
      --card-bg: rgba(200, 16, 46, 0.15);
      --glass-bg: rgba(26, 2, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0b3bb;
    }

    [data-theme="halloween-orange"] {
      --main-red: #ff6600;
      --main-yellow: #ffaa55;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="easter-pastel"] {
      --main-red: #ffb3e6;
      --main-yellow: #ffd6f0;
      --dark-bg: #2d1a25;
      --card-bg: rgba(255, 179, 230, 0.15);
      --glass-bg: rgba(45, 26, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf8;
    }

    [data-theme="valentines-pink"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="new-year-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="thanksgiving-autumn"] {
      --main-red: #d2691e;
      --main-yellow: #e6a577;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="independence-blue"] {
      --main-red: #002868;
      --main-yellow: #0052cc;
      --dark-bg: #000514;
      --card-bg: rgba(0, 40, 104, 0.15);
      --glass-bg: rgba(0, 5, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #99b3e6;
    }

    [data-theme="st-patricks-green"] {
      --main-red: #009a44;
      --main-yellow: #66cd8c;
      --dark-bg: #001a0c;
      --card-bg: rgba(0, 154, 68, 0.15);
      --glass-bg: rgba(0, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3e6c6;
    }

    [data-theme="mardi-gras"] {
      --main-red: #9d4edd;
      --main-yellow: #ffd700;
      --dark-bg: #1a0a29;
      --card-bg: rgba(157, 78, 221, 0.15);
      --glass-bg: rgba(26, 10, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0bfff;
    }

    [data-theme="diwali-lights"] {
      --main-red: #ff9933;
      --main-yellow: #ffcc99;
      --dark-bg: #1a1000;
      --card-bg: rgba(255, 153, 51, 0.15);
      --glass-bg: rgba(26, 16, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5cc;
    }

    /* ==================== SUPERHERO THEMES (10) ==================== */
    [data-theme="superman-blue"] {
      --main-red: #0099f7;
      --main-yellow: #f11712;
      --dark-bg: #001429;
      --card-bg: rgba(0, 153, 247, 0.15);
      --glass-bg: rgba(0, 20, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #99ccfb;
    }

    [data-theme="batman-black"] {
      --main-red: #000000;
      --main-yellow: #ffd700;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffd700;
      --text-gray: #ffeb99;
    }

    [data-theme="spiderman-red"] {
      --main-red: #df1f2d;
      --main-yellow: #2b3784;
      --dark-bg: #1a0405;
      --card-bg: rgba(223, 31, 45, 0.15);
      --glass-bg: rgba(26, 4, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #ef8f96;
    }

    [data-theme="hulk-green"] {
      --main-red: #5eaa00;
      --main-yellow: #9ed566;
      --dark-bg: #0c1a00;
      --card-bg: rgba(94, 170, 0, 0.15);
      --glass-bg: rgba(12, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #cfea99;
    }

    [data-theme="ironman-gold"] {
      --main-red: #aa0505;
      --main-yellow: #fdb813;
      --dark-bg: #1a0000;
      --card-bg: rgba(170, 5, 5, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #dd8282;
    }

    [data-theme="captain-america"] {
      --main-red: #ed1d23;
      --main-yellow: #0c7bdc;
      --dark-bg: #1a0304;
      --card-bg: rgba(237, 29, 35, 0.15);
      --glass-bg: rgba(26, 3, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #f68e91;
    }

    [data-theme="wonder-woman"] {
      --main-red: #dc143c;
      --main-yellow: #ffd700;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ee8a9e;
    }

    [data-theme="flash-lightning"] {
      --main-red: #dc0c0c;
      --main-yellow: #ffd700;
      --dark-bg: #1a0202;
      --card-bg: rgba(220, 12, 12, 0.15);
      --glass-bg: rgba(26, 2, 2, 0.65);
      --text-light: #ffffff;
      --text-gray: #ee8686;
    }

    [data-theme="green-lantern"] {
      --main-red: #00a550;
      --main-yellow: #66d299;
      --dark-bg: #001a0e;
      --card-bg: rgba(0, 165, 80, 0.15);
      --glass-bg: rgba(0, 26, 14, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3e9cc;
    }

    [data-theme="thor-thunder"] {
      --main-red: #0e7490;
      --main-yellow: #67b8d0;
      --dark-bg: #021419;
      --card-bg: rgba(14, 116, 144, 0.15);
      --glass-bg: rgba(2, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3dce8;
    }
	
	    /* ==================== ANIMALS & WILDLIFE (10) ==================== */
    [data-theme="tiger-stripes"] {
      --main-red: #ff8c00;
      --main-yellow: #000000;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="peacock-feather"] {
      --main-red: #1e90ff;
      --main-yellow: #00ced1;
      --dark-bg: #001429;
      --card-bg: rgba(30, 144, 255, 0.15);
      --glass-bg: rgba(0, 20, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    [data-theme="flamingo-pink"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="elephant-gray"] {
      --main-red: #808080;
      --main-yellow: #b8b8b8;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d8d8d8;
    }

    [data-theme="parrot-tropical"] {
      --main-red: #ff0000;
      --main-yellow: #00ff00;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="butterfly-wings"] {
      --main-red: #ff00ff;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="zebra-pattern"] {
      --main-red: #000000;
      --main-yellow: #ffffff;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #cccccc;
    }

    [data-theme="dolphin-blue"] {
      --main-red: #4682b4;
      --main-yellow: #87ceeb;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e0f5;
    }

    [data-theme="fox-orange"] {
      --main-red: #ff6600;
      --main-yellow: #ffaa55;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="panda-monochrome"] {
      --main-red: #ffffff;
      --main-yellow: #000000;
      --dark-bg: #fafafa;
      --card-bg: rgba(128, 128, 128, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    /* ==================== FRUITS & VEGETABLES (10) ==================== */
    [data-theme="apple-red"] {
      --main-red: #ff0800;
      --main-yellow: #ff5656;
      --dark-bg: #1a0200;
      --card-bg: rgba(255, 8, 0, 0.15);
      --glass-bg: rgba(26, 2, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffabab;
    }

    [data-theme="banana-yellow"] {
      --main-red: #ffe135;
      --main-yellow: #fff27a;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 225, 53, 0.25);
      --glass-bg: rgba(255, 252, 200, 0.75);
      --text-light: #3d3a00;
      --text-gray: #807a00;
    }

    [data-theme="avocado-green"] {
      --main-red: #568203;
      --main-yellow: #a9c466;
      --dark-bg: #0a1000;
      --card-bg: rgba(86, 130, 3, 0.15);
      --glass-bg: rgba(10, 16, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4e2b3;
    }

    [data-theme="watermelon-pink"] {
      --main-red: #fc6c85;
      --main-yellow: #fda5b5;
      --dark-bg: #1a0d10;
      --card-bg: rgba(252, 108, 133, 0.15);
      --glass-bg: rgba(26, 13, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #fed2da;
    }

    [data-theme="carrot-orange"] {
      --main-red: #ed9121;
      --main-yellow: #f4b860;
      --dark-bg: #1a1002;
      --card-bg: rgba(237, 145, 33, 0.15);
      --glass-bg: rgba(26, 16, 2, 0.65);
      --text-light: #ffffff;
      --text-gray: #fadbaf;
    }

    [data-theme="eggplant-purple"] {
      --main-red: #614051;
      --main-yellow: #9d7389;
      --dark-bg: #0c0808;
      --card-bg: rgba(97, 64, 81, 0.15);
      --glass-bg: rgba(12, 8, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #ceb9c4;
    }

    [data-theme="lettuce-fresh"] {
      --main-red: #a1c45a;
      --main-yellow: #c8e2ad;
      --dark-bg: #141a0b;
      --card-bg: rgba(161, 196, 90, 0.15);
      --glass-bg: rgba(20, 26, 11, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4f1d6;
    }

    [data-theme="tomato-red"] {
      --main-red: #ff6347;
      --main-yellow: #ff9b85;
      --dark-bg: #1a0a07;
      --card-bg: rgba(255, 99, 71, 0.15);
      --glass-bg: rgba(26, 10, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffcdc2;
    }

    [data-theme="pineapple-tropical"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="broccoli-green"] {
      --main-red: #2e7d32;
      --main-yellow: #66bb6a;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(46, 125, 50, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ddb5;
    }

    /* ==================== WEATHER PHENOMENA EXTENDED (10) ==================== */
    [data-theme="aurora-green"] {
      --main-red: #00ff7f;
      --main-yellow: #66ffb3;
      --dark-bg: #001a0f;
      --card-bg: rgba(0, 255, 127, 0.15);
      --glass-bg: rgba(0, 26, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffd9;
    }

    [data-theme="sandstorm-brown"] {
      --main-red: #c19a6b;
      --main-yellow: #ebdaab;
      --dark-bg: #1a1510;
      --card-bg: rgba(193, 154, 107, 0.15);
      --glass-bg: rgba(26, 21, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5ecd5;
    }

    [data-theme="frost-white"] {
      --main-red: #f0f8ff;
      --main-yellow: #ffffff;
      --dark-bg: #fafeff;
      --card-bg: rgba(240, 248, 255, 0.35);
      --glass-bg: rgba(250, 254, 255, 0.75);
      --text-light: #1a2a3a;
      --text-gray: #4a5a6a;
    }

    [data-theme="heat-wave"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    [data-theme="monsoon-gray"] {
      --main-red: #708090;
      --main-yellow: #cbd5e1;
      --dark-bg: #0f172a;
      --card-bg: rgba(112, 128, 144, 0.15);
      --glass-bg: rgba(15, 23, 42, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2e8f0;
    }

    [data-theme="dew-drops"] {
      --main-red: #e0f2f1;
      --main-yellow: #ffffff;
      --dark-bg: #f5fffe;
      --card-bg: rgba(224, 242, 241, 0.35);
      --glass-bg: rgba(245, 255, 254, 0.75);
      --text-light: #1a2d2c;
      --text-gray: #4a5d5c;
    }

    [data-theme="hurricane-eye"] {
      --main-red: #2c3e50;
      --main-yellow: #7f8c8d;
      --dark-bg: #0a0c0f;
      --card-bg: rgba(44, 62, 80, 0.15);
      --glass-bg: rgba(10, 12, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #bfc6c6;
    }

    [data-theme="blizzard-white"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="drought-earth"] {
      --main-red: #8b7355;
      --main-yellow: #c9b8a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 115, 85, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcd0;
    }

    [data-theme="typhoon-teal"] {
      --main-red: #008b8b;
      --main-yellow: #66c5c5;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 139, 139, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3e2e2;
    }

    /* ==================== DANCE & BALLET (10) ==================== */
    [data-theme="ballet-pink"] {
      --main-red: #ffc0cb;
      --main-yellow: #ffe0e5;
      --dark-bg: #2d1a1e;
      --card-bg: rgba(255, 192, 203, 0.15);
      --glass-bg: rgba(45, 26, 30, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff0f2;
    }

    [data-theme="tango-passion"] {
      --main-red: #8b0000;
      --main-yellow: #cd5c5c;
      --dark-bg: #0a0000;
      --card-bg: rgba(139, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="salsa-orange"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    [data-theme="hip-hop-street"] {
      --main-red: #1a1a1a;
      --main-yellow: #4a4a4a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #8a8a8a;
    }

    [data-theme="waltz-elegance"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="flamenco-fire"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="contemporary-cool"] {
      --main-red: #4a90e2;
      --main-yellow: #86c5ff;
      --dark-bg: #0a1419;
      --card-bg: rgba(74, 144, 226, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e2ff;
    }

    [data-theme="jazz-dance"] {
      --main-red: #663399;
      --main-yellow: #aa77dd;
      --dark-bg: #0a0513;
      --card-bg: rgba(102, 51, 153, 0.15);
      --glass-bg: rgba(10, 5, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5bbee;
    }

    [data-theme="breakdance-neon"] {
      --main-red: #00ff00;
      --main-yellow: #66ff66;
      --dark-bg: #001a00;
      --card-bg: rgba(0, 255, 0, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffb3;
    }

    [data-theme="ballroom-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    /* ==================== LITERATURE & BOOKS (10) ==================== */
    [data-theme="classic-novel"] {
      --main-red: #8b7355;
      --main-yellow: #c9b8a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 115, 85, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcd0;
    }

    [data-theme="poetry-lavender"] {
      --main-red: #e6e6fa;
      --main-yellow: #f5f5ff;
      --dark-bg: #2d2d3a;
      --card-bg: rgba(230, 230, 250, 0.15);
      --glass-bg: rgba(45, 45, 58, 0.65);
      --text-light: #ffffff;
      --text-gray: #fafaff;
    }

    [data-theme="mystery-novel"] {
      --main-red: #2d0000;
      --main-yellow: #5a0000;
      --dark-bg: #000000;
      --card-bg: rgba(45, 0, 0, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #996666;
    }

    [data-theme="fantasy-book"] {
      --main-red: #9966cc;
      --main-yellow: #c7aaee;
      --dark-bg: #1a1021;
      --card-bg: rgba(153, 102, 204, 0.15);
      --glass-bg: rgba(26, 16, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #e3d4f7;
    }

    [data-theme="romance-novel"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="sci-fi-book"] {
      --main-red: #00bfff;
      --main-yellow: #66d9ff;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="textbook-blue"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="comic-book"] {
      --main-red: #ff0000;
      --main-yellow: #ffff00;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="biography-brown"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    [data-theme="magazine-glossy"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    /* ==================== SCIENCE FICTION CONCEPTS (10) ==================== */
    [data-theme="time-travel"] {
      --main-red: #4a90e2;
      --main-yellow: #86c5ff;
      --dark-bg: #0a1419;
      --card-bg: rgba(74, 144, 226, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e2ff;
    }

    [data-theme="parallel-universe"] {
      --main-red: #9d00ff;
      --main-yellow: #c666ff;
      --dark-bg: #0f001a;
      --card-bg: rgba(157, 0, 255, 0.15);
      --glass-bg: rgba(15, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6b3ff;
    }

    [data-theme="alien-world"] {
      --main-red: #39ff14;
      --main-yellow: #7dff66;
      --dark-bg: #0a1a05;
      --card-bg: rgba(57, 255, 20, 0.15);
      --glass-bg: rgba(10, 26, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #beffb3;
    }

    [data-theme="dystopian-future"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="teleportation"] {
      --main-red: #00ffff;
      --main-yellow: #66ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    [data-theme="force-field"] {
      --main-red: #ff00ff;
      --main-yellow: #ff66ff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="warp-drive"] {
      --main-red: #0080ff;
      --main-yellow: #66b3ff;
      --dark-bg: #001019;
      --card-bg: rgba(0, 128, 255, 0.15);
      --glass-bg: rgba(0, 16, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    [data-theme="antimatter"] {
      --main-red: #1a1a1a;
      --main-yellow: #3a3a3a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #7a7a7a;
    }

    [data-theme="nano-tech"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    [data-theme="cryogenic"] {
      --main-red: #b0e0e6;
      --main-yellow: #d8f0f6;
      --dark-bg: #1a262d;
      --card-bg: rgba(176, 224, 230, 0.15);
      --glass-bg: rgba(26, 38, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f4f7;
    }

    /* ==================== ANCIENT CIVILIZATIONS (10) ==================== */
    [data-theme="ancient-egypt"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    [data-theme="ancient-rome"] {
      --main-red: #800020;
      --main-yellow: #c04040;
      --dark-bg: #0a0004;
      --card-bg: rgba(128, 0, 32, 0.15);
      --glass-bg: rgba(10, 0, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #e09999;
    }

    [data-theme="ancient-greece"] {
      --main-red: #0077be;
      --main-yellow: #66b3d9;
      --dark-bg: #001419;
      --card-bg: rgba(0, 119, 190, 0.15);
      --glass-bg: rgba(0, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ec;
    }

    [data-theme="mayan-temple"] {
      --main-red: #00a86b;
      --main-yellow: #5cd6a0;
      --dark-bg: #0a1a12;
      --card-bg: rgba(0, 168, 107, 0.15);
      --glass-bg: rgba(10, 26, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #aeebd0;
    }

    [data-theme="aztec-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="viking-raid"] {
      --main-red: #4b4b4b;
      --main-yellow: #8b8b8b;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(75, 75, 75, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #cbcbcb;
    }

    [data-theme="persian-empire"] {
      --main-red: #663399;
      --main-yellow: #aa77dd;
      --dark-bg: #0a0513;
      --card-bg: rgba(102, 51, 153, 0.15);
      --glass-bg: rgba(10, 5, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5bbee;
    }

    [data-theme="babylonian"] {
      --main-red: #0f52ba;
      --main-yellow: #6598ce;
      --dark-bg: #020a1a;
      --card-bg: rgba(15, 82, 186, 0.15);
      --glass-bg: rgba(2, 10, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b2cce7;
    }

    [data-theme="ottoman-empire"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="inca-civilization"] {
      --main-red: #cd7f32;
      --main-yellow: #e6a95c;
      --dark-bg: #1a0f06;
      --card-bg: rgba(205, 127, 50, 0.15);
      --glass-bg: rgba(26, 15, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d496;
    }

    /* ==================== MODERN ART MOVEMENTS (10) ==================== */
    [data-theme="pop-art"] {
      --main-red: #ff1493;
      --main-yellow: #00ffff;
      --dark-bg: #1a0014;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="abstract-expressionism"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    [data-theme="cubism"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="surrealism"] {
      --main-red: #9370db;
      --main-yellow: #c9b8e7;
      --dark-bg: #1a1425;
      --card-bg: rgba(147, 112, 219, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcf3;
    }

    [data-theme="minimalism-art"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="impressionism"] {
      --main-red: #89cff0;
      --main-yellow: #b9e3fa;
      --dark-bg: #1a242d;
      --card-bg: rgba(137, 207, 240, 0.15);
      --glass-bg: rgba(26, 36, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #d1ecfb;
    }

    [data-theme="fauvism"] {
      --main-red: #ff00ff;
      --main-yellow: #ff6600;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="dadaism"] {
      --main-red: #ffff00;
      --main-yellow: #000000;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 0, 0.25);
      --glass-bg: rgba(255, 252, 200, 0.75);
      --text-light: #000000;
      --text-gray: #666600;
    }

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

    [data-theme="futurism"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    /* ==================== COCKTAILS & DRINKS (10) ==================== */
    [data-theme="martini-olive"] {
      --main-red: #808000;
      --main-yellow: #b3b366;
      --dark-bg: #1a1a00;
      --card-bg: rgba(128, 128, 0, 0.15);
      --glass-bg: rgba(26, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9d999;
    }

    [data-theme="pina-colada"] {
      --main-red: #fffacd;
      --main-yellow: #ffffff;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 250, 205, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="bloody-mary"] {
      --main-red: #ff0000;
      --main-yellow: #ff6666;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="long-island"] {
      --main-red: #d2691e;
      --main-yellow: #e6a577;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="manhattan-cocktail"] {
      --main-red: #722f37;
      --main-yellow: #b85865;
      --dark-bg: #1a0a0c;
      --card-bg: rgba(114, 47, 55, 0.15);
      --glass-bg: rgba(26, 10, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #e59aa5;
    }

    [data-theme="tequila-sunrise"] {
      --main-red: #ff8c00;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="moscow-mule"] {
      --main-red: #b8860b;
      --main-yellow: #daa520;
      --dark-bg: #1a1005;
      --card-bg: rgba(184, 134, 11, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #edd280;
    }

    [data-theme="mai-tai"] {
      --main-red: #ff6347;
      --main-yellow: #ff9b85;
      --dark-bg: #1a0a07;
      --card-bg: rgba(255, 99, 71, 0.15);
      --glass-bg: rgba(26, 10, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffcdc2;
    }

    [data-theme="whiskey-sour"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    [data-theme="daiquiri-lime"] {
      --main-red: #32cd32;
      --main-yellow: #99e699;
      --dark-bg: #061a06;
      --card-bg: rgba(50, 205, 50, 0.15);
      --glass-bg: rgba(6, 26, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccf3cc;
    }

    /* ==================== OUTDOOR ACTIVITIES (10) ==================== */
    [data-theme="camping-forest"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="surfing-wave"] {
      --main-red: #00ced1;
      --main-yellow: #66e4e6;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 206, 209, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f2f3;
    }

    [data-theme="hiking-trail"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="skiing-snow"] {
      --main-red: #f0f8ff;
      --main-yellow: #ffffff;
      --dark-bg: #fafeff;
      --card-bg: rgba(240, 248, 255, 0.35);
      --glass-bg: rgba(250, 254, 255, 0.75);
      --text-light: #1a2a3a;
      --text-gray: #4a5a6a;
    }

    [data-theme="rock-climbing"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="fishing-lake"] {
      --main-red: #4682b4;
      --main-yellow: #87ceeb;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e0f5;
    }

    [data-theme="kayaking-river"] {
      --main-red: #00bfff;
      --main-yellow: #66d9ff;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="mountain-biking"] {
      --main-red: #d2691e;
      --main-yellow: #e6a577;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="paragliding-sky"] {
      --main-red: #87ceeb;
      --main-yellow: #b8e0f5;
      --dark-bg: #1a2a35;
      --card-bg: rgba(135, 206, 235, 0.15);
      --glass-bg: rgba(26, 42, 53, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9f0fa;
    }

    [data-theme="scuba-diving"] {
      --main-red: #001f3f;
      --main-yellow: #00476d;
      --dark-bg: #000000;
      --card-bg: rgba(0, 31, 63, 0.15);
      --glass-bg: rgba(0, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #99b3c6;
    }
	
	    /* ==================== PROFESSIONS & JOBS (10) ==================== */
    [data-theme="doctor-white"] {
      --main-red: #ffffff;
      --main-yellow: #f0f8ff;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #0066cc;
      --text-gray: #4a4a4a;
    }

    [data-theme="firefighter-red"] {
      --main-red: #ff0000;
      --main-yellow: #ffd700;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="police-blue"] {
      --main-red: #003f88;
      --main-yellow: #66a3d9;
      --dark-bg: #000a14;
      --card-bg: rgba(0, 63, 136, 0.15);
      --glass-bg: rgba(0, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d1ed;
    }

    [data-theme="teacher-green"] {
      --main-red: #2e7d32;
      --main-yellow: #66bb6a;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(46, 125, 50, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ddb5;
    }

    [data-theme="chef-burgundy"] {
      --main-red: #722f37;
      --main-yellow: #b85865;
      --dark-bg: #1a0a0c;
      --card-bg: rgba(114, 47, 55, 0.15);
      --glass-bg: rgba(26, 10, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #e59aa5;
    }

    [data-theme="pilot-sky"] {
      --main-red: #00bfff;
      --main-yellow: #87ceeb;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="engineer-orange"] {
      --main-red: #ff8c00;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="artist-palette"] {
      --main-red: #ff00ff;
      --main-yellow: #ffff00;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="lawyer-black"] {
      --main-red: #1a1a1a;
      --main-yellow: #4a4a4a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #8a8a8a;
    }

    [data-theme="nurse-teal"] {
      --main-red: #20b2aa;
      --main-yellow: #6cd2cc;
      --dark-bg: #041a19;
      --card-bg: rgba(32, 178, 170, 0.15);
      --glass-bg: rgba(4, 26, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b6e9e6;
    }

    /* ==================== CHILDHOOD & TOYS (10) ==================== */
    [data-theme="lego-blocks"] {
      --main-red: #ff0000;
      --main-yellow: #00ff00;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="teddy-bear"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="barbie-pink"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="action-figure"] {
      --main-red: #0066cc;
      --main-yellow: #66a8e0;
      --dark-bg: #001429;
      --card-bg: rgba(0, 102, 204, 0.15);
      --glass-bg: rgba(0, 20, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d4f0;
    }

    [data-theme="playground-colors"] {
      --main-red: #ffd700;
      --main-yellow: #ff6600;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="crayon-box"] {
      --main-red: #ff00ff;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="toy-train"] {
      --main-red: #dc143c;
      --main-yellow: #4169e1;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="dollhouse-pastel"] {
      --main-red: #ffb3e6;
      --main-yellow: #ffd6f0;
      --dark-bg: #2d1a25;
      --card-bg: rgba(255, 179, 230, 0.15);
      --glass-bg: rgba(45, 26, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf8;
    }

    [data-theme="puzzle-pieces"] {
      --main-red: #32cd32;
      --main-yellow: #ffff00;
      --dark-bg: #061a06;
      --card-bg: rgba(50, 205, 50, 0.15);
      --glass-bg: rgba(6, 26, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccf3cc;
    }

    [data-theme="marbles-glass"] {
      --main-red: #4682b4;
      --main-yellow: #87ceeb;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e0f5;
    }

    /* ==================== CASINO & GAMBLING (10) ==================== */
    [data-theme="vegas-neon"] {
      --main-red: #ff00ff;
      --main-yellow: #ffd700;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="roulette-red"] {
      --main-red: #dc143c;
      --main-yellow: #000000;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="blackjack-green"] {
      --main-red: #006400;
      --main-yellow: #66b266;
      --dark-bg: #001a00;
      --card-bg: rgba(0, 100, 0, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9b3;
    }

    [data-theme="slot-machine"] {
      --main-red: #ffd700;
      --main-yellow: #ff0000;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="poker-chip"] {
      --main-red: #0000ff;
      --main-yellow: #ffffff;
      --dark-bg: #00001a;
      --card-bg: rgba(0, 0, 255, 0.15);
      --glass-bg: rgba(0, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3b3ff;
    }

    [data-theme="craps-dice"] {
      --main-red: #ffffff;
      --main-yellow: #ff0000;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #ff0000;
      --text-gray: #4a4a4a;
    }

    [data-theme="jackpot-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="baccarat-crystal"] {
      --main-red: #e0ffff;
      --main-yellow: #ffffff;
      --dark-bg: #f5ffff;
      --card-bg: rgba(224, 255, 255, 0.35);
      --glass-bg: rgba(245, 255, 255, 0.75);
      --text-light: #1a3a3a;
      --text-gray: #4a6a6a;
    }

    [data-theme="lottery-balls"] {
      --main-red: #ff69b4;
      --main-yellow: #00ffff;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="casino-royale"] {
      --main-red: #800020;
      --main-yellow: #d4af37;
      --dark-bg: #0a0004;
      --card-bg: rgba(128, 0, 32, 0.15);
      --glass-bg: rgba(10, 0, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #e09999;
    }

    /* ==================== MILITARY & WARFARE (10) ==================== */
    [data-theme="army-green"] {
      --main-red: #4b5320;
      --main-yellow: #8b956d;
      --dark-bg: #0a0b05;
      --card-bg: rgba(75, 83, 32, 0.15);
      --glass-bg: rgba(10, 11, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #c5cab6;
    }

    [data-theme="navy-seal"] {
      --main-red: #000080;
      --main-yellow: #0000ff;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 128, 0.15);
      --glass-bg: rgba(0, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #9999ff;
    }

    [data-theme="air-force"] {
      --main-red: #00308f;
      --main-yellow: #6699c7;
      --dark-bg: #00061a;
      --card-bg: rgba(0, 48, 143, 0.15);
      --glass-bg: rgba(0, 6, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3cce3;
    }

    [data-theme="marine-corps"] {
      --main-red: #c8102e;
      --main-yellow: #ffd700;
      --dark-bg: #1a0206;
      --card-bg: rgba(200, 16, 46, 0.15);
      --glass-bg: rgba(26, 2, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0b3bb;
    }

    [data-theme="tank-armor"] {
      --main-red: #36454f;
      --main-yellow: #647481;
      --dark-bg: #0a0e11;
      --card-bg: rgba(54, 69, 79, 0.15);
      --glass-bg: rgba(10, 14, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #9baab8;
    }

    [data-theme="camouflage"] {
      --main-red: #78866b;
      --main-yellow: #a4b494;
      --dark-bg: #141611;
      --card-bg: rgba(120, 134, 107, 0.15);
      --glass-bg: rgba(20, 22, 17, 0.65);
      --text-light: #ffffff;
      --text-gray: #d2d9ca;
    }

    [data-theme="medal-bronze"] {
      --main-red: #cd7f32;
      --main-yellow: #e6a95c;
      --dark-bg: #1a0f06;
      --card-bg: rgba(205, 127, 50, 0.15);
      --glass-bg: rgba(26, 15, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d496;
    }

    [data-theme="submarine-gray"] {
      --main-red: #708090;
      --main-yellow: #cbd5e1;
      --dark-bg: #0f172a;
      --card-bg: rgba(112, 128, 144, 0.15);
      --glass-bg: rgba(15, 23, 42, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2e8f0;
    }

    [data-theme="fighter-jet"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    [data-theme="warship-steel"] {
      --main-red: #71797e;
      --main-yellow: #a3abad;
      --dark-bg: #0a0c0d;
      --card-bg: rgba(113, 121, 126, 0.15);
      --glass-bg: rgba(10, 12, 13, 0.65);
      --text-light: #ffffff;
      --text-gray: #c4c8ca;
    }

    /* ==================== FASHION & RUNWAY (10) ==================== */
    [data-theme="haute-couture"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="runway-lights"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

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

    [data-theme="vogue-red"] {
      --main-red: #ff0000;
      --main-yellow: #ff6666;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="chanel-elegance"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #faf8f0;
      --card-bg: rgba(245, 245, 220, 0.25);
      --glass-bg: rgba(240, 238, 230, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="milan-chic"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="paris-fashion"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="streetwear-neon"] {
      --main-red: #00ff00;
      --main-yellow: #ff00ff;
      --dark-bg: #001a00;
      --card-bg: rgba(0, 255, 0, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffb3;
    }

    [data-theme="vintage-boutique"] {
      --main-red: #dda0dd;
      --main-yellow: #efc6ef;
      --dark-bg: #2d1a2d;
      --card-bg: rgba(221, 160, 221, 0.15);
      --glass-bg: rgba(45, 26, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5d9f5;
    }

    [data-theme="fashion-week"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    /* ==================== KITCHEN & COOKING TOOLS (10) ==================== */
    [data-theme="stainless-steel"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    [data-theme="copper-pot"] {
      --main-red: #b87333;
      --main-yellow: #d99e6b;
      --dark-bg: #1a1005;
      --card-bg: rgba(184, 115, 51, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #edcfa5;
    }

    [data-theme="cast-iron"] {
      --main-red: #2e2e2e;
      --main-yellow: #5e5e5e;
      --dark-bg: #000000;
      --card-bg: rgba(46, 46, 46, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #9e9e9e;
    }

    [data-theme="wooden-spoon"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="ceramic-bowl"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #faf8f0;
      --card-bg: rgba(245, 245, 220, 0.25);
      --glass-bg: rgba(240, 238, 230, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="mixer-red"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="blender-green"] {
      --main-red: #32cd32;
      --main-yellow: #99e699;
      --dark-bg: #061a06;
      --card-bg: rgba(50, 205, 50, 0.15);
      --glass-bg: rgba(6, 26, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccf3cc;
    }

    [data-theme="oven-black"] {
      --main-red: #1a1a1a;
      --main-yellow: #4a4a4a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #8a8a8a;
    }

    [data-theme="refrigerator-white"] {
      --main-red: #f8f8f8;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(248, 248, 248, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="cutting-board"] {
      --main-red: #deb887;
      --main-yellow: #f5deb3;
      --dark-bg: #2d2820;
      --card-bg: rgba(222, 184, 135, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #faebd7;
    }

    /* ==================== OFFICE & STATIONERY (10) ==================== */
    [data-theme="paperclip-silver"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    [data-theme="highlighter-yellow"] {
      --main-red: #ffff00;
      --main-yellow: #ffff66;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 0, 0.25);
      --glass-bg: rgba(255, 252, 200, 0.75);
      --text-light: #1a1a00;
      --text-gray: #666600;
    }

    [data-theme="stapler-red"] {
      --main-red: #ff0000;
      --main-yellow: #ff6666;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="notebook-blue"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="pen-black"] {
      --main-red: #000000;
      --main-yellow: #333333;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #7a7a7a;
    }

    [data-theme="sticky-note"] {
      --main-red: #fff740;
      --main-yellow: #fffb86;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 247, 64, 0.25);
      --glass-bg: rgba(255, 252, 200, 0.75);
      --text-light: #3d3a00;
      --text-gray: #807a00;
    }

    [data-theme="calculator-gray"] {
      --main-red: #808080;
      --main-yellow: #b8b8b8;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d8d8d8;
    }

    [data-theme="whiteboard"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="filing-cabinet"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="desk-lamp"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    /* ==================== YOGA & MEDITATION (10) ==================== */
    [data-theme="zen-garden"] {
      --main-red: #93c572;
      --main-yellow: #c5e1a5;
      --dark-bg: #1a2514;
      --card-bg: rgba(147, 197, 114, 0.15);
      --glass-bg: rgba(26, 37, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f0d2;
    }

    [data-theme="chakra-rainbow"] {
      --main-red: #ff00ff;
      --main-yellow: #00ff00;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="lotus-pink"] {
      --main-red: #ffb3d9;
      --main-yellow: #ffd6e8;
      --dark-bg: #2d1a21;
      --card-bg: rgba(255, 179, 217, 0.15);
      --glass-bg: rgba(45, 26, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf0;
    }

    [data-theme="meditation-purple"] {
      --main-red: #9370db;
      --main-yellow: #c9b8e7;
      --dark-bg: #1a1425;
      --card-bg: rgba(147, 112, 219, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcf3;
    }

    [data-theme="namaste-orange"] {
      --main-red: #ff9933;
      --main-yellow: #ffcc99;
      --dark-bg: #1a1000;
      --card-bg: rgba(255, 153, 51, 0.15);
      --glass-bg: rgba(26, 16, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5cc;
    }

    [data-theme="om-symbol"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="yoga-mat"] {
      --main-red: #8fbc8f;
      --main-yellow: #c5dec5;
      --dark-bg: #1a201a;
      --card-bg: rgba(143, 188, 143, 0.15);
      --glass-bg: rgba(26, 32, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2eee2;
    }

    [data-theme="incense-brown"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="crystal-healing"] {
      --main-red: #e0bbff;
      --main-yellow: #f0ddff;
      --dark-bg: #2d1a3a;
      --card-bg: rgba(224, 187, 255, 0.15);
      --glass-bg: rgba(45, 26, 58, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8eeff;
    }

    [data-theme="mindfulness-blue"] {
      --main-red: #87ceeb;
      --main-yellow: #b8e0f5;
      --dark-bg: #1a2a35;
      --card-bg: rgba(135, 206, 235, 0.15);
      --glass-bg: rgba(26, 42, 53, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9f0fa;
    }

    /* ==================== PIRATES & MARITIME (10) ==================== */
    [data-theme="pirate-ship"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="treasure-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="jolly-roger"] {
      --main-red: #000000;
      --main-yellow: #ffffff;
      --dark-bg: #000000;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #cccccc;
    }

    [data-theme="caribbean-sea"] {
      --main-red: #00ced1;
      --main-yellow: #66e4e6;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 206, 209, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f2f3;
    }

    [data-theme="parrot-colors"] {
      --main-red: #ff0000;
      --main-yellow: #00ff00;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="rum-barrel"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    [data-theme="compass-brass"] {
      --main-red: #b8860b;
      --main-yellow: #daa520;
      --dark-bg: #1a1005;
      --card-bg: rgba(184, 134, 11, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #edd280;
    }

    [data-theme="mermaid-lagoon"] {
      --main-red: #48d1cc;
      --main-yellow: #7ee8e3;
      --dark-bg: #0a1a19;
      --card-bg: rgba(72, 209, 204, 0.15);
      --glass-bg: rgba(10, 26, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #bff4f1;
    }

    [data-theme="cannon-smoke"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="anchor-rust"] {
      --main-red: #b7410e;
      --main-yellow: #e67533;
      --dark-bg: #1a0802;
      --card-bg: rgba(183, 65, 14, 0.15);
      --glass-bg: rgba(26, 8, 2, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3ba99;
    }

    /* ==================== CIRCUS & CARNIVAL (10) ==================== */
    [data-theme="big-top"] {
      --main-red: #ff0000;
      --main-yellow: #ffffff;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="clown-colors"] {
      --main-red: #ff00ff;
      --main-yellow: #ffff00;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="ferris-wheel"] {
      --main-red: #00bfff;
      --main-yellow: #87ceeb;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="cotton-candy"] {
      --main-red: #ffb3e6;
      --main-yellow: #ffd6f0;
      --dark-bg: #2d1a25;
      --card-bg: rgba(255, 179, 230, 0.15);
      --glass-bg: rgba(45, 26, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf8;
    }

    [data-theme="carousel-horses"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="popcorn-yellow"] {
      --main-red: #fffacd;
      --main-yellow: #ffffff;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 250, 205, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="ticket-booth"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="juggler-balls"] {
      --main-red: #32cd32;
      --main-yellow: #ff6600;
      --dark-bg: #061a06;
      --card-bg: rgba(50, 205, 50, 0.15);
      --glass-bg: rgba(6, 26, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccf3cc;
    }

    [data-theme="acrobat-silk"] {
      --main-red: #9370db;
      --main-yellow: #c9b8e7;
      --dark-bg: #1a1425;
      --card-bg: rgba(147, 112, 219, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcf3;
    }

    [data-theme="carnival-lights"] {
      --main-red: #ffff00;
      --main-yellow: #ff00ff;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 0, 0.25);
      --glass-bg: rgba(255, 252, 200, 0.75);
      --text-light: #ff00ff;
      --text-gray: #666600;
    }
	
	    /* ==================== HOBBIES & CRAFTS (10) ==================== */
    [data-theme="knitting-yarn"] {
      --main-red: #e91e63;
      --main-yellow: #ff6090;
      --dark-bg: #1a0a0f;
      --card-bg: rgba(233, 30, 99, 0.15);
      --glass-bg: rgba(26, 10, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b0c8;
    }

    [data-theme="pottery-clay"] {
      --main-red: #a0522d;
      --main-yellow: #daa520;
      --dark-bg: #1a0e06;
      --card-bg: rgba(160, 82, 45, 0.15);
      --glass-bg: rgba(26, 14, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0d699;
    }

    [data-theme="scrapbooking"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="origami-paper"] {
      --main-red: #ff4081;
      --main-yellow: #ff80ab;
      --dark-bg: #1a0a10;
      --card-bg: rgba(255, 64, 129, 0.15);
      --glass-bg: rgba(26, 10, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0d5;
    }

    [data-theme="woodworking"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="stamp-collecting"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="model-trains"] {
      --main-red: #2e7d32;
      --main-yellow: #66bb6a;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(46, 125, 50, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ddb5;
    }

    [data-theme="candle-making"] {
      --main-red: #fff8dc;
      --main-yellow: #fffff0;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 248, 220, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="embroidery"] {
      --main-red: #9c27b0;
      --main-yellow: #ce93d8;
      --dark-bg: #1a051f;
      --card-bg: rgba(156, 39, 176, 0.15);
      --glass-bg: rgba(26, 5, 31, 0.65);
      --text-light: #ffffff;
      --text-gray: #e7c9ec;
    }

    [data-theme="coin-collecting"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    /* ==================== PRECIOUS STONES EXTENDED (10) ==================== */
    [data-theme="kunzite-pink"] {
      --main-red: #ffb3e6;
      --main-yellow: #ffd6f0;
      --dark-bg: #2d1a25;
      --card-bg: rgba(255, 179, 230, 0.15);
      --glass-bg: rgba(45, 26, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf8;
    }

    [data-theme="spinel-blue"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="zircon-rainbow"] {
      --main-red: #00ffff;
      --main-yellow: #ff00ff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    [data-theme="alexandrite-magic"] {
      --main-red: #663399;
      --main-yellow: #00ff7f;
      --dark-bg: #0a0513;
      --card-bg: rgba(102, 51, 153, 0.15);
      --glass-bg: rgba(10, 5, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5bbee;
    }

    [data-theme="morganite-peach"] {
      --main-red: #ffcba4;
      --main-yellow: #ffe5cc;
      --dark-bg: #2d221a;
      --card-bg: rgba(255, 203, 164, 0.15);
      --glass-bg: rgba(45, 34, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff0e0;
    }

    [data-theme="carnelian-orange"] {
      --main-red: #ff6347;
      --main-yellow: #ff9b85;
      --dark-bg: #1a0a07;
      --card-bg: rgba(255, 99, 71, 0.15);
      --glass-bg: rgba(26, 10, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffcdc2;
    }

    [data-theme="azurite-blue"] {
      --main-red: #0080ff;
      --main-yellow: #66b3ff;
      --dark-bg: #001019;
      --card-bg: rgba(0, 128, 255, 0.15);
      --glass-bg: rgba(0, 16, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    [data-theme="rhodonite-rose"] {
      --main-red: #ff6ec7;
      --main-yellow: #ffa3dd;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 110, 199, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd1ee;
    }

    [data-theme="amber-honey"] {
      --main-red: #ffbf00;
      --main-yellow: #ffd966;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 191, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecb3;
    }

    [data-theme="larimar-caribbean"] {
      --main-red: #74d0f1;
      --main-yellow: #b3e5f7;
      --dark-bg: #1a2a35;
      --card-bg: rgba(116, 208, 241, 0.15);
      --glass-bg: rgba(26, 42, 53, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9f2fb;
    }

    /* ==================== COFFEE & TEA (10) ==================== */
    [data-theme="espresso-dark"] {
      --main-red: #1a0f08;
      --main-yellow: #3d2418;
      --dark-bg: #0a0500;
      --card-bg: rgba(26, 15, 8, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #8d7058;
    }

    [data-theme="chai-spice"] {
      --main-red: #d2691e;
      --main-yellow: #e6a577;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="green-tea"] {
      --main-red: #88c057;
      --main-yellow: #b8d89c;
      --dark-bg: #1a2514;
      --card-bg: rgba(136, 192, 87, 0.15);
      --glass-bg: rgba(26, 37, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #dcecce;
    }

    [data-theme="earl-grey"] {
      --main-red: #708090;
      --main-yellow: #cbd5e1;
      --dark-bg: #0f172a;
      --card-bg: rgba(112, 128, 144, 0.15);
      --glass-bg: rgba(15, 23, 42, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2e8f0;
    }

    [data-theme="pumpkin-spice"] {
      --main-red: #ff7518;
      --main-yellow: #ffb380;
      --dark-bg: #1a0c03;
      --card-bg: rgba(255, 117, 24, 0.15);
      --glass-bg: rgba(26, 12, 3, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9bf;
    }

    [data-theme="mocha-frappuccino"] {
      --main-red: #6f4e37;
      --main-yellow: #a67c52;
      --dark-bg: #1a0f0a;
      --card-bg: rgba(111, 78, 55, 0.15);
      --glass-bg: rgba(26, 15, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3aa89;
    }

    [data-theme="chamomile-calm"] {
      --main-red: #fff8dc;
      --main-yellow: #fffff0;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 248, 220, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="iced-coffee"] {
      --main-red: #8b4513;
      --main-yellow: #d2b48c;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e9dcc6;
    }

    [data-theme="oolong-tea"] {
      --main-red: #cd853f;
      --main-yellow: #deb887;
      --dark-bg: #1a1410;
      --card-bg: rgba(205, 133, 63, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #eedcb8;
    }

    [data-theme="mint-tea"] {
      --main-red: #3eb489;
      --main-yellow: #86d6c1;
      --dark-bg: #0a1a14;
      --card-bg: rgba(62, 180, 137, 0.15);
      --glass-bg: rgba(10, 26, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3eae0;
    }

    /* ==================== ASTRONOMY & STARS (10) ==================== */
    [data-theme="polaris-north"] {
      --main-red: #e0ffff;
      --main-yellow: #ffffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(224, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0ffff;
    }

    [data-theme="sirius-bright"] {
      --main-red: #b0e0e6;
      --main-yellow: #f0f8ff;
      --dark-bg: #1a2a35;
      --card-bg: rgba(176, 224, 230, 0.15);
      --glass-bg: rgba(26, 42, 53, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8fcff;
    }

    [data-theme="betelgeuse-red"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    [data-theme="vega-blue"] {
      --main-red: #4682b4;
      --main-yellow: #87ceeb;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e0f5;
    }

    [data-theme="antares-red-giant"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="pleiades-cluster"] {
      --main-red: #87ceeb;
      --main-yellow: #b8e0f5;
      --dark-bg: #1a2a35;
      --card-bg: rgba(135, 206, 235, 0.15);
      --glass-bg: rgba(26, 42, 53, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9f0fa;
    }

    [data-theme="orion-nebula"] {
      --main-red: #ff1493;
      --main-yellow: #00ffff;
      --dark-bg: #1a0014;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="cassiopeia"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="big-dipper"] {
      --main-red: #4a90e2;
      --main-yellow: #86c5ff;
      --dark-bg: #0a1419;
      --card-bg: rgba(74, 144, 226, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e2ff;
    }

    [data-theme="southern-cross"] {
      --main-red: #f0f8ff;
      --main-yellow: #ffffff;
      --dark-bg: #0a1419;
      --card-bg: rgba(240, 248, 255, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffffff;
    }

    /* ==================== FASHION ACCESSORIES (10) ==================== */
    [data-theme="diamond-bracelet"] {
      --main-red: #e0e0e0;
      --main-yellow: #ffffff;
      --dark-bg: #f5f5f5;
      --card-bg: rgba(224, 224, 224, 0.35);
      --glass-bg: rgba(245, 245, 245, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="leather-handbag"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

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

    [data-theme="pearl-necklace"] {
      --main-red: #f0ead6;
      --main-yellow: #ffffff;
      --dark-bg: #faf8f0;
      --card-bg: rgba(240, 234, 214, 0.35);
      --glass-bg: rgba(240, 234, 214, 0.75);
      --text-light: #3d3a2a;
      --text-gray: #5d5a4a;
    }

    [data-theme="silk-scarf"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="gold-watch"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="designer-shoes"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="fedora-hat"] {
      --main-red: #2e2e2e;
      --main-yellow: #5e5e5e;
      --dark-bg: #000000;
      --card-bg: rgba(46, 46, 46, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #9e9e9e;
    }

    [data-theme="tie-striped"] {
      --main-red: #000080;
      --main-yellow: #4169e1;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 128, 0.15);
      --glass-bg: rgba(0, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #9999ff;
    }

    [data-theme="belt-buckle"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    /* ==================== AQUARIUM & FISH (10) ==================== */
    [data-theme="goldfish-orange"] {
      --main-red: #ff8c00;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="betta-fish"] {
      --main-red: #0080ff;
      --main-yellow: #ff0080;
      --dark-bg: #001019;
      --card-bg: rgba(0, 128, 255, 0.15);
      --glass-bg: rgba(0, 16, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    [data-theme="clownfish-orange"] {
      --main-red: #ff6600;
      --main-yellow: #ffffff;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="angelfish-stripes"] {
      --main-red: #000000;
      --main-yellow: #ffd700;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #ffeb99;
    }

    [data-theme="koi-pond"] {
      --main-red: #ff6347;
      --main-yellow: #ffffff;
      --dark-bg: #1a0a07;
      --card-bg: rgba(255, 99, 71, 0.15);
      --glass-bg: rgba(26, 10, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffcdc2;
    }

    [data-theme="blue-tang"] {
      --main-red: #0080ff;
      --main-yellow: #ffff00;
      --dark-bg: #001019;
      --card-bg: rgba(0, 128, 255, 0.15);
      --glass-bg: rgba(0, 16, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    [data-theme="guppy-rainbow"] {
      --main-red: #ff00ff;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="discus-fish"] {
      --main-red: #ff4500;
      --main-yellow: #ffa500;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffccb3;
    }

    [data-theme="neon-tetra"] {
      --main-red: #00ffff;
      --main-yellow: #ff0000;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    [data-theme="seahorse-coral"] {
      --main-red: #ff7f50;
      --main-yellow: #ffb596;
      --dark-bg: #1a0f0a;
      --card-bg: rgba(255, 127, 80, 0.15);
      --glass-bg: rgba(26, 15, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffdacb;
    }

    /* ==================== MUSICAL ERAS (10) ==================== */
    [data-theme="baroque-music"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="romantic-era"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="bebop-jazz"] {
      --main-red: #1e90ff;
      --main-yellow: #6ec0f6;
      --dark-bg: #0a1f29;
      --card-bg: rgba(30, 144, 255, 0.15);
      --glass-bg: rgba(10, 31, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b7e0fb;
    }

    [data-theme="big-band-swing"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="motown-sound"] {
      --main-red: #663399;
      --main-yellow: #aa77dd;
      --dark-bg: #0a0513;
      --card-bg: rgba(102, 51, 153, 0.15);
      --glass-bg: rgba(10, 5, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5bbee;
    }

    [data-theme="psychedelic-60s"] {
      --main-red: #ff00ff;
      --main-yellow: #ffff00;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="new-wave-80s"] {
      --main-red: #ff0080;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 128, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3e6;
    }

    [data-theme="grunge-90s"] {
      --main-red: #555555;
      --main-yellow: #888888;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(85, 85, 85, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #bbbbbb;
    }

    [data-theme="britpop"] {
      --main-red: #0066cc;
      --main-yellow: #ff0000;
      --dark-bg: #001429;
      --card-bg: rgba(0, 102, 204, 0.15);
      --glass-bg: rgba(0, 20, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d4f0;
    }

    [data-theme="synthwave"] {
      --main-red: #ff00ff;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    /* ==================== COSMETICS & BEAUTY (10) ==================== */
    [data-theme="lipstick-red"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="nail-polish"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="blush-pink"] {
      --main-red: #ffb3d9;
      --main-yellow: #ffd6e8;
      --dark-bg: #2d1a21;
      --card-bg: rgba(255, 179, 217, 0.15);
      --glass-bg: rgba(45, 26, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf0;
    }

    [data-theme="eyeshadow-purple"] {
      --main-red: #9370db;
      --main-yellow: #c9b8e7;
      --dark-bg: #1a1425;
      --card-bg: rgba(147, 112, 219, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcf3;
    }

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

    [data-theme="foundation-beige"] {
      --main-red: #f5deb3;
      --main-yellow: #faebd7;
      --dark-bg: #2d2820;
      --card-bg: rgba(245, 222, 179, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdf5eb;
    }

    [data-theme="highlighter-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="perfume-bottle"] {
      --main-red: #e6e6fa;
      --main-yellow: #f5f5ff;
      --dark-bg: #2d2d3a;
      --card-bg: rgba(230, 230, 250, 0.15);
      --glass-bg: rgba(45, 45, 58, 0.65);
      --text-light: #ffffff;
      --text-gray: #fafaff;
    }

    [data-theme="eyeliner-black"] {
      --main-red: #000000;
      --main-yellow: #333333;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #7a7a7a;
    }

    [data-theme="glitter-sparkle"] {
      --main-red: #ff00ff;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    /* ==================== ARCHITECTURE WONDERS (10) ==================== */
    [data-theme="dome-cathedral"] {
      --main-red: #d4af37;
      --main-yellow: #ecd985;
      --dark-bg: #1a1607;
      --card-bg: rgba(212, 175, 55, 0.15);
      --glass-bg: rgba(26, 22, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f6ecc2;
    }

    [data-theme="skyscraper-steel"] {
      --main-red: #708090;
      --main-yellow: #cbd5e1;
      --dark-bg: #0f172a;
      --card-bg: rgba(112, 128, 144, 0.15);
      --glass-bg: rgba(15, 23, 42, 0.65);
      --text-light: #ffffff;
      --text-gray: #e2e8f0;
    }

    [data-theme="glass-pyramid"] {
      --main-red: #e0ffff;
      --main-yellow: #ffffff;
      --dark-bg: #f5ffff;
      --card-bg: rgba(224, 255, 255, 0.35);
      --glass-bg: rgba(245, 255, 255, 0.75);
      --text-light: #1a3a3a;
      --text-gray: #4a6a6a;
    }

    [data-theme="pagoda-red"] {
      --main-red: #c8102e;
      --main-yellow: #ffd700;
      --dark-bg: #1a0206;
      --card-bg: rgba(200, 16, 46, 0.15);
      --glass-bg: rgba(26, 2, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0b3bb;
    }

    [data-theme="temple-sandstone"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    [data-theme="bridge-suspension"] {
      --main-red: #ff6600;
      --main-yellow: #ffaa55;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="lighthouse-beacon"] {
      --main-red: #ffffff;
      --main-yellow: #ffff00;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #ffff00;
      --text-gray: #4a4a4a;
    }

    [data-theme="castle-stone"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="palace-marble"] {
      --main-red: #fffff0;
      --main-yellow: #ffffff;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 240, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="windmill-dutch"] {
      --main-red: #0066cc;
      --main-yellow: #ff9933;
      --dark-bg: #001429;
      --card-bg: rgba(0, 102, 204, 0.15);
      --glass-bg: rgba(0, 20, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d4f0;
    }

    /* ==================== EXTREME SPORTS (10) ==================== */
    [data-theme="bmx-freestyle"] {
      --main-red: #ff6600;
      --main-yellow: #ffaa55;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="skateboard-deck"] {
      --main-red: #ff0000;
      --main-yellow: #ffff00;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="snowboard-neon"] {
      --main-red: #00ff00;
      --main-yellow: #ff00ff;
      --dark-bg: #001a00;
      --card-bg: rgba(0, 255, 0, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffb3;
    }

    [data-theme="wakeboard-splash"] {
      --main-red: #00bfff;
      --main-yellow: #87ceeb;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="motocross-dirt"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="base-jumping"] {
      --main-red: #000000;
      --main-yellow: #ff0000;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="parkour-urban"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="skydiving-blue"] {
      --main-red: #0080ff;
      --main-yellow: #66b3ff;
      --dark-bg: #001019;
      --card-bg: rgba(0, 128, 255, 0.15);
      --glass-bg: rgba(0, 16, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9ff;
    }

    [data-theme="whitewater-rapids"] {
      --main-red: #00ced1;
      --main-yellow: #66e4e6;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 206, 209, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f2f3;
    }

    [data-theme="bungee-jump"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }
	
	    /* ==================== INSECTS & BUGS (10) ==================== */
    [data-theme="ladybug-red"] {
      --main-red: #e63946;
      --main-yellow: #f16a73;
      --dark-bg: #1a0507;
      --card-bg: rgba(230, 57, 70, 0.15);
      --glass-bg: rgba(26, 5, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8b4b9;
    }

    [data-theme="butterfly-monarch"] {
      --main-red: #ff8c00;
      --main-yellow: #000000;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="dragonfly-blue"] {
      --main-red: #00bfff;
      --main-yellow: #87ceeb;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="firefly-glow"] {
      --main-red: #ffff00;
      --main-yellow: #ffff99;
      --dark-bg: #1a1a00;
      --card-bg: rgba(255, 255, 0, 0.15);
      --glass-bg: rgba(26, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffffcc;
    }

    [data-theme="beetle-green"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="grasshopper"] {
      --main-red: #32cd32;
      --main-yellow: #99e699;
      --dark-bg: #061a06;
      --card-bg: rgba(50, 205, 50, 0.15);
      --glass-bg: rgba(6, 26, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccf3cc;
    }

    [data-theme="moth-brown"] {
      --main-red: #8b7355;
      --main-yellow: #c9b8a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 115, 85, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcd0;
    }

    [data-theme="honeybee-yellow"] {
      --main-red: #ffd700;
      --main-yellow: #000000;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="praying-mantis"] {
      --main-red: #3d9140;
      --main-yellow: #7ec682;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(61, 145, 64, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #bfe3c1;
    }

    [data-theme="caterpillar-green"] {
      --main-red: #00a86b;
      --main-yellow: #5cd6a0;
      --dark-bg: #0a1a12;
      --card-bg: rgba(0, 168, 107, 0.15);
      --glass-bg: rgba(10, 26, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #aeebd0;
    }

    /* ==================== SPICES & HERBS (10) ==================== */
    [data-theme="cinnamon-spice"] {
      --main-red: #b87333;
      --main-yellow: #d99e6b;
      --dark-bg: #1a1005;
      --card-bg: rgba(184, 115, 51, 0.15);
      --glass-bg: rgba(26, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #edcfa5;
    }

    [data-theme="basil-green"] {
      --main-red: #2e7d32;
      --main-yellow: #66bb6a;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(46, 125, 50, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ddb5;
    }

    [data-theme="paprika-red"] {
      --main-red: #e63946;
      --main-yellow: #f16a73;
      --dark-bg: #1a0507;
      --card-bg: rgba(230, 57, 70, 0.15);
      --glass-bg: rgba(26, 5, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8b4b9;
    }

    [data-theme="turmeric-yellow"] {
      --main-red: #ffa500;
      --main-yellow: #ffc966;
      --dark-bg: #1a1100;
      --card-bg: rgba(255, 165, 0, 0.15);
      --glass-bg: rgba(26, 17, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe4b3;
    }

    [data-theme="oregano-herb"] {
      --main-red: #556b2f;
      --main-yellow: #9aad7f;
      --dark-bg: #0a1005;
      --card-bg: rgba(85, 107, 47, 0.15);
      --glass-bg: rgba(10, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #cdd6bf;
    }

    [data-theme="black-pepper"] {
      --main-red: #1a1a1a;
      --main-yellow: #4a4a4a;
      --dark-bg: #000000;
      --card-bg: rgba(26, 26, 26, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #8a8a8a;
    }

    [data-theme="rosemary-pine"] {
      --main-red: #4b6b3e;
      --main-yellow: #7f9d74;
      --dark-bg: #0a1208;
      --card-bg: rgba(75, 107, 62, 0.15);
      --glass-bg: rgba(10, 18, 8, 0.65);
      --text-light: #ffffff;
      --text-gray: #bfceba;
    }

    [data-theme="ginger-root"] {
      --main-red: #cd853f;
      --main-yellow: #deb887;
      --dark-bg: #1a1410;
      --card-bg: rgba(205, 133, 63, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #eedcb8;
    }

    [data-theme="saffron-gold"] {
      --main-red: #f4c430;
      --main-yellow: #f9dd7a;
      --dark-bg: #1a1806;
      --card-bg: rgba(244, 196, 48, 0.15);
      --glass-bg: rgba(26, 24, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #fceebe;
    }

    [data-theme="vanilla-bean"] {
      --main-red: #f3e5ab;
      --main-yellow: #faf3d7;
      --dark-bg: #2d2b20;
      --card-bg: rgba(243, 229, 171, 0.15);
      --glass-bg: rgba(45, 43, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdf9eb;
    }

    /* ==================== CLOUD TYPES (10) ==================== */
    [data-theme="cumulus-white"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="stratus-gray"] {
      --main-red: #808080;
      --main-yellow: #b8b8b8;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d8d8d8;
    }

    [data-theme="cirrus-wispy"] {
      --main-red: #f0f8ff;
      --main-yellow: #ffffff;
      --dark-bg: #fafeff;
      --card-bg: rgba(240, 248, 255, 0.35);
      --glass-bg: rgba(250, 254, 255, 0.75);
      --text-light: #1a2a3a;
      --text-gray: #4a5a6a;
    }

    [data-theme="cumulonimbus-storm"] {
      --main-red: #2c3e50;
      --main-yellow: #7f8c8d;
      --dark-bg: #0a0c0f;
      --card-bg: rgba(44, 62, 80, 0.15);
      --glass-bg: rgba(10, 12, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #bfc6c6;
    }

    [data-theme="nimbus-rain"] {
      --main-red: #4a5a6a;
      --main-yellow: #8a9aaa;
      --dark-bg: #0a0f14;
      --card-bg: rgba(74, 90, 106, 0.15);
      --glass-bg: rgba(10, 15, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #cacfd5;
    }

    [data-theme="altocumulus-mid"] {
      --main-red: #d3d3d3;
      --main-yellow: #f0f0f0;
      --dark-bg: #e8e8e8;
      --card-bg: rgba(211, 211, 211, 0.35);
      --glass-bg: rgba(240, 240, 240, 0.75);
      --text-light: #2a2a2a;
      --text-gray: #6a6a6a;
    }

    [data-theme="stratocumulus"] {
      --main-red: #b0c4de;
      --main-yellow: #d8e4f0;
      --dark-bg: #1a2329;
      --card-bg: rgba(176, 196, 222, 0.15);
      --glass-bg: rgba(26, 35, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #ecf2f8;
    }

    [data-theme="cirrocumulus"] {
      --main-red: #e6f3ff;
      --main-yellow: #ffffff;
      --dark-bg: #f5fbff;
      --card-bg: rgba(230, 243, 255, 0.35);
      --glass-bg: rgba(245, 251, 255, 0.75);
      --text-light: #1a3a52;
      --text-gray: #4a6a8a;
    }

    [data-theme="altostratus-veil"] {
      --main-red: #a9a9a9;
      --main-yellow: #d3d3d3;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(169, 169, 169, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #e9e9e9;
    }

    [data-theme="cirrostratus-halo"] {
      --main-red: #f5f5f5;
      --main-yellow: #ffffff;
      --dark-bg: #fafafa;
      --card-bg: rgba(245, 245, 245, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    /* ==================== RIVERS & WATERFALLS (10) ==================== */
    [data-theme="amazon-river"] {
      --main-red: #00a86b;
      --main-yellow: #5cd6a0;
      --dark-bg: #0a1a12;
      --card-bg: rgba(0, 168, 107, 0.15);
      --glass-bg: rgba(10, 26, 18, 0.65);
      --text-light: #ffffff;
      --text-gray: #aeebd0;
    }

    [data-theme="niagara-falls"] {
      --main-red: #00bfff;
      --main-yellow: #87ceeb;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="victoria-falls"] {
      --main-red: #4682b4;
      --main-yellow: #87ceeb;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e0f5;
    }

    [data-theme="mississippi-delta"] {
      --main-red: #8b7355;
      --main-yellow: #c9b8a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 115, 85, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcd0;
    }

    [data-theme="ganges-sacred"] {
      --main-red: #00ced1;
      --main-yellow: #66e4e6;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 206, 209, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f2f3;
    }

    [data-theme="danube-blue"] {
      --main-red: #1e90ff;
      --main-yellow: #6ec0f6;
      --dark-bg: #0a1f29;
      --card-bg: rgba(30, 144, 255, 0.15);
      --glass-bg: rgba(10, 31, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b7e0fb;
    }

    [data-theme="rhine-valley"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="colorado-river"] {
      --main-red: #cd853f;
      --main-yellow: #deb887;
      --dark-bg: #1a1410;
      --card-bg: rgba(205, 133, 63, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #eedcb8;
    }

    [data-theme="nile-ancient"] {
      --main-red: #006994;
      --main-yellow: #00a7e6;
      --dark-bg: #00121a;
      --card-bg: rgba(0, 105, 148, 0.15);
      --glass-bg: rgba(0, 18, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #99d8f0;
    }

    [data-theme="yangtze-yellow"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    /* ==================== CARTOON CHARACTERS (10) ==================== */
    [data-theme="mickey-mouse"] {
      --main-red: #ff0000;
      --main-yellow: #ffff00;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    [data-theme="bugs-bunny"] {
      --main-red: #808080;
      --main-yellow: #ff8c00;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d8d8d8;
    }

    [data-theme="spongebob-yellow"] {
      --main-red: #ffff00;
      --main-yellow: #ffff99;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 0, 0.25);
      --glass-bg: rgba(255, 252, 200, 0.75);
      --text-light: #1a1a00;
      --text-gray: #666600;
    }

    [data-theme="scooby-doo"] {
      --main-red: #8b4513;
      --main-yellow: #32cd32;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="garfield-orange"] {
      --main-red: #ff8c00;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 140, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="tom-and-jerry"] {
      --main-red: #808080;
      --main-yellow: #8b4513;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d8d8d8;
    }

    [data-theme="pink-panther"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="tweety-bird"] {
      --main-red: #ffff00;
      --main-yellow: #ffff99;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 255, 0, 0.25);
      --glass-bg: rgba(255, 252, 200, 0.75);
      --text-light: #1a1a00;
      --text-gray: #666600;
    }

    [data-theme="popeye-sailor"] {
      --main-red: #000080;
      --main-yellow: #ffffff;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 128, 0.15);
      --glass-bg: rgba(0, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #9999ff;
    }

    [data-theme="hello-kitty"] {
      --main-red: #ff69b4;
      --main-yellow: #ffffff;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    /* ==================== BREADS & PASTRIES (10) ==================== */
    [data-theme="croissant-butter"] {
      --main-red: #f4e4c1;
      --main-yellow: #faf5e4;
      --dark-bg: #2d2920;
      --card-bg: rgba(244, 228, 193, 0.15);
      --glass-bg: rgba(45, 41, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdfaf2;
    }

    [data-theme="baguette-crust"] {
      --main-red: #d2691e;
      --main-yellow: #e6a577;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="pretzel-brown"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="bagel-sesame"] {
      --main-red: #deb887;
      --main-yellow: #f5deb3;
      --dark-bg: #2d2820;
      --card-bg: rgba(222, 184, 135, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #faebd7;
    }

    [data-theme="danish-pastry"] {
      --main-red: #fff8dc;
      --main-yellow: #fffff0;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 248, 220, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="sourdough-rustic"] {
      --main-red: #c19a6b;
      --main-yellow: #ebdaab;
      --dark-bg: #1a1510;
      --card-bg: rgba(193, 154, 107, 0.15);
      --glass-bg: rgba(26, 21, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5ecd5;
    }

    [data-theme="cinnamon-roll"] {
      --main-red: #cd853f;
      --main-yellow: #deb887;
      --dark-bg: #1a1410;
      --card-bg: rgba(205, 133, 63, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #eedcb8;
    }

    [data-theme="pita-bread"] {
      --main-red: #f5deb3;
      --main-yellow: #faebd7;
      --dark-bg: #2d2820;
      --card-bg: rgba(245, 222, 179, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdf5eb;
    }

    [data-theme="naan-bread"] {
      --main-red: #fff5ee;
      --main-yellow: #ffffff;
      --dark-bg: #fffaf5;
      --card-bg: rgba(255, 245, 238, 0.35);
      --glass-bg: rgba(255, 250, 245, 0.75);
      --text-light: #2a2218;
      --text-gray: #5a4a38;
    }

    [data-theme="rye-bread"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    /* ==================== NUTS & SEEDS (10) ==================== */
    [data-theme="almond-brown"] {
      --main-red: #c9b8a0;
      --main-yellow: #e4dcd0;
      --dark-bg: #2d2820;
      --card-bg: rgba(201, 184, 160, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0ebe3;
    }

    [data-theme="walnut-shell"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    [data-theme="pistachio-shell"] {
      --main-red: #93c572;
      --main-yellow: #c5e1a5;
      --dark-bg: #1a2514;
      --card-bg: rgba(147, 197, 114, 0.15);
      --glass-bg: rgba(26, 37, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f0d2;
    }

    [data-theme="cashew-cream"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #faf8f0;
      --card-bg: rgba(245, 245, 220, 0.25);
      --glass-bg: rgba(240, 238, 230, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="hazelnut-brown"] {
      --main-red: #8b7355;
      --main-yellow: #c9b8a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 115, 85, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcd0;
    }

    [data-theme="peanut-butter"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    [data-theme="sunflower-seed"] {
      --main-red: #2c2c2c;
      --main-yellow: #f5f5dc;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(44, 44, 44, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #9a9a9a;
    }

    [data-theme="pumpkin-seed"] {
      --main-red: #556b2f;
      --main-yellow: #9aad7f;
      --dark-bg: #0a1005;
      --card-bg: rgba(85, 107, 47, 0.15);
      --glass-bg: rgba(10, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #cdd6bf;
    }

    [data-theme="sesame-seed"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #faf8f0;
      --card-bg: rgba(245, 245, 220, 0.25);
      --glass-bg: rgba(240, 238, 230, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    [data-theme="chia-seed"] {
      --main-red: #2e2e2e;
      --main-yellow: #5e5e5e;
      --dark-bg: #000000;
      --card-bg: rgba(46, 46, 46, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #9e9e9e;
    }

    /* ==================== PHOTOGRAPHY STYLES (10) ==================== */
    [data-theme="black-white-photo"] {
      --main-red: #000000;
      --main-yellow: #ffffff;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #cccccc;
    }

    [data-theme="sepia-vintage"] {
      --main-red: #704214;
      --main-yellow: #c19a6b;
      --dark-bg: #1a0f05;
      --card-bg: rgba(112, 66, 20, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0cdaa;
    }

    [data-theme="high-contrast"] {
      --main-red: #000000;
      --main-yellow: #ffffff;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #ffffff;
    }

    [data-theme="cross-process"] {
      --main-red: #00ffff;
      --main-yellow: #ff00ff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    [data-theme="lomography"] {
      --main-red: #ff0080;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 128, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3e6;
    }

    [data-theme="infrared-photo"] {
      --main-red: #ff1493;
      --main-yellow: #ffffff;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="long-exposure"] {
      --main-red: #191970;
      --main-yellow: #4b4bcf;
      --dark-bg: #000000;
      --card-bg: rgba(25, 25, 112, 0.15);
      --glass-bg: rgba(5, 5, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #a5a5e7;
    }

    [data-theme="hdr-photo"] {
      --main-red: #ff6600;
      --main-yellow: #00ffff;
      --dark-bg: #1a0a00;
      --card-bg: rgba(255, 102, 0, 0.15);
      --glass-bg: rgba(26, 10, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd5aa;
    }

    [data-theme="macro-photography"] {
      --main-red: #32cd32;
      --main-yellow: #99e699;
      --dark-bg: #061a06;
      --card-bg: rgba(50, 205, 50, 0.15);
      --glass-bg: rgba(6, 26, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #ccf3cc;
    }

    [data-theme="bokeh-blur"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    /* ==================== ENERGY SOURCES (10) ==================== */
    [data-theme="solar-panel"] {
      --main-red: #ffd700;
      --main-yellow: #ffeb3b;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="wind-turbine"] {
      --main-red: #87ceeb;
      --main-yellow: #ffffff;
      --dark-bg: #1a2a35;
      --card-bg: rgba(135, 206, 235, 0.15);
      --glass-bg: rgba(26, 42, 53, 0.65);
      --text-light: #ffffff;
      --text-gray: #d9f0fa;
    }

    [data-theme="hydroelectric"] {
      --main-red: #00bfff;
      --main-yellow: #87ceeb;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="geothermal-steam"] {
      --main-red: #ff6347;
      --main-yellow: #ff9b85;
      --dark-bg: #1a0a07;
      --card-bg: rgba(255, 99, 71, 0.15);
      --glass-bg: rgba(26, 10, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffcdc2;
    }

    [data-theme="fusionforce"] {
      --main-red: #39ff14;
      --main-yellow: #7dff66;
      --dark-bg: #0a1a05;
      --card-bg: rgba(57, 255, 20, 0.15);
      --glass-bg: rgba(10, 26, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #beffb3;
    }

    [data-theme="coal-energy"] {
      --main-red: #2e2e2e;
      --main-yellow: #5e5e5e;
      --dark-bg: #000000;
      --card-bg: rgba(46, 46, 46, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #9e9e9e;
    }

    [data-theme="natural-gas"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="biomass-energy"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="tidal-power"] {
      --main-red: #006994;
      --main-yellow: #00a7e6;
      --dark-bg: #00121a;
      --card-bg: rgba(0, 105, 148, 0.15);
      --glass-bg: rgba(0, 18, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #99d8f0;
    }

    [data-theme="hydrogen-fuel"] {
      --main-red: #00ffff;
      --main-yellow: #66ffff;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 255, 255, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffff;
    }

    /* ==================== ICE CREAM FLAVORS (10) ==================== */
    [data-theme="vanilla-ice-cream"] {
      --main-red: #fff8dc;
      --main-yellow: #fffff0;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 248, 220, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="chocolate-ice-cream"] {
      --main-red: #3e2723;
      --main-yellow: #795548;
      --dark-bg: #0a0605;
      --card-bg: rgba(62, 39, 35, 0.15);
      --glass-bg: rgba(10, 6, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #bcaaa4;
    }

    [data-theme="strawberry-ice-cream"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="mint-chocolate-chip"] {
      --main-red: #3eb489;
      --main-yellow: #86d6c1;
      --dark-bg: #0a1a14;
      --card-bg: rgba(62, 180, 137, 0.15);
      --glass-bg: rgba(10, 26, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3eae0;
    }

    [data-theme="cookies-cream"] {
      --main-red: #f5f5f5;
      --main-yellow: #000000;
      --dark-bg: #fafafa;
      --card-bg: rgba(245, 245, 245, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #1a1a1a;
      --text-gray: #4a4a4a;
    }

    [data-theme="pistachio-ice-cream"] {
      --main-red: #93c572;
      --main-yellow: #c5e1a5;
      --dark-bg: #1a2514;
      --card-bg: rgba(147, 197, 114, 0.15);
      --glass-bg: rgba(26, 37, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f0d2;
    }

    [data-theme="rocky-road"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    [data-theme="bubblegum-ice-cream"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="mango-sorbet"] {
      --main-red: #ff9500;
      --main-yellow: #ffbb55;
      --dark-bg: #1a0f00;
      --card-bg: rgba(255, 149, 0, 0.15);
      --glass-bg: rgba(26, 15, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd699;
    }

    [data-theme="blueberry-swirl"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }
	
	    /* ==================== CHEESE VARIETIES (10) ==================== */
    [data-theme="cheddar-cheese"] {
      --main-red: #ffa500;
      --main-yellow: #ffc966;
      --dark-bg: #1a1100;
      --card-bg: rgba(255, 165, 0, 0.15);
      --glass-bg: rgba(26, 17, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe4b3;
    }

    [data-theme="brie-cream"] {
      --main-red: #fffacd;
      --main-yellow: #ffffff;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 250, 205, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="blue-cheese"] {
      --main-red: #4682b4;
      --main-yellow: #e0eff5;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e0f5;
    }

    [data-theme="gouda-yellow"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="mozzarella-white"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="parmesan-aged"] {
      --main-red: #f5deb3;
      --main-yellow: #faebd7;
      --dark-bg: #2d2820;
      --card-bg: rgba(245, 222, 179, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdf5eb;
    }

    [data-theme="swiss-cheese"] {
      --main-red: #fff8dc;
      --main-yellow: #fffff0;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 248, 220, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="feta-crumble"] {
      --main-red: #f0f8ff;
      --main-yellow: #ffffff;
      --dark-bg: #fafeff;
      --card-bg: rgba(240, 248, 255, 0.35);
      --glass-bg: rgba(250, 254, 255, 0.75);
      --text-light: #1a2a3a;
      --text-gray: #4a5a6a;
    }

    [data-theme="camembert"] {
      --main-red: #fff5ee;
      --main-yellow: #ffffff;
      --dark-bg: #fffaf5;
      --card-bg: rgba(255, 245, 238, 0.35);
      --glass-bg: rgba(255, 250, 245, 0.75);
      --text-light: #2a2218;
      --text-gray: #5a4a38;
    }

    [data-theme="pepper-jack"] {
      --main-red: #ff6347;
      --main-yellow: #ffd700;
      --dark-bg: #1a0a07;
      --card-bg: rgba(255, 99, 71, 0.15);
      --glass-bg: rgba(26, 10, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffcdc2;
    }

    /* ==================== WINE TYPES (10) ==================== */
    [data-theme="cabernet-sauvignon"] {
      --main-red: #722f37;
      --main-yellow: #b85865;
      --dark-bg: #1a0a0c;
      --card-bg: rgba(114, 47, 55, 0.15);
      --glass-bg: rgba(26, 10, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #e59aa5;
    }

    [data-theme="chardonnay"] {
      --main-red: #f4e4c1;
      --main-yellow: #faf5e4;
      --dark-bg: #2d2920;
      --card-bg: rgba(244, 228, 193, 0.15);
      --glass-bg: rgba(45, 41, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdfaf2;
    }

    [data-theme="merlot-wine"] {
      --main-red: #800020;
      --main-yellow: #c04040;
      --dark-bg: #0a0004;
      --card-bg: rgba(128, 0, 32, 0.15);
      --glass-bg: rgba(10, 0, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #e09999;
    }

    [data-theme="pinot-noir"] {
      --main-red: #8b0000;
      --main-yellow: #cd5c5c;
      --dark-bg: #0a0000;
      --card-bg: rgba(139, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="riesling-white"] {
      --main-red: #f7e7ce;
      --main-yellow: #fdf5e6;
      --dark-bg: #2d2820;
      --card-bg: rgba(247, 231, 206, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fefaf3;
    }

    [data-theme="rose-wine"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="shiraz-red"] {
      --main-red: #990000;
      --main-yellow: #cc3333;
      --dark-bg: #1a0000;
      --card-bg: rgba(153, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e69999;
    }

    [data-theme="sauvignon-blanc"] {
      --main-red: #f0e68c;
      --main-yellow: #fafad2;
      --dark-bg: #2d2b20;
      --card-bg: rgba(240, 230, 140, 0.15);
      --glass-bg: rgba(45, 43, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdfce9;
    }

    [data-theme="port-wine"] {
      --main-red: #4a0e0e;
      --main-yellow: #8b1a1a;
      --dark-bg: #0a0202;
      --card-bg: rgba(74, 14, 14, 0.15);
      --glass-bg: rgba(10, 2, 2, 0.65);
      --text-light: #ffffff;
      --text-gray: #c68d8d;
    }

    [data-theme="prosecco-bubbles"] {
      --main-red: #f5f5dc;
      --main-yellow: #fffacd;
      --dark-bg: #faf8f0;
      --card-bg: rgba(245, 245, 220, 0.25);
      --glass-bg: rgba(240, 238, 230, 0.75);
      --text-light: #2a2a1a;
      --text-gray: #5a5a4a;
    }

    /* ==================== TREE SPECIES (10) ==================== */
    [data-theme="oak-tree"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="pine-tree"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="maple-tree"] {
      --main-red: #d2691e;
      --main-yellow: #ff8c00;
      --dark-bg: #1a0f05;
      --card-bg: rgba(210, 105, 30, 0.15);
      --glass-bg: rgba(26, 15, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #f3d2bb;
    }

    [data-theme="willow-tree"] {
      --main-red: #9acd32;
      --main-yellow: #c8e66e;
      --dark-bg: #141a05;
      --card-bg: rgba(154, 205, 50, 0.15);
      --glass-bg: rgba(20, 26, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4f3b7;
    }

    [data-theme="cherry-tree"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="redwood-giant"] {
      --main-red: #a0522d;
      --main-yellow: #daa520;
      --dark-bg: #1a0e06;
      --card-bg: rgba(160, 82, 45, 0.15);
      --glass-bg: rgba(26, 14, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0d699;
    }

    [data-theme="birch-tree"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="palm-tree"] {
      --main-red: #228b22;
      --main-yellow: #ffd700;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="cedar-tree"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    [data-theme="eucalyptus-tree"] {
      --main-red: #3d9140;
      --main-yellow: #7ec682;
      --dark-bg: #0a1a0c;
      --card-bg: rgba(61, 145, 64, 0.15);
      --glass-bg: rgba(10, 26, 12, 0.65);
      --text-light: #ffffff;
      --text-gray: #bfe3c1;
    }

    /* ==================== CURRENCY & MONEY (10) ==================== */
    [data-theme="dollar-green"] {
      --main-red: #006400;
      --main-yellow: #66b266;
      --dark-bg: #001a00;
      --card-bg: rgba(0, 100, 0, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3d9b3;
    }

    [data-theme="euro-blue"] {
      --main-red: #003399;
      --main-yellow: #6688cc;
      --dark-bg: #000a1a;
      --card-bg: rgba(0, 51, 153, 0.15);
      --glass-bg: rgba(0, 10, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3c4e6;
    }

    [data-theme="pound-sterling"] {
      --main-red: #800020;
      --main-yellow: #c04040;
      --dark-bg: #0a0004;
      --card-bg: rgba(128, 0, 32, 0.15);
      --glass-bg: rgba(10, 0, 4, 0.65);
      --text-light: #ffffff;
      --text-gray: #e09999;
    }

    [data-theme="yen-red"] {
      --main-red: #c8102e;
      --main-yellow: #e06677;
      --dark-bg: #1a0206;
      --card-bg: rgba(200, 16, 46, 0.15);
      --glass-bg: rgba(26, 2, 6, 0.65);
      --text-light: #ffffff;
      --text-gray: #f0b3bb;
    }

    [data-theme="bitcoin-orange"] {
      --main-red: #f7931a;
      --main-yellow: #fab359;
      --dark-bg: #1a1003;
      --card-bg: rgba(247, 147, 26, 0.15);
      --glass-bg: rgba(26, 16, 3, 0.65);
      --text-light: #ffffff;
      --text-gray: #fdd9ac;
    }

    [data-theme="gold-bullion"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }

    [data-theme="silver-coin"] {
      --main-red: #c0c0c0;
      --main-yellow: #e8e8e8;
      --dark-bg: #1a1a1a;
      --card-bg: rgba(192, 192, 192, 0.15);
      --glass-bg: rgba(64, 64, 64, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4f4f4;
    }

    [data-theme="rupee-saffron"] {
      --main-red: #ff9933;
      --main-yellow: #ffcc99;
      --dark-bg: #1a1000;
      --card-bg: rgba(255, 153, 51, 0.15);
      --glass-bg: rgba(26, 16, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5cc;
    }

    [data-theme="swiss-franc"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="canadian-dollar"] {
      --main-red: #ff0000;
      --main-yellow: #ffffff;
      --dark-bg: #1a0000;
      --card-bg: rgba(255, 0, 0, 0.15);
      --glass-bg: rgba(26, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3b3;
    }

    /* ==================== FABRIC PATTERNS (10) ==================== */
    [data-theme="polka-dots"] {
      --main-red: #ff1493;
      --main-yellow: #ffffff;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="stripes-classic"] {
      --main-red: #000080;
      --main-yellow: #ffffff;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 128, 0.15);
      --glass-bg: rgba(0, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #9999ff;
    }

    [data-theme="plaid-tartan"] {
      --main-red: #8b0000;
      --main-yellow: #228b22;
      --dark-bg: #0a0000;
      --card-bg: rgba(139, 0, 0, 0.15);
      --glass-bg: rgba(10, 0, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6aeae;
    }

    [data-theme="houndstooth"] {
      --main-red: #000000;
      --main-yellow: #ffffff;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(128, 128, 128, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #cccccc;
    }

    [data-theme="chevron-pattern"] {
      --main-red: #00bfff;
      --main-yellow: #ffffff;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="paisley-print"] {
      --main-red: #9370db;
      --main-yellow: #c9b8e7;
      --dark-bg: #1a1425;
      --card-bg: rgba(147, 112, 219, 0.15);
      --glass-bg: rgba(26, 20, 37, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcf3;
    }

    [data-theme="gingham-check"] {
      --main-red: #dc143c;
      --main-yellow: #ffffff;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="floral-pattern"] {
      --main-red: #ff69b4;
      --main-yellow: #ffb3d9;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 105, 180, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd9ec;
    }

    [data-theme="herringbone"] {
      --main-red: #8b7355;
      --main-yellow: #c9b8a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 115, 85, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcd0;
    }

    [data-theme="leopard-print"] {
      --main-red: #daa520;
      --main-yellow: #000000;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    /* ==================== SHOE TYPES (10) ==================== */
    [data-theme="sneaker-white"] {
      --main-red: #ffffff;
      --main-yellow: #f5f5f5;
      --dark-bg: #fafafa;
      --card-bg: rgba(255, 255, 255, 0.35);
      --glass-bg: rgba(250, 250, 250, 0.75);
      --text-light: #000000;
      --text-gray: #4a4a4a;
    }

    [data-theme="leather-boot"] {
      --main-red: #654321;
      --main-yellow: #a0714f;
      --dark-bg: #0a0500;
      --card-bg: rgba(101, 67, 33, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #d3a87d;
    }

    [data-theme="high-heel"] {
      --main-red: #ff1493;
      --main-yellow: #ff69ca;
      --dark-bg: #1a0a14;
      --card-bg: rgba(255, 20, 147, 0.15);
      --glass-bg: rgba(26, 10, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb4e5;
    }

    [data-theme="oxford-shoe"] {
      --main-red: #000000;
      --main-yellow: #1a1a1a;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #666666;
    }

    [data-theme="running-shoe"] {
      --main-red: #00bfff;
      --main-yellow: #87ceeb;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    [data-theme="sandal-summer"] {
      --main-red: #deb887;
      --main-yellow: #f5deb3;
      --dark-bg: #2d2820;
      --card-bg: rgba(222, 184, 135, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #faebd7;
    }

    [data-theme="loafer-brown"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="ballet-flat"] {
      --main-red: #ffb3d9;
      --main-yellow: #ffd6e8;
      --dark-bg: #2d1a21;
      --card-bg: rgba(255, 179, 217, 0.15);
      --glass-bg: rgba(45, 26, 33, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffecf0;
    }

    [data-theme="hiking-boot"] {
      --main-red: #556b2f;
      --main-yellow: #9aad7f;
      --dark-bg: #0a1005;
      --card-bg: rgba(85, 107, 47, 0.15);
      --glass-bg: rgba(10, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #cdd6bf;
    }

    [data-theme="flip-flop"] {
      --main-red: #00ced1;
      --main-yellow: #66e4e6;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 206, 209, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f2f3;
    }

    /* ==================== HAT STYLES (10) ==================== */
    [data-theme="top-hat"] {
      --main-red: #000000;
      --main-yellow: #1a1a1a;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 0, 0.25);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #666666;
    }

    [data-theme="baseball-cap"] {
      --main-red: #dc143c;
      --main-yellow: #e8667c;
      --dark-bg: #1a0307;
      --card-bg: rgba(220, 20, 60, 0.15);
      --glass-bg: rgba(26, 3, 7, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4b3be;
    }

    [data-theme="cowboy-hat"] {
      --main-red: #8b4513;
      --main-yellow: #d2691e;
      --dark-bg: #0a0500;
      --card-bg: rgba(139, 69, 19, 0.15);
      --glass-bg: rgba(10, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6a35f;
    }

    [data-theme="beanie-winter"] {
      --main-red: #4169e1;
      --main-yellow: #87b1ff;
      --dark-bg: #000814;
      --card-bg: rgba(65, 105, 225, 0.15);
      --glass-bg: rgba(0, 8, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3d8ff;
    }

    [data-theme="sun-hat"] {
      --main-red: #fff8dc;
      --main-yellow: #fffff0;
      --dark-bg: #fffef5;
      --card-bg: rgba(255, 248, 220, 0.35);
      --glass-bg: rgba(255, 254, 245, 0.75);
      --text-light: #2a2518;
      --text-gray: #5a4d38;
    }

    [data-theme="beret-french"] {
      --main-red: #000080;
      --main-yellow: #4169e1;
      --dark-bg: #000000;
      --card-bg: rgba(0, 0, 128, 0.15);
      --glass-bg: rgba(0, 0, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #9999ff;
    }

    [data-theme="sombrero"] {
      --main-red: #ff9933;
      --main-yellow: #ffcc99;
      --dark-bg: #1a1000;
      --card-bg: rgba(255, 153, 51, 0.15);
      --glass-bg: rgba(26, 16, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffe5cc;
    }

    [data-theme="bowler-hat"] {
      --main-red: #2e2e2e;
      --main-yellow: #5e5e5e;
      --dark-bg: #000000;
      --card-bg: rgba(46, 46, 46, 0.15);
      --glass-bg: rgba(0, 0, 0, 0.85);
      --text-light: #ffffff;
      --text-gray: #9e9e9e;
    }

    [data-theme="trilby-hat"] {
      --main-red: #696969;
      --main-yellow: #a9a9a9;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="bucket-hat"] {
      --main-red: #00bfff;
      --main-yellow: #87ceeb;
      --dark-bg: #001a29;
      --card-bg: rgba(0, 191, 255, 0.15);
      --glass-bg: rgba(0, 26, 41, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ecff;
    }

    /* ==================== LANDFORMS & GEOGRAPHY (10) ==================== */
    [data-theme="mountain-peak"] {
      --main-red: #696969;
      --main-yellow: #ffffff;
      --dark-bg: #0a0a0a;
      --card-bg: rgba(105, 105, 105, 0.15);
      --glass-bg: rgba(10, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #d4d4d4;
    }

    [data-theme="valley-green"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="plateau-brown"] {
      --main-red: #8b7355;
      --main-yellow: #c9b8a0;
      --dark-bg: #1a1614;
      --card-bg: rgba(139, 115, 85, 0.15);
      --glass-bg: rgba(26, 22, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #e4dcd0;
    }

    [data-theme="canyon-red"] {
      --main-red: #cd5c5c;
      --main-yellow: #e89b9b;
      --dark-bg: #1a0a0a;
      --card-bg: rgba(205, 92, 92, 0.15);
      --glass-bg: rgba(26, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #f4cdcd;
    }

    [data-theme="peninsula-coast"] {
      --main-red: #4682b4;
      --main-yellow: #87ceeb;
      --dark-bg: #0a1419;
      --card-bg: rgba(70, 130, 180, 0.15);
      --glass-bg: rgba(10, 20, 25, 0.65);
      --text-light: #ffffff;
      --text-gray: #c3e0f5;
    }

    [data-theme="island-paradise"] {
      --main-red: #00ced1;
      --main-yellow: #66e4e6;
      --dark-bg: #001a1a;
      --card-bg: rgba(0, 206, 209, 0.15);
      --glass-bg: rgba(0, 26, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3f2f3;
    }

    [data-theme="desert-dunes"] {
      --main-red: #c19a6b;
      --main-yellow: #ebdaab;
      --dark-bg: #1a1510;
      --card-bg: rgba(193, 154, 107, 0.15);
      --glass-bg: rgba(26, 21, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f5ecd5;
    }

    [data-theme="glacier-ice"] {
      --main-red: #b0e0e6;
      --main-yellow: #d8f0f6;
      --dark-bg: #1a262d;
      --card-bg: rgba(176, 224, 230, 0.15);
      --glass-bg: rgba(26, 38, 45, 0.65);
      --text-light: #ffffff;
      --text-gray: #e0f4f7;
    }

    [data-theme="volcano-lava"] {
      --main-red: #ff4500;
      --main-yellow: #ff8247;
      --dark-bg: #1a0500;
      --card-bg: rgba(255, 69, 0, 0.15);
      --glass-bg: rgba(26, 5, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffc0a7;
    }

    [data-theme="wetland-marsh"] {
      --main-red: #556b2f;
      --main-yellow: #9aad7f;
      --dark-bg: #0a1005;
      --card-bg: rgba(85, 107, 47, 0.15);
      --glass-bg: rgba(10, 16, 5, 0.65);
      --text-light: #ffffff;
      --text-gray: #cdd6bf;
    }

    /* ==================== FINAL 10 BONUS THEMES - REACHING 1000! ==================== */
    [data-theme="unicorn-magic"] {
      --main-red: #ff00ff;
      --main-yellow: #00ffff;
      --dark-bg: #1a001a;
      --card-bg: rgba(255, 0, 255, 0.15);
      --glass-bg: rgba(26, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffb3ff;
    }

    [data-theme="champagne-celebration"] {
      --main-red: #f7e7ce;
      --main-yellow: #fdf5e6;
      --dark-bg: #2d2820;
      --card-bg: rgba(247, 231, 206, 0.15);
      --glass-bg: rgba(45, 40, 32, 0.65);
      --text-light: #ffffff;
      --text-gray: #fefaf3;
    }

    [data-theme="midnight-magic"] {
      --main-red: #191970;
      --main-yellow: #4b4bcf;
      --dark-bg: #000000;
      --card-bg: rgba(25, 25, 112, 0.15);
      --glass-bg: rgba(5, 5, 20, 0.65);
      --text-light: #ffffff;
      --text-gray: #a5a5e7;
    }

    [data-theme="tropical-sunset"] {
      --main-red: #ff6b35;
      --main-yellow: #ffa3a3;
      --dark-bg: #1a0a0a;
      --card-bg: rgba(255, 107, 107, 0.15);
      --glass-bg: rgba(26, 10, 10, 0.65);
      --text-light: #ffffff;
      --text-gray: #ffd1d1;
    }

    [data-theme="arctic-aurora"] {
      --main-red: #00ff7f;
      --main-yellow: #66ffb3;
      --dark-bg: #001a0f;
      --card-bg: rgba(0, 255, 127, 0.15);
      --glass-bg: rgba(0, 26, 15, 0.65);
      --text-light: #ffffff;
      --text-gray: #b3ffd9;
    }

    [data-theme="royal-velvet"] {
      --main-red: #663399;
      --main-yellow: #aa77dd;
      --dark-bg: #0a0513;
      --card-bg: rgba(102, 51, 153, 0.15);
      --glass-bg: rgba(10, 5, 19, 0.65);
      --text-light: #ffffff;
      --text-gray: #d5bbee;
    }

    [data-theme="cosmic-energy"] {
      --main-red: #9d00ff;
      --main-yellow: #c666ff;
      --dark-bg: #0f001a;
      --card-bg: rgba(157, 0, 255, 0.15);
      --glass-bg: rgba(15, 0, 26, 0.65);
      --text-light: #ffffff;
      --text-gray: #e6b3ff;
    }

    [data-theme="desert-mirage"] {
      --main-red: #daa520;
      --main-yellow: #f0e68c;
      --dark-bg: #1a1410;
      --card-bg: rgba(218, 165, 32, 0.15);
      --glass-bg: rgba(26, 20, 16, 0.65);
      --text-light: #ffffff;
      --text-gray: #f8f2c6;
    }

    [data-theme="enchanted-forest"] {
      --main-red: #228b22;
      --main-yellow: #90ee90;
      --dark-bg: #001a00;
      --card-bg: rgba(34, 139, 34, 0.15);
      --glass-bg: rgba(0, 26, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #c7f5c7;
    }

    [data-theme="millennium-gold"] {
      --main-red: #ffd700;
      --main-yellow: #ffe84d;
      --dark-bg: #1a1400;
      --card-bg: rgba(255, 215, 0, 0.15);
      --glass-bg: rgba(26, 20, 0, 0.65);
      --text-light: #ffffff;
      --text-gray: #fff4a6;
    }
    
    /* ========== HEADER & NAVIGATION ========== */
    header {
      background: rgba(20, 20, 20, 0.9);
      position: sticky; 
      top: 0; 
      z-index: 100;
      backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    nav {
      max-width: 1200px; 
      margin: auto; 
      padding: 0 2vw; 
      display: flex; 
      justify-content: space-between; 
      align-items: center; 
      height: 70px; 
      position: relative;
    }
    
    .logo {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      font-weight: 900;
      font-size: 1.8em;
      color: var(--text-light);
      text-decoration: none;
    }

    .logo span {
      white-space: nowrap;
      margin-left: 10px;
    }

    .logo span:last-child {
      color: var(--main-yellow);
      font-size: 0.6em;
      letter-spacing: 1px;
      margin-left: 10px;
    }
    
    nav ul {
      list-style: none; 
      display: flex; 
      gap: 1.5em; 
      margin: 0; 
      padding: 0;
    }
    
    nav ul a {
      color: var(--text-light); 
      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: var(--text-light); 
      border: none; 
      padding: 10px 28px; 
      border-radius: 8px; 
      text-decoration: none; 
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 0.9rem;
      transition: all 0.3s ease;
      box-shadow: 0 4px 15px rgba(255, 35, 35, 0.3);
    }
    
    .nav-btn:hover {
      background: var(--main-yellow); 
      color: #222;
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(255, 179, 0, 0.4);
    }
    
    .hamburger {
      display: none; 
      font-size: 1.8rem; 
      color: var(--text-light); 
      background: none; 
      border: none; 
      cursor: pointer;
    }
    
    @media (max-width: 840px) {
      nav {
        flex-wrap: wrap;
        justify-content: flex-start;
        height: auto;
        position: relative;
      }

      .logo {
        order: 1;
        width: 100%;
        margin-bottom: 0.5em;
      }

      .hamburger {
        order: 2;
        position: static;
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: 1.8rem;
        color: var(--text-light);
        background: none;
        border: none;
        cursor: pointer;
        margin-bottom: 0.5em;
      }

      nav ul {
        order: 3;
        width: 100%;
        display: none;
        flex-direction: column;
        padding: 1em 0;
        background: rgba(20, 20, 20, 0.95);
        backdrop-filter: blur(10px);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin: 0;
      }

      nav ul.show {
        display: flex;
      }

      .nav-btn {
        order: 4;
        width: 100%;
        text-align: center;
        margin: 1em 0 1.5em 0;
        display: block;
      }
    }
	/* ========== LOGO THEME-AWARE COLORS ========== */
.logo {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 900;
  font-size: 1.8em;
  color: var(--text-light);
  text-decoration: none;
}

.logo-hq {
  color: var(--main-red) !important;  /* Uses theme color */
  font-size: 0.7em;
  margin-left: 10px;
  transition: color 0.3s ease;
  font-weight: 900;
  letter-spacing: 1px;
}

.logo-subtitle {
  color: var(--main-yellow) !important;  /* Uses theme color */
  font-size: 0.6em;
  letter-spacing: 1px;
  margin-left: 10px;
  transition: color 0.3s ease;
}

/* Optional: Add glow effect on hover */
.logo:hover .logo-hq {
  text-shadow: 0 0 10px var(--main-red),
               0 0 20px var(--main-red),
               0 0 30px var(--main-red);
}

.logo:hover .logo-subtitle {
  text-shadow: 0 0 10px var(--main-yellow),
               0 0 20px var(--main-yellow),
               0 0 30px var(--main-yellow);
}

/* Optional: Animate HQ color for some themes */
[data-theme="holographic"] .logo-hq,
[data-theme="neon-pink"] .logo-hq,
[data-theme="plasma-purple"] .logo-hq {
  animation: pulseGlow 2s infinite;
}

@keyframes pulseGlow {
  0%, 100% {
    opacity: 1;
    text-shadow: 0 0 5px currentColor;
  }
  50% {
    opacity: 0.8;
    text-shadow: 0 0 20px currentColor,
                 0 0 40px currentColor;
  }
}

/* Special styling for light themes */
[data-theme="light"] .logo-hq,
[data-theme="pastel-pink"] .logo-hq,
[data-theme="pastel-blue"] .logo-hq,
[data-theme="pastel-lavender"] .logo-hq,
[data-theme="pastel-mint"] .logo-hq,
[data-theme="pastel-peach"] .logo-hq,
[data-theme="lemon"] .logo-hq,
[data-theme="laser-lemon"] .logo-hq {
  font-weight: 900;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/* Make HQ more prominent for dark themes */
[data-theme="midnight-black"] .logo-hq,
[data-theme="charcoal"] .logo-hq,
[data-theme="deep-sea"] .logo-hq {
  text-shadow: 0 0 10px var(--main-red);
}

/* Rainbow effect for holographic theme */
[data-theme="holographic"] .logo-hq {
  background: linear-gradient(90deg, 
    #ff0080, #ff8c00, #ffd700, 
    #00ff00, #00ffff, #0080ff, 
    #8000ff, #ff0080);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: rainbow 3s linear infinite;
}

@keyframes rainbow {
  to {
    background-position: 200% center;
  }
}
    
    /* ========== HERO SECTION ========== */
    .hero {
      text-align: center; 
      padding: 48px 16px; 
      background: var(--glass-bg); 
      border-radius: 0 0 24px 24px; 
      margin-bottom: 48px;
      position: relative;
      overflow: hidden;
    }
    
    .hero::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('https://i.pinimg.com/564x/7d/80/be/7d80be3f625c321d47895779a6eec815.jpg') center/cover no-repeat;
      opacity: 0.1;
      z-index: -1;
    }
    
    .hero h1 {
      font-size: clamp(1.8rem, 4vw, 2.8rem); 
      text-transform: uppercase; 
      letter-spacing: 2px;
      margin-bottom: 16px;
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }
    
    .hero p {
      font-size: clamp(1rem, 2.5vw, 1.2rem); 
      color: var(--text-gray); 
      max-width: 700px; 
      margin: 0 auto 24px;
      line-height: 1.6;
    }
    
    .hero .highlight {
      color: var(--main-yellow);
      font-weight: 700;
    }
    
    /* ========== STATS SECTION ========== */
    .stats {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 30px;
      margin: 30px 0;
    }
    
    .stat-item {
      text-align: center;
      padding: 15px;
      background: var(--card-bg);
      border-radius: 12px;
      min-width: 150px;
      backdrop-filter: blur(5px);
    }
    
    .stat-item .number {
      font-size: 2rem;
      font-weight: 900;
      color: var(--main-yellow);
      margin-bottom: 5px;
    }
    
    .stat-item .label {
      font-size: 0.9rem;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    
    /* ========== GALLERY FILTER ========== */
    .gallery-filter {
      max-width: 1400px;
      margin: 0 auto 30px;
      padding: 0 1em;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
    }
    
    .filter-btn {
      background: var(--card-bg);
      color: var(--text-light);
      border: 1px solid rgba(255,255,255,0.1);
      padding: 8px 16px;
      border-radius: 20px;
      cursor: pointer;
      font-size: 0.9rem;
      transition: all 0.3s ease;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    
    .filter-btn:hover, .filter-btn.active {
      background: var(--main-red);
      border-color: var(--main-red);
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(255, 35, 35, 0.4);
    }
    
    /* ========== BOARDS GRID ========== */
    .boards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1.8em;
      max-width: 1400px;
      margin: 0 auto 48px;
      padding: 2em 1em 3em;
      
      background: linear-gradient(135deg, var(--card-bg), rgba(0,0,0,0.1));
      backdrop-filter: blur(12px) saturate(160%);
      -webkit-backdrop-filter: blur(12px) saturate(160%);
      border: 1px solid rgba(255,255,255,0.15);
      border-radius: 18px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    }
    
    .board-card {
      background: var(--card-bg);
      backdrop-filter: blur(10px) saturate(140%);
      -webkit-backdrop-filter: blur(10px) saturate(140%);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 14px;
      text-align: center;
      overflow: hidden;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }
    
    .board-card:hover {
      transform: translateY(-8px);
      border-color: var(--main-red);
      box-shadow: 0 8px 25px rgba(255, 35, 35, 0.3);
    }
    
    .board-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.7));
      z-index: 1;
      opacity: 0.7;
      transition: opacity 0.3s ease;
    }
    
    .board-card:hover::before {
      opacity: 1;
    }
    
    .board-card img {
      width: 100%; 
      height: 180px; 
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    
    .board-card:hover img {
      transform: scale(1.05);
    }
    
    .board-card h3 {
      margin: .6em 0;
      color: var(--text-light);
      text-transform: uppercase;
      letter-spacing: 1.2px;
      font-weight: 900;
      font-size: 1.1rem;
      position: relative;
      z-index: 2;
      padding: 0 10px;
    }
    
    .board-card p {
      font-size: .85em; 
      color: var(--text-gray); 
      padding: 0 1em 1.2em;
      position: relative;
      z-index: 2;
      line-height: 1.5;
    }
    
    .board-card .view-btn {
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(255, 35, 35, 0.8);
      color: white;
      border: none;
      padding: 8px 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      opacity: 0;
      transition: all 0.3s ease;
      z-index: 3;
      cursor: pointer;
    }
    
    .board-card:hover .view-btn {
      opacity: 1;
      bottom: 20px;
    }
    
    .board-card .view-btn:hover {
      background: var(--main-yellow);
      color: #222;
    }
    
    @media(max-width:500px) {
      .boards {
        grid-template-columns: 1fr;
      }
      .board-card img {
        height: 150px;
      }
    }
    
    /* ========== EMBED CONTAINER ========== */
    .embed-container {
      max-width: 1400px;
      width: 100%;
      margin: 30px auto;
      padding: 1.5em;
      display: none;
      position: relative;
      
      background: linear-gradient(135deg, var(--card-bg), rgba(0,0,0,0.15));
      backdrop-filter: blur(12px) saturate(160%);
      -webkit-backdrop-filter: blur(12px) saturate(160%);
      border: 1px solid rgba(255,255,255,0.15);
      border-radius: 18px;
      box-shadow: 0 4px 24px rgba(255,35,35,0.25);
    }
    
    .embed-container a[data-pin-do="embedBoard"] {
      display: block;
      width: 100% !important;
      margin: auto;
    }
    
    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      background: rgba(0,0,0,0.7);
      color: white;
      border: none;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      font-weight: bold;
      font-size: 1.5rem;
      cursor: pointer;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
    }
    
    .close-btn:hover {
      background: var(--main-red);
      transform: rotate(90deg);
    }
    
    /* ========== LOADING ANIMATION ========== */
    .loading {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 200px;
    }
    
    .spinner {
      width: 40px;
      height: 40px;
      border: 4px solid rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      border-top-color: var(--main-red);
      animation: spin 1s ease-in-out infinite;
    }
    
    @keyframes spin {
      to { transform: rotate(360deg); }
    }

    /* ========== THEME SELECTOR UI ========== */
    .theme-selector-container {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 10000;
    }

    .theme-selector-toggle {
      background: linear-gradient(135deg, var(--main-red), var(--main-yellow));
      color: white;
      border: none;
      padding: 14px 24px;
      border-radius: 50px;
      cursor: pointer;
      font-weight: 900;
      font-size: 1rem;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
      transition: all 0.3s ease;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .theme-selector-toggle:hover {
      transform: translateY(-3px) scale(1.05);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
    }

    .theme-selector-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.85);
      backdrop-filter: blur(10px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 99999;
      animation: fadeIn 0.3s ease;
    }

    .theme-selector-modal.active {
      display: flex;
    }

    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    .theme-selector-content {
      background: var(--glass-bg);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 20px;
      padding: 30px;
      max-width: 800px;
      width: 90%;
      max-height: 80vh;
      overflow-y: auto;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
      animation: slideUp 0.3s ease;
    }

    @keyframes slideUp {
      from { transform: translateY(50px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }

    .theme-selector-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 2px solid var(--main-red);
    }

    .theme-selector-header h2 {
      color: var(--text-light);
      font-size: 1.8rem;
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .theme-close-btn {
      background: rgba(255, 0, 0, 0.2);
      color: var(--text-light);
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      font-size: 1.5rem;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .theme-close-btn:hover {
      background: var(--main-red);
      transform: rotate(90deg);
    }

    .theme-search {
      margin-bottom: 20px;
    }

    .theme-search input {
      width: 100%;
      padding: 12px 20px;
      border-radius: 25px;
      border: 2px solid rgba(255, 255, 255, 0.1);
      background: rgba(0, 0, 0, 0.3);
      color: var(--text-light);
      font-size: 1rem;
      outline: none;
      transition: all 0.3s ease;
    }

    .theme-search input:focus {
      border-color: var(--main-red);
      background: rgba(0, 0, 0, 0.5);
    }

    .theme-categories {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .theme-category {
      background: rgba(255, 255, 255, 0.05);
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.05);
    }

    .theme-category summary {
      cursor: pointer;
      padding: 15px 20px;
      background: rgba(0, 0, 0, 0.3);
      font-weight: 900;
      color: var(--main-yellow);
      text-transform: uppercase;
      letter-spacing: 1.5px;
      transition: all 0.3s ease;
      user-select: none;
    }

    .theme-category summary:hover {
      background: var(--main-red);
      color: white;
    }

    .theme-category[open] summary {
      background: var(--main-red);
      color: white;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .theme-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: 10px;
      padding: 15px;
    }

    .theme-btn {
      padding: 12px 16px;
      background: rgba(255, 255, 255, 0.05);
      border: 2px solid rgba(255, 255, 255, 0.1);
      border-radius: 10px;
      color: var(--text-light);
      cursor: pointer;
      font-weight: 700;
      font-size: 0.9rem;
      text-align: center;
      transition: all 0.3s ease;
      text-transform: capitalize;
    }

    .theme-btn:hover {
      background: var(--main-red);
      border-color: var(--main-red);
      transform: translateY(-3px);
      box-shadow: 0 5px 15px rgba(255, 35, 35, 0.3);
    }

    .theme-btn.active {
      background: var(--main-yellow);
      border-color: var(--main-yellow);
      color: #000;
    }

    @media (max-width: 768px) {
      .theme-selector-content {
        width: 95%;
        padding: 20px;
        max-height: 85vh;
      }
      
      .theme-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 8px;
      }
      
      .theme-selector-toggle {
        padding: 12px 20px;
        font-size: 0.9rem;
      }
    }

    .theme-selector-content::-webkit-scrollbar {
      width: 8px;
    }

    .theme-selector-content::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.2);
      border-radius: 10px;
    }

    .theme-selector-content::-webkit-scrollbar-thumb {
      background: var(--main-red);
      border-radius: 10px;
    }

    .theme-selector-content::-webkit-scrollbar-thumb:hover {
      background: var(--main-yellow);
    }

    @keyframes slideDown {
      from { transform: translateX(-50%) translateY(-100px); opacity: 0; }
      to { transform: translateX(-50%) translateY(0); opacity: 1; }
    }
    
    @keyframes slideUpAnim {
      from { transform: translateX(-50%) translateY(0); opacity: 1; }
      to { transform: translateX(-50%) translateY(-100px); opacity: 0; }
    }
    
    /* ========== 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);
      margin-top: 48px;
      backdrop-filter: blur(10px);
    }
    
    .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: 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: all 0.2s;
      box-shadow: 0 2px 8px rgba(255,35,35,0.08);
    }
    
    .footer-modern__link:hover,
    .footer-modern__link:focus {
      background: var(--main-red);
      color: #fff;
      outline: none;
      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;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
    
    .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: rgba(20,20,20,0.55);
      color: #fff;
      min-width: 200px;
    }
    
    .footer-modern__newsletter input[type="email"]:focus {
      border-color: var(--main-red);
      background: rgba(255,255,255,0.12);
    }
    
    .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: background 0.2s;
      letter-spacing: 1.5px;
    }
    
    .footer-modern__newsletter button:hover {
      background: var(--main-yellow);
      color: #000;
    }
    
    .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: all 0.2s;
      text-decoration: none;
    }
    
    .footer-modern__icon:hover,
    .footer-modern__icon:focus {
      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;
    }
    
    .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;
  width: 100%; /* Full width to appear on its own line */
  text-align: center;
  margin-bottom: 4px;
}
    
    @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 {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 400px;
  }
  
  .footer-modern__label {
    text-align: center;
  }
}

@media(max-width:600px) {
  .footer-modern__newsletter input,
  .footer-modern__newsletter button {
    width: 100%;
  }
}
    
    @media(max-width:600px) {
      .footer-modern__newsletter input,
      .footer-modern__newsletter button {
        width: 100%;
      }
    }
	
	.hashtag-cloud.hidden-hashtags {
  display: none;
}

	body {
    overflow-x: hidden;
    max-width: 100%;
}

html {
    overflow-x: hidden;
}