/* EduManage v5 — 10 additional theme palettes (11–20) */



[data-theme="ocean"] {

    --color-primary: #0ea5e9;

    --color-primary-50: #eff6ff;

    --color-primary-100: #dbeafe;

    --color-primary-200: #bfdbfe;

    --color-primary-300: #93c5fd;

    --color-primary-400: #60a5fa;

    --color-primary-500: #0ea5e9;

    --color-primary-600: #0284c7;

    --color-primary-700: #0369a1;

    --color-primary-800: #075985;

    --color-primary-900: #0c4a6e;

    --color-sidebar: #0f172a;

    --color-sidebar-hover: #1e293b;

    --color-sidebar-active: rgba(14, 165, 233, 0.15);

    --color-sidebar-text: #94a3b8;

    --color-header: #ffffff;

    --color-header-text: #1e293b;

}



[data-theme="cyan"] {

    --color-primary: #06b6d4;

    --color-primary-50: #ecfeff;

    --color-primary-100: #cffafe;

    --color-primary-200: #a5f3fc;

    --color-primary-300: #67e8f9;

    --color-primary-400: #22d3ee;

    --color-primary-500: #06b6d4;

    --color-primary-600: #0891b2;

    --color-primary-700: #0e7490;

    --color-primary-800: #155e75;

    --color-primary-900: #164e63;

    --color-sidebar: #083344;

    --color-sidebar-hover: #0c4a5e;

    --color-sidebar-active: rgba(6, 182, 212, 0.18);

    --color-sidebar-text: #a5f3fc;

    --color-header: #ffffff;

    --color-header-text: #083344;

}



[data-theme="lime"] {

    --color-primary: #84cc16;

    --color-primary-50: #f7fee7;

    --color-primary-100: #ecfccb;

    --color-primary-200: #d9f99d;

    --color-primary-300: #bef264;

    --color-primary-400: #a3e635;

    --color-primary-500: #84cc16;

    --color-primary-600: #65a30d;

    --color-primary-700: #4d7c0f;

    --color-primary-800: #3f6212;

    --color-primary-900: #365314;

    --color-sidebar: #1a2e05;

    --color-sidebar-hover: #274406;

    --color-sidebar-active: rgba(132, 204, 22, 0.18);

    --color-sidebar-text: #d9f99d;

    --color-header: #ffffff;

    --color-header-text: #1a2e05;

}



[data-theme="cobalt"] {

    --color-primary: #2563eb;

    --color-primary-50: #eff6ff;

    --color-primary-100: #dbeafe;

    --color-primary-200: #bfdbfe;

    --color-primary-300: #93c5fd;

    --color-primary-400: #60a5fa;

    --color-primary-500: #2563eb;

    --color-primary-600: #1d4ed8;

    --color-primary-700: #1e40af;

    --color-primary-800: #1e3a8a;

    --color-primary-900: #172554;

    --color-sidebar: #0f172a;

    --color-sidebar-hover: #1e3a8a;

    --color-sidebar-active: rgba(37, 99, 235, 0.2);

    --color-sidebar-text: #93c5fd;

    --color-header: #ffffff;

    --color-header-text: #0f172a;

}



[data-theme="wine"] {

    --color-primary: #9f1239;

    --color-primary-50: #fff1f2;

    --color-primary-100: #ffe4e6;

    --color-primary-200: #fecdd3;

    --color-primary-300: #fda4af;

    --color-primary-400: #fb7185;

    --color-primary-500: #9f1239;

    --color-primary-600: #881337;

    --color-primary-700: #701a2e;

    --color-primary-800: #5c1224;

    --color-primary-900: #4c0519;

    --color-sidebar: #2d0618;

    --color-sidebar-hover: #4a0e28;

    --color-sidebar-active: rgba(159, 18, 57, 0.22);

    --color-sidebar-text: #fda4af;

    --color-header: #ffffff;

    --color-header-text: #2d0618;

}



[data-theme="mint"] {

    --color-primary: #2dd4bf;

    --color-primary-50: #f0fdfa;

    --color-primary-100: #ccfbf1;

    --color-primary-200: #99f6e4;

    --color-primary-300: #5eead4;

    --color-primary-400: #2dd4bf;

    --color-primary-500: #14b8a6;

    --color-primary-600: #0d9488;

    --color-primary-700: #0f766e;

    --color-primary-800: #115e59;

    --color-primary-900: #134e4a;

    --color-sidebar: #042f2e;

    --color-sidebar-hover: #0d5c56;

    --color-sidebar-active: rgba(45, 212, 191, 0.18);

    --color-sidebar-text: #99f6e4;

    --color-header: #ffffff;

    --color-header-text: #042f2e;

}



[data-theme="coral"] {

    --color-primary: #fb7185;

    --color-primary-50: #fff1f2;

    --color-primary-100: #ffe4e6;

    --color-primary-200: #fecdd3;

    --color-primary-300: #fda4af;

    --color-primary-400: #fb7185;

    --color-primary-500: #f43f5e;

    --color-primary-600: #e11d48;

    --color-primary-700: #be123c;

    --color-primary-800: #9f1239;

    --color-primary-900: #881337;

    --color-sidebar: #3f0d1a;

    --color-sidebar-hover: #5c1528;

    --color-sidebar-active: rgba(251, 113, 133, 0.2);

    --color-sidebar-text: #fecdd3;

    --color-header: #ffffff;

    --color-header-text: #3f0d1a;

}



[data-theme="navy"] {

    --color-primary: #1e3a8a;

    --color-primary-50: #eff6ff;

    --color-primary-100: #dbeafe;

    --color-primary-200: #bfdbfe;

    --color-primary-300: #93c5fd;

    --color-primary-400: #60a5fa;

    --color-primary-500: #1e3a8a;

    --color-primary-600: #1e40af;

    --color-primary-700: #1d4ed8;

    --color-primary-800: #172554;

    --color-primary-900: #0f172a;

    --color-sidebar: #020617;

    --color-sidebar-hover: #0f172a;

    --color-sidebar-active: rgba(30, 58, 138, 0.35);

    --color-sidebar-text: #94a3b8;

    --color-header: #ffffff;

    --color-header-text: #020617;

}



[data-theme="gold"] {

    --color-primary: #ca8a04;

    --color-primary-50: #fefce8;

    --color-primary-100: #fef9c3;

    --color-primary-200: #fef08a;

    --color-primary-300: #fde047;

    --color-primary-400: #facc15;

    --color-primary-500: #ca8a04;

    --color-primary-600: #a16207;

    --color-primary-700: #854d0e;

    --color-primary-800: #713f12;

    --color-primary-900: #422006;

    --color-sidebar: #1c1404;

    --color-sidebar-hover: #33260a;

    --color-sidebar-active: rgba(202, 138, 4, 0.22);

    --color-sidebar-text: #fde047;

    --color-header: #ffffff;

    --color-header-text: #1c1404;

}



[data-theme="orchid"] {

    --color-primary: #c026d3;

    --color-primary-50: #fdf4ff;

    --color-primary-100: #fae8ff;

    --color-primary-200: #f5d0fe;

    --color-primary-300: #f0abfc;

    --color-primary-400: #e879f9;

    --color-primary-500: #c026d3;

    --color-primary-600: #a21caf;

    --color-primary-700: #86198f;

    --color-primary-800: #701a75;

    --color-primary-900: #581c87;

    --color-sidebar: #3b0764;

    --color-sidebar-hover: #581c87;

    --color-sidebar-active: rgba(192, 38, 211, 0.2);

    --color-sidebar-text: #f0abfc;

    --color-header: #ffffff;

    --color-header-text: #3b0764;

}



[data-theme="graphite"] {

    --color-primary: #52525b;

    --color-primary-50: #fafafa;

    --color-primary-100: #f4f4f5;

    --color-primary-200: #e4e4e7;

    --color-primary-300: #d4d4d8;

    --color-primary-400: #a1a1aa;

    --color-primary-500: #52525b;

    --color-primary-600: #3f3f46;

    --color-primary-700: #27272a;

    --color-primary-800: #18181b;

    --color-primary-900: #09090b;

    --color-sidebar: #09090b;

    --color-sidebar-hover: #18181b;

    --color-sidebar-active: rgba(82, 82, 91, 0.25);

    --color-sidebar-text: #a1a1aa;

    --color-header: #ffffff;

    --color-header-text: #09090b;

}



/* ========== 20 brand-new pleasing palettes (21-40) ========== */



[data-theme="sapphire"]{--color-primary:#0f4c81;--color-primary-50:#e8f0f9;--color-primary-100:#c5d9f0;--color-primary-200:#9ebde4;--color-primary-300:#70a0d6;--color-primary-400:#4483c8;--color-primary-500:#0f4c81;--color-primary-600:#0d4170;--color-primary-700:#0a355c;--color-primary-800:#072947;--color-primary-900:#051e35;--color-sidebar:#051e35;--color-sidebar-hover:#0a355c;--color-sidebar-active:rgba(15,76,129,.25);--color-sidebar-text:#9ebde4;--color-header:#ffffff;--color-header-text:#051e35}

[data-theme="jade"]{--color-primary:#00a86b;--color-primary-50:#e0f7ed;--color-primary-100:#b3ebd3;--color-primary-200:#80ddb5;--color-primary-300:#4dcf97;--color-primary-400:#26c481;--color-primary-500:#00a86b;--color-primary-600:#00945d;--color-primary-700:#007c4d;--color-primary-800:#00633d;--color-primary-900:#004d2f;--color-sidebar:#003d27;--color-sidebar-hover:#007c4d;--color-sidebar-active:rgba(0,168,107,.25);--color-sidebar-text:#80ddb5;--color-header:#ffffff;--color-header-text:#003d27}

[data-theme="lavender"]{--color-primary:#9b72cf;--color-primary-50:#f3edfa;--color-primary-100:#e2d4f3;--color-primary-200:#ceb6ea;--color-primary-300:#ba98e1;--color-primary-400:#ab80da;--color-primary-500:#9b72cf;--color-primary-600:#885fc2;--color-primary-700:#724dae;--color-primary-800:#5d3c96;--color-primary-900:#4a2e7d;--color-sidebar:#2d1b4e;--color-sidebar-hover:#5d3c96;--color-sidebar-active:rgba(155,114,207,.25);--color-sidebar-text:#ceb6ea;--color-header:#ffffff;--color-header-text:#2d1b4e}

[data-theme="peach"]{--color-primary:#ffb07c;--color-primary-50:#fff5ed;--color-primary-100:#ffe6d4;--color-primary-200:#ffd4b5;--color-primary-300:#ffc296;--color-primary-400:#ffb387;--color-primary-500:#ffb07c;--color-primary-600:#e89a68;--color-primary-700:#cc7f50;--color-primary-800:#ad653b;--color-primary-900:#8f4d28;--color-sidebar:#4d2612;--color-sidebar-hover:#8f4d28;--color-sidebar-active:rgba(255,176,124,.25);--color-sidebar-text:#ffd4b5;--color-header:#ffffff;--color-header-text:#4d2612}

[data-theme="steel"]{--color-primary:#4682b4;--color-primary-50:#e8f1f8;--color-primary-100:#c5dcee;--color-primary-200:#9dc2e1;--color-primary-300:#75a8d4;--color-primary-400:#5793c9;--color-primary-500:#4682b4;--color-primary-600:#3b709b;--color-primary-700:#2f5b7e;--color-primary-800:#244661;--color-primary-900:#1a3348;--color-sidebar:#0f2840;--color-sidebar-hover:#2f5b7e;--color-sidebar-active:rgba(70,130,180,.25);--color-sidebar-text:#9dc2e1;--color-header:#ffffff;--color-header-text:#0f2840}

[data-theme="terracotta"]{--color-primary:#d2695c;--color-primary-50:#f8ece8;--color-primary-100:#efd1ca;--color-primary-200:#e4b1a6;--color-primary-300:#d99183;--color-primary-400:#d07869;--color-primary-500:#d2695c;--color-primary-600:#bd5a4d;--color-primary-700:#a3493d;--color-primary-800:#86392e;--color-primary-900:#6c2b22;--color-sidebar:#4a1f18;--color-sidebar-hover:#86392e;--color-sidebar-active:rgba(210,105,92,.25);--color-sidebar-text:#e4b1a6;--color-header:#ffffff;--color-header-text:#4a1f18}

[data-theme="plum"]{--color-primary:#673147;--color-primary-50:#efe5e9;--color-primary-100:#d8c0ca;--color-primary-200:#bd95a6;--color-primary-300:#a26a82;--color-primary-400:#8c4f67;--color-primary-500:#673147;--color-primary-600:#592a3c;--color-primary-700:#492231;--color-primary-800:#391a26;--color-primary-900:#2a121b;--color-sidebar:#2a121b;--color-sidebar-hover:#492231;--color-sidebar-active:rgba(103,49,71,.3);--color-sidebar-text:#bd95a6;--color-header:#ffffff;--color-header-text:#2a121b}

[data-theme="sage"]{--color-primary:#87ae73;--color-primary-50:#edf3e9;--color-primary-100:#d3e2c9;--color-primary-200:#b5cda5;--color-primary-300:#97b881;--color-primary-400:#81a967;--color-primary-500:#87ae73;--color-primary-600:#749960;--color-primary-700:#5f804b;--color-primary-800:#4b6639;--color-primary-900:#394f2a;--color-sidebar:#21351a;--color-sidebar-hover:#4b6639;--color-sidebar-active:rgba(135,174,115,.25);--color-sidebar-text:#b5cda5;--color-header:#ffffff;--color-header-text:#21351a}

[data-theme="dusty-rose"]{--color-primary:#c08081;--color-primary-50:#f4eae9;--color-primary-100:#e6cdcc;--color-primary-200:#d5acab;--color-primary-300:#c48b8a;--color-primary-400:#c08081;--color-primary-500:#b47273;--color-primary-600:#a15f60;--color-primary-700:#894a4b;--color-primary-800:#6e3738;--color-primary-900:#562728;--color-sidebar:#402324;--color-sidebar-hover:#6e3738;--color-sidebar-active:rgba(192,128,129,.25);--color-sidebar-text:#d5acab;--color-header:#ffffff;--color-header-text:#402324}

[data-theme="arctic"]{--color-primary:#77b5fe;--color-primary-50:#eaf3ff;--color-primary-100:#cee4fe;--color-primary-200:#aacffe;--color-primary-300:#86bafe;--color-primary-400:#77b5fe;--color-primary-500:#6aa7f2;--color-primary-600:#5490d6;--color-primary-700:#3b76b8;--color-primary-800:#255d99;--color-primary-900:#17477d;--color-sidebar:#143a5c;--color-sidebar-hover:#3b76b8;--color-sidebar-active:rgba(119,181,254,.25);--color-sidebar-text:#aacffe;--color-header:#ffffff;--color-header-text:#143a5c}

[data-theme="charcoal"]{--color-primary:#36454f;--color-primary-50:#eaeced;--color-primary-100:#cdd1d4;--color-primary-200:#aab1b6;--color-primary-300:#879198;--color-primary-400:#6c7880;--color-primary-500:#36454f;--color-primary-600:#2d3a42;--color-primary-700:#232d34;--color-primary-800:#1a2126;--color-primary-900:#111518;--color-sidebar:#111518;--color-sidebar-hover:#232d34;--color-sidebar-active:rgba(54,69,79,.35);--color-sidebar-text:#aab1b6;--color-header:#ffffff;--color-header-text:#111518}

[data-theme="marigold"]{--color-primary:#eaa221;--color-primary-50:#fdf4e0;--color-primary-100:#fae5b3;--color-primary-200:#f6d380;--color-primary-300:#f2c14d;--color-primary-400:#eeae2b;--color-primary-500:#eaa221;--color-primary-600:#cf8d1b;--color-primary-700:#b07515;--color-primary-800:#8f5d0f;--color-primary-900:#73480a;--color-sidebar:#4d3202;--color-sidebar-hover:#8f5d0f;--color-sidebar-active:rgba(234,162,33,.25);--color-sidebar-text:#f6d380;--color-header:#ffffff;--color-header-text:#4d3202}

[data-theme="berry"]{--color-primary:#8a307f;--color-primary-50:#f0e6ee;--color-primary-100:#dac0d6;--color-primary-200:#c095ba;--color-primary-300:#a66a9e;--color-primary-400:#94498c;--color-primary-500:#8a307f;--color-primary-600:#792970;--color-primary-700:#64215e;--color-primary-800:#4f1a4b;--color-primary-900:#3d133a;--color-sidebar:#320d2d;--color-sidebar-hover:#64215e;--color-sidebar-active:rgba(138,48,127,.25);--color-sidebar-text:#c095ba;--color-header:#ffffff;--color-header-text:#320d2d}

[data-theme="twilight"]{--color-primary:#2c3e50;--color-primary-50:#e8ebee;--color-primary-100:#c6cdd5;--color-primary-200:#9eaab7;--color-primary-300:#768799;--color-primary-400:#586d82;--color-primary-500:#2c3e50;--color-primary-600:#253545;--color-primary-700:#1d2a38;--color-primary-800:#16202b;--color-primary-900:#0f1722;--color-sidebar:#0d1218;--color-sidebar-hover:#1d2a38;--color-sidebar-active:rgba(44,62,80,.35);--color-sidebar-text:#9eaab7;--color-header:#ffffff;--color-header-text:#0d1218}

[data-theme="cinnamon"]{--color-primary:#7b3f00;--color-primary-50:#efe5d9;--color-primary-100:#d8c0a8;--color-primary-200:#bd9570;--color-primary-300:#a26a38;--color-primary-400:#8c5214;--color-primary-500:#7b3f00;--color-primary-600:#6b3600;--color-primary-700:#582c00;--color-primary-800:#452200;--color-primary-900:#361a00;--color-sidebar:#2e1600;--color-sidebar-hover:#582c00;--color-sidebar-active:rgba(123,63,0,.3);--color-sidebar-text:#bd9570;--color-header:#ffffff;--color-header-text:#2e1600}

[data-theme="moss"]{--color-primary:#5f7355;--color-primary-50:#eaece8;--color-primary-100:#ccd2c7;--color-primary-200:#a9b3a1;--color-primary-300:#86947b;--color-primary-400:#6b7d61;--color-primary-500:#5f7355;--color-primary-600:#516348;--color-primary-700:#41503a;--color-primary-800:#323e2b;--color-primary-900:#252d20;--color-sidebar:#1a2417;--color-sidebar-hover:#41503a;--color-sidebar-active:rgba(95,115,85,.3);--color-sidebar-text:#a9b3a1;--color-header:#ffffff;--color-header-text:#1a2417}

[data-theme="periwinkle"]{--color-primary:#8e8ffa;--color-primary-50:#edeefd;--color-primary-100:#d4d4fb;--color-primary-200:#b5b5f9;--color-primary-300:#9696f7;--color-primary-400:#8e8ffa;--color-primary-500:#7f80f0;--color-primary-600:#6a6bdb;--color-primary-700:#5353c2;--color-primary-800:#3e3ea6;--color-primary-900:#2c2c8a;--color-sidebar:#20217a;--color-sidebar-hover:#5353c2;--color-sidebar-active:rgba(142,143,250,.25);--color-sidebar-text:#b5b5f9;--color-header:#ffffff;--color-header-text:#20217a}

[data-theme="maple"]{--color-primary:#c04000;--color-primary-50:#f6e8e0;--color-primary-100:#eac9b3;--color-primary-200:#dba580;--color-primary-300:#cc814d;--color-primary-400:#c15824;--color-primary-500:#c04000;--color-primary-600:#aa3800;--color-primary-700:#8e2e00;--color-primary-800:#722400;--color-primary-900:#5a1c00;--color-sidebar:#4a1800;--color-sidebar-hover:#8e2e00;--color-sidebar-active:rgba(192,64,0,.3);--color-sidebar-text:#dba580;--color-header:#ffffff;--color-header-text:#4a1800}

[data-theme="seafoam"]{--color-primary:#3b9c9c;--color-primary-50:#e6f3f3;--color-primary-100:#c0e2e2;--color-primary-200:#94cece;--color-primary-300:#68baba;--color-primary-400:#48aaaa;--color-primary-500:#3b9c9c;--color-primary-600:#328787;--color-primary-700:#286f6f;--color-primary-800:#1e5757;--color-primary-900:#164343;--color-sidebar:#0d3232;--color-sidebar-hover:#286f6f;--color-sidebar-active:rgba(59,156,156,.25);--color-sidebar-text:#94cece;--color-header:#ffffff;--color-header-text:#0d3232}

[data-theme="blush"]{--color-primary:#e8a0bf;--color-primary-50:#fceef4;--color-primary-100:#f8d6e4;--color-primary-200:#f3b9d0;--color-primary-300:#ee9cbc;--color-primary-400:#e8a0bf;--color-primary-500:#dc8cad;--color-primary-600:#c77392;--color-primary-700:#ae5876;--color-primary-800:#93405c;--color-primary-900:#792b45;--color-sidebar:#5e2040;--color-sidebar-hover:#93405c;--color-sidebar-active:rgba(232,160,191,.25);--color-sidebar-text:#f3b9d0;--color-header:#ffffff;--color-header-text:#5e2040}


/* ─────────────────────────────────────────────────────────── */
/* 20 NEW COLOR THEMES — work for both admin panel & website  */
/* ─────────────────────────────────────────────────────────── */

[data-theme="crimson"] {
    --color-primary: #dc143c;
    --color-primary-50: #fff0f3;
    --color-primary-100: #ffd6de;
    --color-primary-200: #ffadbf;
    --color-primary-300: #ff7a99;
    --color-primary-400: #ff4d75;
    --color-primary-500: #dc143c;
    --color-primary-600: #b81033;
    --color-primary-700: #960d2a;
    --color-primary-800: #730a21;
    --color-primary-900: #560718;
    --color-sidebar: #3a0010;
    --color-sidebar-hover: #960d2a;
    --color-sidebar-active: rgba(220,20,60,0.22);
    --color-sidebar-text: #ffadbf;
    --color-header: #ffffff;
    --color-header-text: #3a0010;
}

[data-theme="deep-teal"] {
    --color-primary: #008080;
    --color-primary-50: #e0f5f5;
    --color-primary-100: #b3e5e5;
    --color-primary-200: #80d4d4;
    --color-primary-300: #4dc2c2;
    --color-primary-400: #26b2b2;
    --color-primary-500: #008080;
    --color-primary-600: #006f6f;
    --color-primary-700: #005c5c;
    --color-primary-800: #004848;
    --color-primary-900: #003737;
    --color-sidebar: #002828;
    --color-sidebar-hover: #005c5c;
    --color-sidebar-active: rgba(0,128,128,0.22);
    --color-sidebar-text: #80d4d4;
    --color-header: #ffffff;
    --color-header-text: #002828;
}

[data-theme="saffron"] {
    --color-primary: #ff9800;
    --color-primary-50: #fff8e1;
    --color-primary-100: #ffecb3;
    --color-primary-200: #ffe082;
    --color-primary-300: #ffd54f;
    --color-primary-400: #ffca28;
    --color-primary-500: #ff9800;
    --color-primary-600: #fb8c00;
    --color-primary-700: #f57c00;
    --color-primary-800: #e65100;
    --color-primary-900: #bf360c;
    --color-sidebar: #4e2000;
    --color-sidebar-hover: #f57c00;
    --color-sidebar-active: rgba(255,152,0,0.22);
    --color-sidebar-text: #ffe082;
    --color-header: #ffffff;
    --color-header-text: #4e2000;
}

[data-theme="electric-blue"] {
    --color-primary: #0040ff;
    --color-primary-50: #e6ecff;
    --color-primary-100: #bfccff;
    --color-primary-200: #99b0ff;
    --color-primary-300: #6690ff;
    --color-primary-400: #3368ff;
    --color-primary-500: #0040ff;
    --color-primary-600: #0038db;
    --color-primary-700: #002fb5;
    --color-primary-800: #00268e;
    --color-primary-900: #001c6e;
    --color-sidebar: #000e3d;
    --color-sidebar-hover: #002fb5;
    --color-sidebar-active: rgba(0,64,255,0.2);
    --color-sidebar-text: #99b0ff;
    --color-header: #ffffff;
    --color-header-text: #000e3d;
}

[data-theme="hunter-green"] {
    --color-primary: #355e3b;
    --color-primary-50: #e8f0e9;
    --color-primary-100: #c4d9c7;
    --color-primary-200: #9dbfa2;
    --color-primary-300: #76a57d;
    --color-primary-400: #568f5d;
    --color-primary-500: #355e3b;
    --color-primary-600: #2c5031;
    --color-primary-700: #234026;
    --color-primary-800: #1a311c;
    --color-primary-900: #112414;
    --color-sidebar: #0b1a0c;
    --color-sidebar-hover: #234026;
    --color-sidebar-active: rgba(53,94,59,0.28);
    --color-sidebar-text: #9dbfa2;
    --color-header: #ffffff;
    --color-header-text: #0b1a0c;
}

[data-theme="neon-purple"] {
    --color-primary: #8000ff;
    --color-primary-50: #f2e6ff;
    --color-primary-100: #dbb3ff;
    --color-primary-200: #c280ff;
    --color-primary-300: #a84dff;
    --color-primary-400: #9226ff;
    --color-primary-500: #8000ff;
    --color-primary-600: #6e00db;
    --color-primary-700: #5a00b5;
    --color-primary-800: #46008e;
    --color-primary-900: #33006e;
    --color-sidebar: #1a003a;
    --color-sidebar-hover: #5a00b5;
    --color-sidebar-active: rgba(128,0,255,0.2);
    --color-sidebar-text: #c280ff;
    --color-header: #ffffff;
    --color-header-text: #1a003a;
}

[data-theme="copper"] {
    --color-primary: #b87333;
    --color-primary-50: #f7ede3;
    --color-primary-100: #ead2b8;
    --color-primary-200: #dab588;
    --color-primary-300: #ca9859;
    --color-primary-400: #c08438;
    --color-primary-500: #b87333;
    --color-primary-600: #9e622b;
    --color-primary-700: #835022;
    --color-primary-800: #673e1a;
    --color-primary-900: #4f2f12;
    --color-sidebar: #311c07;
    --color-sidebar-hover: #835022;
    --color-sidebar-active: rgba(184,115,51,0.25);
    --color-sidebar-text: #dab588;
    --color-header: #ffffff;
    --color-header-text: #311c07;
}

[data-theme="space-gray"] {
    --color-primary: #6b7280;
    --color-primary-50: #f3f4f6;
    --color-primary-100: #e5e7eb;
    --color-primary-200: #d1d5db;
    --color-primary-300: #9ca3af;
    --color-primary-400: #6b7280;
    --color-primary-500: #4b5563;
    --color-primary-600: #374151;
    --color-primary-700: #1f2937;
    --color-primary-800: #111827;
    --color-primary-900: #030712;
    --color-sidebar: #030712;
    --color-sidebar-hover: #1f2937;
    --color-sidebar-active: rgba(107,114,128,0.3);
    --color-sidebar-text: #d1d5db;
    --color-header: #ffffff;
    --color-header-text: #030712;
}

[data-theme="forest-fire"] {
    --color-primary: #b5451b;
    --color-primary-50: #fdf0eb;
    --color-primary-100: #f9d4c3;
    --color-primary-200: #f3b39b;
    --color-primary-300: #eb8e6e;
    --color-primary-400: #e26e4a;
    --color-primary-500: #b5451b;
    --color-primary-600: #9c3b17;
    --color-primary-700: #813012;
    --color-primary-800: #65250d;
    --color-primary-900: #4d1c09;
    --color-sidebar: #2f0e04;
    --color-sidebar-hover: #813012;
    --color-sidebar-active: rgba(181,69,27,0.25);
    --color-sidebar-text: #f3b39b;
    --color-header: #ffffff;
    --color-header-text: #2f0e04;
}

[data-theme="sky-blue"] {
    --color-primary: #38bdf8;
    --color-primary-50: #f0f9ff;
    --color-primary-100: #e0f2fe;
    --color-primary-200: #bae6fd;
    --color-primary-300: #7dd3fc;
    --color-primary-400: #38bdf8;
    --color-primary-500: #0ea5e9;
    --color-primary-600: #0284c7;
    --color-primary-700: #0369a1;
    --color-primary-800: #075985;
    --color-primary-900: #0c4a6e;
    --color-sidebar: #082f49;
    --color-sidebar-hover: #0369a1;
    --color-sidebar-active: rgba(56,189,248,0.2);
    --color-sidebar-text: #bae6fd;
    --color-header: #ffffff;
    --color-header-text: #082f49;
}

[data-theme="earth"] {
    --color-primary: #8b5e3c;
    --color-primary-50: #f4ede6;
    --color-primary-100: #e0ccbb;
    --color-primary-200: #c9a98c;
    --color-primary-300: #b2875e;
    --color-primary-400: #a07040;
    --color-primary-500: #8b5e3c;
    --color-primary-600: #765032;
    --color-primary-700: #5f4028;
    --color-primary-800: #4a311e;
    --color-primary-900: #382515;
    --color-sidebar: #231509;
    --color-sidebar-hover: #5f4028;
    --color-sidebar-active: rgba(139,94,60,0.28);
    --color-sidebar-text: #c9a98c;
    --color-header: #ffffff;
    --color-header-text: #231509;
}

[data-theme="glacier"] {
    --color-primary: #a8d8ea;
    --color-primary-50: #f4fafc;
    --color-primary-100: #ddf0f7;
    --color-primary-200: #bce3f0;
    --color-primary-300: #a8d8ea;
    --color-primary-400: #81c4df;
    --color-primary-500: #5aaacf;
    --color-primary-600: #3a8fb5;
    --color-primary-700: #2a7296;
    --color-primary-800: #1d5774;
    --color-primary-900: #134059;
    --color-sidebar: #0b2e42;
    --color-sidebar-hover: #2a7296;
    --color-sidebar-active: rgba(168,216,234,0.22);
    --color-sidebar-text: #bce3f0;
    --color-header: #ffffff;
    --color-header-text: #0b2e42;
}

[data-theme="mango"] {
    --color-primary: #ff6d00;
    --color-primary-50: #fff3e0;
    --color-primary-100: #ffe0b2;
    --color-primary-200: #ffcc80;
    --color-primary-300: #ffb74d;
    --color-primary-400: #ffa726;
    --color-primary-500: #ff6d00;
    --color-primary-600: #e65100;
    --color-primary-700: #bf360c;
    --color-primary-800: #a02900;
    --color-primary-900: #7d1f00;
    --color-sidebar: #4e1900;
    --color-sidebar-hover: #bf360c;
    --color-sidebar-active: rgba(255,109,0,0.22);
    --color-sidebar-text: #ffcc80;
    --color-header: #ffffff;
    --color-header-text: #4e1900;
}

[data-theme="aurora"] {
    --color-primary: #00c9a7;
    --color-primary-50: #e0faf5;
    --color-primary-100: #b3f2e6;
    --color-primary-200: #80e9d5;
    --color-primary-300: #4ddfc3;
    --color-primary-400: #26d5b4;
    --color-primary-500: #00c9a7;
    --color-primary-600: #00ae90;
    --color-primary-700: #008f77;
    --color-primary-800: #00705d;
    --color-primary-900: #005748;
    --color-sidebar: #003830;
    --color-sidebar-hover: #008f77;
    --color-sidebar-active: rgba(0,201,167,0.22);
    --color-sidebar-text: #80e9d5;
    --color-header: #ffffff;
    --color-header-text: #003830;
}

[data-theme="volcanic"] {
    --color-primary: #6d0000;
    --color-primary-50: #fde8e8;
    --color-primary-100: #f9c0c0;
    --color-primary-200: #f59595;
    --color-primary-300: #f06a6a;
    --color-primary-400: #e84040;
    --color-primary-500: #6d0000;
    --color-primary-600: #5c0000;
    --color-primary-700: #4b0000;
    --color-primary-800: #3a0000;
    --color-primary-900: #2c0000;
    --color-sidebar: #1a0000;
    --color-sidebar-hover: #4b0000;
    --color-sidebar-active: rgba(109,0,0,0.35);
    --color-sidebar-text: #f59595;
    --color-header: #ffffff;
    --color-header-text: #1a0000;
}

[data-theme="tropical"] {
    --color-primary: #00b4d8;
    --color-primary-50: #e0f8fd;
    --color-primary-100: #b3edf8;
    --color-primary-200: #80e2f3;
    --color-primary-300: #4dd7ee;
    --color-primary-400: #26cde8;
    --color-primary-500: #00b4d8;
    --color-primary-600: #009cb8;
    --color-primary-700: #008099;
    --color-primary-800: #006478;
    --color-primary-900: #004d5d;
    --color-sidebar: #00313c;
    --color-sidebar-hover: #008099;
    --color-sidebar-active: rgba(0,180,216,0.22);
    --color-sidebar-text: #80e2f3;
    --color-header: #ffffff;
    --color-header-text: #00313c;
}

[data-theme="espresso"] {
    --color-primary: #4a2c2a;
    --color-primary-50: #ece5e5;
    --color-primary-100: #d0beba;
    --color-primary-200: #b1948f;
    --color-primary-300: #926964;
    --color-primary-400: #7a4c46;
    --color-primary-500: #4a2c2a;
    --color-primary-600: #3e2422;
    --color-primary-700: #321d1a;
    --color-primary-800: #261614;
    --color-primary-900: #1c100e;
    --color-sidebar: #120b09;
    --color-sidebar-hover: #321d1a;
    --color-sidebar-active: rgba(74,44,42,0.38);
    --color-sidebar-text: #b1948f;
    --color-header: #ffffff;
    --color-header-text: #120b09;
}

[data-theme="fuchsia"] {
    --color-primary: #d946ef;
    --color-primary-50: #fdf4ff;
    --color-primary-100: #fae8ff;
    --color-primary-200: #f5d0fe;
    --color-primary-300: #f0abfc;
    --color-primary-400: #e879f9;
    --color-primary-500: #d946ef;
    --color-primary-600: #c026d3;
    --color-primary-700: #a21caf;
    --color-primary-800: #86198f;
    --color-primary-900: #701a75;
    --color-sidebar: #3b0040;
    --color-sidebar-hover: #a21caf;
    --color-sidebar-active: rgba(217,70,239,0.2);
    --color-sidebar-text: #f5d0fe;
    --color-header: #ffffff;
    --color-header-text: #3b0040;
}

[data-theme="bronze"] {
    --color-primary: #cd7f32;
    --color-primary-50: #f8f0e3;
    --color-primary-100: #eed9b5;
    --color-primary-200: #e3bf82;
    --color-primary-300: #d8a550;
    --color-primary-400: #cf9132;
    --color-primary-500: #cd7f32;
    --color-primary-600: #b36d2a;
    --color-primary-700: #955921;
    --color-primary-800: #774518;
    --color-primary-900: #5e3510;
    --color-sidebar: #3a1f07;
    --color-sidebar-hover: #955921;
    --color-sidebar-active: rgba(205,127,50,0.25);
    --color-sidebar-text: #e3bf82;
    --color-header: #ffffff;
    --color-header-text: #3a1f07;
}

[data-theme="midnight-purple"] {
    --color-primary: #4b0082;
    --color-primary-50: #ede6f6;
    --color-primary-100: #d1bde9;
    --color-primary-200: #b394da;
    --color-primary-300: #956acb;
    --color-primary-400: #7e4cc0;
    --color-primary-500: #4b0082;
    --color-primary-600: #400070;
    --color-primary-700: #34005b;
    --color-primary-800: #280047;
    --color-primary-900: #1e0036;
    --color-sidebar: #140024;
    --color-sidebar-hover: #34005b;
    --color-sidebar-active: rgba(75,0,130,0.3);
    --color-sidebar-text: #b394da;
    --color-header: #ffffff;
    --color-header-text: #140024;
}

/* ══════════════════════════════════════════════════════════════════
   EduManage v5 — 20 NEW THEMES (batch 3) — admin + website compatible
   ══════════════════════════════════════════════════════════════════ */

[data-theme="crimson"] {
    --color-primary: #dc143c;
    --color-primary-50: #fff0f3;
    --color-primary-100: #ffd6dc;
    --color-primary-200: #ffadb9;
    --color-primary-300: #ff7a8f;
    --color-primary-400: #f04668;
    --color-primary-500: #dc143c;
    --color-primary-600: #b80f32;
    --color-primary-700: #940c28;
    --color-primary-800: #720920;
    --color-primary-900: #550718;
    --color-sidebar: #3b0414;
    --color-sidebar-hover: #72091f;
    --color-sidebar-active: rgba(220,20,60,.22);
    --color-sidebar-text: #ffc5cf;
    --color-header: #ffffff;
    --color-header-text: #3b0414;
}

[data-theme="deep-teal"] {
    --color-primary: #008080;
    --color-primary-50: #e0f7f7;
    --color-primary-100: #b3eded;
    --color-primary-200: #7fdede;
    --color-primary-300: #4bcece;
    --color-primary-400: #1fbfbf;
    --color-primary-500: #008080;
    --color-primary-600: #006e6e;
    --color-primary-700: #005a5a;
    --color-primary-800: #004646;
    --color-primary-900: #003535;
    --color-sidebar: #002525;
    --color-sidebar-hover: #005a5a;
    --color-sidebar-active: rgba(0,128,128,.25);
    --color-sidebar-text: #7fdede;
    --color-header: #ffffff;
    --color-header-text: #002525;
}

[data-theme="saffron"] {
    --color-primary: #ff9800;
    --color-primary-50: #fff8e1;
    --color-primary-100: #ffecb3;
    --color-primary-200: #ffe082;
    --color-primary-300: #ffd54f;
    --color-primary-400: #ffca28;
    --color-primary-500: #ff9800;
    --color-primary-600: #e65100;
    --color-primary-700: #bf360c;
    --color-primary-800: #a02700;
    --color-primary-900: #7d1b00;
    --color-sidebar: #3e1100;
    --color-sidebar-hover: #bf360c;
    --color-sidebar-active: rgba(255,152,0,.25);
    --color-sidebar-text: #ffe082;
    --color-header: #ffffff;
    --color-header-text: #3e1100;
}

[data-theme="electric-blue"] {
    --color-primary: #0040ff;
    --color-primary-50: #e8eeff;
    --color-primary-100: #c2d0ff;
    --color-primary-200: #94afff;
    --color-primary-300: #5d87ff;
    --color-primary-400: #2c63ff;
    --color-primary-500: #0040ff;
    --color-primary-600: #0036d6;
    --color-primary-700: #002aaa;
    --color-primary-800: #001f80;
    --color-primary-900: #001560;
    --color-sidebar: #000d3b;
    --color-sidebar-hover: #001f80;
    --color-sidebar-active: rgba(0,64,255,.25);
    --color-sidebar-text: #94afff;
    --color-header: #ffffff;
    --color-header-text: #000d3b;
}

[data-theme="hunter-green"] {
    --color-primary: #355e3b;
    --color-primary-50: #eaf1eb;
    --color-primary-100: #c7dcc9;
    --color-primary-200: #9fc5a4;
    --color-primary-300: #77ad7f;
    --color-primary-400: #559963;
    --color-primary-500: #355e3b;
    --color-primary-600: #2c5031;
    --color-primary-700: #234127;
    --color-primary-800: #1b331e;
    --color-primary-900: #132716;
    --color-sidebar: #0c1f0e;
    --color-sidebar-hover: #234127;
    --color-sidebar-active: rgba(53,94,59,.3);
    --color-sidebar-text: #9fc5a4;
    --color-header: #ffffff;
    --color-header-text: #0c1f0e;
}

[data-theme="neon-purple"] {
    --color-primary: #8000ff;
    --color-primary-50: #f2e6ff;
    --color-primary-100: #dab3ff;
    --color-primary-200: #be80ff;
    --color-primary-300: #a24cff;
    --color-primary-400: #8b26ff;
    --color-primary-500: #8000ff;
    --color-primary-600: #6c00d9;
    --color-primary-700: #5600af;
    --color-primary-800: #410088;
    --color-primary-900: #2f0063;
    --color-sidebar: #1c0040;
    --color-sidebar-hover: #5600af;
    --color-sidebar-active: rgba(128,0,255,.25);
    --color-sidebar-text: #be80ff;
    --color-header: #ffffff;
    --color-header-text: #1c0040;
}

[data-theme="copper"] {
    --color-primary: #b87333;
    --color-primary-50: #f8f0e8;
    --color-primary-100: #ead9c2;
    --color-primary-200: #d8bc98;
    --color-primary-300: #c59f6e;
    --color-primary-400: #be8a4a;
    --color-primary-500: #b87333;
    --color-primary-600: #9e612a;
    --color-primary-700: #814e21;
    --color-primary-800: #643c19;
    --color-primary-900: #4e2d12;
    --color-sidebar: #361f0d;
    --color-sidebar-hover: #814e21;
    --color-sidebar-active: rgba(184,115,51,.28);
    --color-sidebar-text: #d8bc98;
    --color-header: #ffffff;
    --color-header-text: #361f0d;
}

[data-theme="space-gray"] {
    --color-primary: #6b7280;
    --color-primary-50: #f3f4f6;
    --color-primary-100: #e5e7eb;
    --color-primary-200: #d1d5db;
    --color-primary-300: #9ca3af;
    --color-primary-400: #7d8490;
    --color-primary-500: #6b7280;
    --color-primary-600: #5a6070;
    --color-primary-700: #484e5c;
    --color-primary-800: #383c47;
    --color-primary-900: #292d35;
    --color-sidebar: #14161c;
    --color-sidebar-hover: #484e5c;
    --color-sidebar-active: rgba(107,114,128,.35);
    --color-sidebar-text: #d1d5db;
    --color-header: #ffffff;
    --color-header-text: #14161c;
}

[data-theme="forest-fire"] {
    --color-primary: #b5451b;
    --color-primary-50: #fdf0ec;
    --color-primary-100: #f9d5c8;
    --color-primary-200: #f4b09e;
    --color-primary-300: #ee8b74;
    --color-primary-400: #e96b50;
    --color-primary-500: #b5451b;
    --color-primary-600: #9b3a16;
    --color-primary-700: #7f2e11;
    --color-primary-800: #63230d;
    --color-primary-900: #4e1b0a;
    --color-sidebar: #320e04;
    --color-sidebar-hover: #7f2e11;
    --color-sidebar-active: rgba(181,69,27,.28);
    --color-sidebar-text: #f4b09e;
    --color-header: #ffffff;
    --color-header-text: #320e04;
}

[data-theme="sky-blue"] {
    --color-primary: #38bdf8;
    --color-primary-50: #f0f9ff;
    --color-primary-100: #e0f2fe;
    --color-primary-200: #bae6fd;
    --color-primary-300: #7dd3fc;
    --color-primary-400: #38bdf8;
    --color-primary-500: #0ea5e9;
    --color-primary-600: #0284c7;
    --color-primary-700: #0369a1;
    --color-primary-800: #075985;
    --color-primary-900: #0c4a6e;
    --color-sidebar: #052e4d;
    --color-sidebar-hover: #0369a1;
    --color-sidebar-active: rgba(56,189,248,.2);
    --color-sidebar-text: #bae6fd;
    --color-header: #ffffff;
    --color-header-text: #052e4d;
}

[data-theme="earth"] {
    --color-primary: #8b5e3c;
    --color-primary-50: #f7f0ea;
    --color-primary-100: #e8d5c2;
    --color-primary-200: #d5b597;
    --color-primary-300: #c2956c;
    --color-primary-400: #b07a4e;
    --color-primary-500: #8b5e3c;
    --color-primary-600: #774f32;
    --color-primary-700: #604028;
    --color-primary-800: #4a301e;
    --color-primary-900: #3a2416;
    --color-sidebar: #27160c;
    --color-sidebar-hover: #604028;
    --color-sidebar-active: rgba(139,94,60,.3);
    --color-sidebar-text: #d5b597;
    --color-header: #ffffff;
    --color-header-text: #27160c;
}

[data-theme="glacier"] {
    --color-primary: #a8d8ea;
    --color-primary-50: #f0f9fc;
    --color-primary-100: #d9eef5;
    --color-primary-200: #b5dded;
    --color-primary-300: #8dcce4;
    --color-primary-400: #5fb8d8;
    --color-primary-500: #a8d8ea;
    --color-primary-600: #3998c0;
    --color-primary-700: #2a7fa6;
    --color-primary-800: #1d668a;
    --color-primary-900: #124f6d;
    --color-sidebar: #0b3a52;
    --color-sidebar-hover: #2a7fa6;
    --color-sidebar-active: rgba(168,216,234,.22);
    --color-sidebar-text: #d9eef5;
    --color-header: #ffffff;
    --color-header-text: #0b3a52;
}

[data-theme="mango"] {
    --color-primary: #ff6d00;
    --color-primary-50: #fff3e0;
    --color-primary-100: #ffe0b2;
    --color-primary-200: #ffcc80;
    --color-primary-300: #ffb74d;
    --color-primary-400: #ffa726;
    --color-primary-500: #ff6d00;
    --color-primary-600: #e65c00;
    --color-primary-700: #c94d00;
    --color-primary-800: #a33d00;
    --color-primary-900: #7d2e00;
    --color-sidebar: #4a1900;
    --color-sidebar-hover: #c94d00;
    --color-sidebar-active: rgba(255,109,0,.25);
    --color-sidebar-text: #ffcc80;
    --color-header: #ffffff;
    --color-header-text: #4a1900;
}

[data-theme="aurora"] {
    --color-primary: #00c9a7;
    --color-primary-50: #e0faf4;
    --color-primary-100: #b3f3e5;
    --color-primary-200: #80ebd3;
    --color-primary-300: #4de2c2;
    --color-primary-400: #26d9b5;
    --color-primary-500: #00c9a7;
    --color-primary-600: #00ad90;
    --color-primary-700: #008e76;
    --color-primary-800: #006e5c;
    --color-primary-900: #005547;
    --color-sidebar: #003530;
    --color-sidebar-hover: #008e76;
    --color-sidebar-active: rgba(0,201,167,.25);
    --color-sidebar-text: #80ebd3;
    --color-header: #ffffff;
    --color-header-text: #003530;
}

[data-theme="volcanic"] {
    --color-primary: #6d0000;
    --color-primary-50: #fce8e8;
    --color-primary-100: #f5c0c0;
    --color-primary-200: #eb9494;
    --color-primary-300: #e06868;
    --color-primary-400: #d04040;
    --color-primary-500: #6d0000;
    --color-primary-600: #5a0000;
    --color-primary-700: #480000;
    --color-primary-800: #380000;
    --color-primary-900: #2a0000;
    --color-sidebar: #1a0000;
    --color-sidebar-hover: #480000;
    --color-sidebar-active: rgba(109,0,0,.35);
    --color-sidebar-text: #eb9494;
    --color-header: #ffffff;
    --color-header-text: #1a0000;
}

[data-theme="tropical"] {
    --color-primary: #00b4d8;
    --color-primary-50: #e0f7fb;
    --color-primary-100: #b3edf5;
    --color-primary-200: #80e1ee;
    --color-primary-300: #4dd5e7;
    --color-primary-400: #26cae1;
    --color-primary-500: #00b4d8;
    --color-primary-600: #009bbf;
    --color-primary-700: #0080a1;
    --color-primary-800: #006682;
    --color-primary-900: #004f64;
    --color-sidebar: #003546;
    --color-sidebar-hover: #0080a1;
    --color-sidebar-active: rgba(0,180,216,.25);
    --color-sidebar-text: #80e1ee;
    --color-header: #ffffff;
    --color-header-text: #003546;
}

[data-theme="espresso"] {
    --color-primary: #4a2c2a;
    --color-primary-50: #f5eeec;
    --color-primary-100: #e0ccc8;
    --color-primary-200: #c8a49e;
    --color-primary-300: #af7c74;
    --color-primary-400: #9b5f57;
    --color-primary-500: #4a2c2a;
    --color-primary-600: #3e2422;
    --color-primary-700: #321d1b;
    --color-primary-800: #261614;
    --color-primary-900: #1c100f;
    --color-sidebar: #110a09;
    --color-sidebar-hover: #321d1b;
    --color-sidebar-active: rgba(74,44,42,.35);
    --color-sidebar-text: #c8a49e;
    --color-header: #ffffff;
    --color-header-text: #110a09;
}

[data-theme="fuchsia"] {
    --color-primary: #d946ef;
    --color-primary-50: #fce7ff;
    --color-primary-100: #f5b3fd;
    --color-primary-200: #ee80fb;
    --color-primary-300: #e64cf8;
    --color-primary-400: #df26f4;
    --color-primary-500: #d946ef;
    --color-primary-600: #b835cc;
    --color-primary-700: #9528aa;
    --color-primary-800: #741e87;
    --color-primary-900: #581669;
    --color-sidebar: #38024a;
    --color-sidebar-hover: #9528aa;
    --color-sidebar-active: rgba(217,70,239,.25);
    --color-sidebar-text: #ee80fb;
    --color-header: #ffffff;
    --color-header-text: #38024a;
}

[data-theme="bronze"] {
    --color-primary: #cd7f32;
    --color-primary-50: #fdf4e8;
    --color-primary-100: #f8e0be;
    --color-primary-200: #f2c990;
    --color-primary-300: #ebb162;
    --color-primary-400: #e69b3e;
    --color-primary-500: #cd7f32;
    --color-primary-600: #b06a28;
    --color-primary-700: #8f5420;
    --color-primary-800: #6f4018;
    --color-primary-900: #573111;
    --color-sidebar: #3a2009;
    --color-sidebar-hover: #8f5420;
    --color-sidebar-active: rgba(205,127,50,.28);
    --color-sidebar-text: #f2c990;
    --color-header: #ffffff;
    --color-header-text: #3a2009;
}

[data-theme="midnight-purple"] {
    --color-primary: #4b0082;
    --color-primary-50: #ede0f5;
    --color-primary-100: #cfb3e8;
    --color-primary-200: #ae80d8;
    --color-primary-300: #8d4dc8;
    --color-primary-400: #7026bc;
    --color-primary-500: #4b0082;
    --color-primary-600: #3e006c;
    --color-primary-700: #320058;
    --color-primary-800: #260044;
    --color-primary-900: #1c0035;
    --color-sidebar: #100021;
    --color-sidebar-hover: #320058;
    --color-sidebar-active: rgba(75,0,130,.3);
    --color-sidebar-text: #ae80d8;
    --color-header: #ffffff;
    --color-header-text: #100021;
}