:root {
    --background-primary: #e9f6ff;
    --background-secondary: #cbe9ff;
    --text-primary: #012a4a;
    --text-secondary: #3a7ca5;
    --accent-color: #00b7ff;
    --danger-color: #ff5e6c;
    --input-background: #ffffff;
    --input-notice: #0077cc80;
}


/* Light theme colors */

[data-theme="light"] {
    --background-primary: #FFFFFF;
    --background-secondary: #F5F5F5;
    --text-primary: #15131A;
    --text-secondary: #666666;
    --accent-color: #71CAC7;
    --danger-color: #FF5B42;
    --input-background: #EEEEEE;
    --input-notice: #e65900c4
}

[data-theme="monokai"] {
    --background-primary: #272822;
    --background-secondary: #3E3D32;
    --text-primary: #F8F8F2;
    --text-secondary: #75715E;
    --accent-color: #A6E22E;
    --danger-color: #F92672;
    --input-background: #49483E;
    --input-notice: #FD971Fc4;
}


/* Solarized theme - easy on the eyes */

[data-theme="solarized"] {
    --background-primary: #002B36;
    --background-secondary: #073642;
    --text-primary: #93A1A1;
    --text-secondary: #586E75;
    --accent-color: #2AA198;
    --danger-color: #DC322F;
    --input-background: #094652;
    --input-notice: #CB4B16c4;
}


/* Nord theme - cool and calming */

[data-theme="nord"] {
    --background-primary: #2E3440;
    --background-secondary: #3B4252;
    --text-primary: #ECEFF4;
    --text-secondary: #D8DEE9;
    --accent-color: #88C0D0;
    --danger-color: #BF616A;
    --input-background: #434C5E;
    --input-notice: #D08770c4;
}


/* Dracula theme - vibrant and modern */

[data-theme="dracula"] {
    --background-primary: #282A36;
    --background-secondary: #44475A;
    --text-primary: #F8F8F2;
    --text-secondary: #fff;
    /* --text-secondary: #6272A4; */
    --accent-color: #50FA7B;
    --danger-color: #FF5555;
    --input-background: #383A59;
    --input-notice: #FFB86Cc4;
}

[data-theme="midnight"] {
    --background-primary: #0B0F1A;
    --background-secondary: #161A2B;
    --text-primary: #FFFFFF;
    --text-secondary: #8C8C8C;
    --accent-color: #5561FF;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="eclipse"] {
    --background-primary: #1B1B1B;
    --background-secondary: #2C2C2C;
    --text-primary: #FFFFFF;
    --text-secondary: #A0A0A0;
    --accent-color: #BB86FC;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="matrix"] {
    --background-primary: #0D0208;
    --background-secondary: #162615;
    --text-primary: #00FF41;
    --text-secondary: #72FF8F;
    --accent-color: #008F11;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="sunset"] {
    --background-primary: #2B1A1F;
    --background-secondary: #3E2A30;
    --text-primary: #FFFFFF;
    --text-secondary: #CCA8AA;
    --accent-color: #FF7E5F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="aurora"] {
    --background-primary: #1A1F2B;
    --background-secondary: #252B38;
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --accent-color: #00C9A7;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="ocean"] {
    --background-primary: #0E1B1F;
    --background-secondary: #182C30;
    --text-primary: #FFFFFF;
    --text-secondary: #95A3A3;
    --accent-color: #00ADB5;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="forest"] {
    --background-primary: #0F1A0E;
    --background-secondary: #1D2B1C;
    --text-primary: #FFFFFF;
    --text-secondary: #B7CBB0;
    --accent-color: #4CAF50;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="desert"] {
    --background-primary: #2A2417;
    --background-secondary: #3B3523;
    --text-primary: #F5F5DC;
    --text-secondary: #C7C2A2;
    --accent-color: #E2B964;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="royal"] {
    --background-primary: #141227;
    --background-secondary: #1F1B3A;
    --text-primary: #FFFFFF;
    --text-secondary: #C4C1E0;
    --accent-color: #7D5FFF;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="blush"] {
    --background-primary: #1E0D13;
    --background-secondary: #2C141C;
    --text-primary: #FFFFFF;
    --text-secondary: #E2BFC3;
    --accent-color: #F28CA6;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="slate"] {
    --background-primary: #1C1E24;
    --background-secondary: #2A2C34;
    --text-primary: #FFFFFF;
    --text-secondary: #999999;
    --accent-color: #748CAB;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="coral"] {
    --background-primary: #2B1C1A;
    --background-secondary: #3D2A27;
    --text-primary: #FFFFFF;
    --text-secondary: #D8C2C0;
    --accent-color: #FF857F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="vapor"] {
    --background-primary: #1F1A2B;
    --background-secondary: #2C2740;
    --text-primary: #FFFFFF;
    --text-secondary: #D1C9F0;
    --accent-color: #F0A6FF;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="mint"] {
    --background-primary: #101712;
    --background-secondary: #1C2A20;
    --text-primary: #FFFFFF;
    --text-secondary: #B1CAB5;
    --accent-color: #98FF98;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="amber"] {
    --background-primary: #2E2517;
    --background-secondary: #473924;
    --text-primary: #FFFFFF;
    --text-secondary: #E0C5A3;
    --accent-color: #FFBF00;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="arctic"] {
    --background-primary: #E0F7FA;
    --background-secondary: #B2EBF2;
    --text-primary: #000000;
    --text-secondary: #3A3A3A;
    --accent-color: #006064;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="latte"] {
    --background-primary: #F3E9DC;
    --background-secondary: #E5D6C5;
    --text-primary: #000000;
    --text-secondary: #5C534A;
    --accent-color: #D2B48C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="cherry"] {
    --background-primary: #2C0F13;
    --background-secondary: #40151B;
    --text-primary: #FFFFFF;
    --text-secondary: #ECAAB0;
    --accent-color: #F44336;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="meadow"] {
    --background-primary: #F1F8E9;
    --background-secondary: #DCECC5;
    --text-primary: #000000;
    --text-secondary: #4B5B43;
    --accent-color: #7CB342;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4
}

[data-theme="berry"] {
    --background-primary: #2E1228;
    --background-secondary: #42173B;
    --text-primary: #FFFFFF;
    --text-secondary: #E3C3DD;
    --accent-color: #D81B60;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="linen"] {
    --background-primary: #FAF0E6;
    --background-secondary: #E9DCD1;
    --text-primary: #000000;
    --text-secondary: #5F544E;
    --accent-color: #CCAE94;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="marine2"] {
    --background-primary: #0E2A30;
    --background-secondary: #1A3942;
    --text-primary: #FFFFFF;
    --text-secondary: #A3BDC3;
    --accent-color: #00B8D4;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="lilac"] {
    --background-primary: #EDE7F6;
    --background-secondary: #D1C4E9;
    --text-primary: #000000;
    --text-secondary: #5A4E66;
    --accent-color: #9575CD;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="fungi"] {
    --background-primary: #2A1E17;
    --background-secondary: #3B2F27;
    --text-primary: #FFFFFF;
    --text-secondary: #C9B8AE;
    --accent-color: #8D6E63;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="neon"] {
    --background-primary: #141414;
    --background-secondary: #1F1F1F;
    --text-primary: #FFFFFF;
    --text-secondary: #808080;
    --accent-color: #39FF14;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="frost"] {
    --background-primary: #ECF0F1;
    --background-secondary: #D5DBDB;
    --text-primary: #000000;
    --text-secondary: #5C5C5C;
    --accent-color: #76D7C4;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="hazel"] {
    --background-primary: #2A241B;
    --background-secondary: #3B3226;
    --text-primary: #FFFFFF;
    --text-secondary: #D2C7B8;
    --accent-color: #8E6B23;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="tango"] {
    --background-primary: #2F1303;
    --background-secondary: #44200A;
    --text-primary: #FFFFFF;
    --text-secondary: #E8C5B4;
    --accent-color: #FF6F00;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="orchid"] {
    --background-primary: #3B2C3A;
    --background-secondary: #4A3A48;
    --text-primary: #FFFFFF;
    --text-secondary: #D5C2D8;
    --accent-color: #DA70D6;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="citrus"] {
    --background-primary: #FAFCEB;
    --background-secondary: #E6EDC7;
    --text-primary: #000000;
    --text-secondary: #5B5F41;
    --accent-color: #C6FF00;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="smoke2"] {
    --background-primary: #121212;
    --background-secondary: #222222;
    --text-primary: #FFFFFF;
    --text-secondary: #9A9A9A;
    --accent-color: #5F5F5F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="clay"] {
    --background-primary: #211A17;
    --background-secondary: #302620;
    --text-primary: #FFFFFF;
    --text-secondary: #C7BAB4;
    --accent-color: #B87333;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="bubblegum"] {
    --background-primary: #FCE4EC;
    --background-secondary: #F8BBD0;
    --text-primary: #000000;
    --text-secondary: #5B4046;
    --accent-color: #FF80AB;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="azure"] {
    --background-primary: #F0FFFF;
    --background-secondary: #D9F6F6;
    --text-primary: #000000;
    --text-secondary: #5E6E6E;
    --accent-color: #0080FF;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="olive"] {
    --background-primary: #3B3B17;
    --background-secondary: #515129;
    --text-primary: #FFFFFF;
    --text-secondary: #C8C8A9;
    --accent-color: #808000;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sienna"] {
    --background-primary: #3D1F1A;
    --background-secondary: #4F2923;
    --text-primary: #FFFFFF;
    --text-secondary: #D1B4AF;
    --accent-color: #A0522D;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="shadow"] {
    --background-primary: #202124;
    --background-secondary: #2C2D2F;
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --accent-color: #60646D;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="honey"] {
    --background-primary: #FFF8E1;
    --background-secondary: #FFECB3;
    --text-primary: #000000;
    --text-secondary: #5E4F2B;
    --accent-color: #FFC107;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="glacier"] {
    --background-primary: #E0F7FA;
    --background-secondary: #B2EBF2;
    --text-primary: #000000;
    --text-secondary: #4F7072;
    --accent-color: #00BCD4;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ember"] {
    --background-primary: #1C0A02;
    --background-secondary: #2E1306;
    --text-primary: #FFFFFF;
    --text-secondary: #CCB8AF;
    --accent-color: #FF5722;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="pollen"] {
    --background-primary: #FEF9E7;
    --background-secondary: #FCF3CF;
    --text-primary: #000000;
    --text-secondary: #666240;
    --accent-color: #F9E79F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="raven"] {
    --background-primary: #111111;
    --background-secondary: #1C1C1C;
    --text-primary: #FFFFFF;
    --text-secondary: #7A7A7A;
    --accent-color: #424242;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="rust"] {
    --background-primary: #2F1B16;
    --background-secondary: #45291F;
    --text-primary: #FFFFFF;
    --text-secondary: #D8B8AC;
    --accent-color: #B7410E;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="powder"] {
    --background-primary: #F5F5F5;
    --background-secondary: #E0E0E0;
    --text-primary: #000000;
    --text-secondary: #707070;
    --accent-color: #90A4AE;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="polar"] {
    --background-primary: #FFFFFF;
    --background-secondary: #ECEFF1;
    --text-primary: #000000;
    --text-secondary: #616161;
    --accent-color: #B0BEC5;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="plum"] {
    --background-primary: #2E1A2F;
    --background-secondary: #3F2850;
    --text-primary: #FFFFFF;
    --text-secondary: #D5C2DD;
    --accent-color: #B96AC9;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="brick"] {
    --background-primary: #3A1F1F;
    --background-secondary: #4C2828;
    --text-primary: #FFFFFF;
    --text-secondary: #D7B3B3;
    --accent-color: #CB4154;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="navy"] {
    --background-primary: #0B132B;
    --background-secondary: #1C2541;
    --text-primary: #FFFFFF;
    --text-secondary: #A1ACC3;
    --accent-color: #3A506B;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="cobalt"] {
    --background-primary: #051D4D;
    --background-secondary: #0A2C6B;
    --text-primary: #FFFFFF;
    --text-secondary: #A0B2D4;
    --accent-color: #003399;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="coral2"] {
    --background-primary: #FFF5F3;
    --background-secondary: #FFE6E3;
    --text-primary: #000000;
    --text-secondary: #7F6261;
    --accent-color: #FF6F61;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="orchid2"] {
    --background-primary: #F3E5F5;
    --background-secondary: #E1BEE7;
    --text-primary: #000000;
    --text-secondary: #5F4B5B;
    --accent-color: #9C27B0;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="bronze"] {
    --background-primary: #2F1A11;
    --background-secondary: #44281C;
    --text-primary: #FFFFFF;
    --text-secondary: #D8C4BD;
    --accent-color: #CD7F32;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="galaxy"] {
    --background-primary: #110B1F;
    --background-secondary: #1D1334;
    --text-primary: #FFFFFF;
    --text-secondary: #B9AEC9;
    --accent-color: #5E3D9F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mint2"] {
    --background-primary: #E0F2F1;
    --background-secondary: #B2DFDB;
    --text-primary: #000000;
    --text-secondary: #507571;
    --accent-color: #26A69A;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="smoke3"] {
    --background-primary: #181818;
    --background-secondary: #282828;
    --text-primary: #FFFFFF;
    --text-secondary: #8E8E8E;
    --accent-color: #666666;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sand2"] {
    --background-primary: #FAF8EF;
    --background-secondary: #ECE2C6;
    --text-primary: #000000;
    --text-secondary: #5F5B45;
    --accent-color: #DCC694;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="regal"] {
    --background-primary: #1A0E2B;
    --background-secondary: #2B1840;
    --text-primary: #FFFFFF;
    --text-secondary: #C7B1D8;
    --accent-color: #6A0DAD;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="velvet"] {
    --background-primary: #200B15;
    --background-secondary: #300F20;
    --text-primary: #FFFFFF;
    --text-secondary: #E4C5D6;
    --accent-color: #AD1457;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="storm"] {
    --background-primary: #212121;
    --background-secondary: #2F2F2F;
    --text-primary: #FFFFFF;
    --text-secondary: #BDBDBD;
    --accent-color: #757575;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sky"] {
    --background-primary: #E3F2FD;
    --background-secondary: #BBDEFB;
    --text-primary: #000000;
    --text-secondary: #4A5B6A;
    --accent-color: #2196F3;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ash"] {
    --background-primary: #2E2E2E;
    --background-secondary: #3C3C3C;
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --accent-color: #7F7F7F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mint3"] {
    --background-primary: #E6F7F5;
    --background-secondary: #CCEEEB;
    --text-primary: #000000;
    --text-secondary: #527977;
    --accent-color: #70EFDE;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sangria"] {
    --background-primary: #3A0D11;
    --background-secondary: #4F171C;
    --text-primary: #FFFFFF;
    --text-secondary: #DFA5A9;
    --accent-color: #8C1C1C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="linen2"] {
    --background-primary: #F9F4EF;
    --background-secondary: #E8DFD6;
    --text-primary: #000000;
    --text-secondary: #6A5E58;
    --accent-color: #C3B091;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="lapis"] {
    --background-primary: #0C1C28;
    --background-secondary: #142D40;
    --text-primary: #FFFFFF;
    --text-secondary: #A8B5C6;
    --accent-color: #26619C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="peach2"] {
    --background-primary: #FFF2E6;
    --background-secondary: #FFE0CC;
    --text-primary: #000000;
    --text-secondary: #6A5347;
    --accent-color: #FFB999;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mahogany"] {
    --background-primary: #300D0D;
    --background-secondary: #421515;
    --text-primary: #FFFFFF;
    --text-secondary: #D8B7B7;
    --accent-color: #C04000;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="winter"] {
    --background-primary: #F0F3F4;
    --background-secondary: #D6DBDF;
    --text-primary: #000000;
    --text-secondary: #5B5B5B;
    --accent-color: #5DADE2;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="avocado"] {
    --background-primary: #3D5229;
    --background-secondary: #4F6835;
    --text-primary: #FFFFFF;
    --text-secondary: #C4D4B2;
    --accent-color: #A3CB38;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="denim2"] {
    --background-primary: #1E2D47;
    --background-secondary: #293A5B;
    --text-primary: #FFFFFF;
    --text-secondary: #B0B7C6;
    --accent-color: #4C5C7C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="serene"] {
    --background-primary: #E8F5E9;
    --background-secondary: #C8E6C9;
    --text-primary: #000000;
    --text-secondary: #4E5E4F;
    --accent-color: #81C784;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="candy"] {
    --background-primary: #FCE8F8;
    --background-secondary: #F9C5EE;
    --text-primary: #000000;
    --text-secondary: #5B4C57;
    --accent-color: #FF9FF3;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="cloud"] {
    --background-primary: #F4F6F7;
    --background-secondary: #E2E3E5;
    --text-primary: #000000;
    --text-secondary: #646464;
    --accent-color: #BDC3C7;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="denim3"] {
    --background-primary: #141E30;
    --background-secondary: #1F2B44;
    --text-primary: #FFFFFF;
    --text-secondary: #A3ADC1;
    --accent-color: #243B55;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="champagne"] {
    --background-primary: #FAEBD7;
    --background-secondary: #EADBCB;
    --text-primary: #000000;
    --text-secondary: #5C5248;
    --accent-color: #F7E7CE;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="moss"] {
    --background-primary: #293220;
    --background-secondary: #36412B;
    --text-primary: #FFFFFF;
    --text-secondary: #C2C8B8;
    --accent-color: #6B8E23;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="stone"] {
    --background-primary: #2C2C2A;
    --background-secondary: #3A3A38;
    --text-primary: #FFFFFF;
    --text-secondary: #BDBDBD;
    --accent-color: #7E7E7C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="coral3"] {
    --background-primary: #FCE6E3;
    --background-secondary: #F8CFCB;
    --text-primary: #000000;
    --text-secondary: #6D4C4B;
    --accent-color: #FF867C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mauve"] {
    --background-primary: #23182B;
    --background-secondary: #35243F;
    --text-primary: #FFFFFF;
    --text-secondary: #CABBCF;
    --accent-color: #AD7FA8;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="citrine"] {
    --background-primary: #FAF6E6;
    --background-secondary: #ECE4C8;
    --text-primary: #000000;
    --text-secondary: #6E674F;
    --accent-color: #E4D00A;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="denim4"] {
    --background-primary: #182039;
    --background-secondary: #232E4C;
    --text-primary: #FFFFFF;
    --text-secondary: #9BA2B3;
    --accent-color: #3A4C79;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="aqua"] {
    --background-primary: #E0FFFF;
    --background-secondary: #C2F0F0;
    --text-primary: #000000;
    --text-secondary: #536969;
    --accent-color: #40E0D0;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ember2"] {
    --background-primary: #2B1004;
    --background-secondary: #3E1A07;
    --text-primary: #FFFFFF;
    --text-secondary: #CCB0A2;
    --accent-color: #FF7043;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="foam"] {
    --background-primary: #EBF8F6;
    --background-secondary: #D6F0EC;
    --text-primary: #000000;
    --text-secondary: #527674;
    --accent-color: #80CBC4;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="orchid3"] {
    --background-primary: #F6E6FA;
    --background-secondary: #E7C8F0;
    --text-primary: #000000;
    --text-secondary: #5F4C5D;
    --accent-color: #B565A7;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="blush2"] {
    --background-primary: #2A0E13;
    --background-secondary: #3B141C;
    --text-primary: #FFFFFF;
    --text-secondary: #DCB2B7;
    --accent-color: #EC407A;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="marble"] {
    --background-primary: #EAEAEA;
    --background-secondary: #D0D0D0;
    --text-primary: #000000;
    --text-secondary: #666666;
    --accent-color: #A6A6A6;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="turquoise"] {
    --background-primary: #00E5EE;
    --background-secondary: #AFEEEE;
    --text-primary: #000000;
    --text-secondary: #4C6666;
    --accent-color: #40E0D0;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="magma"] {
    --background-primary: #2C0608;
    --background-secondary: #3A0A0E;
    --text-primary: #FFFFFF;
    --text-secondary: #DAB4B6;
    --accent-color: #FF4500;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mist"] {
    --background-primary: #F0F0F0;
    --background-secondary: #D9D9D9;
    --text-primary: #000000;
    --text-secondary: #5A5A5A;
    --accent-color: #9E9E9E;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="jungle"] {
    --background-primary: #1E2D24;
    --background-secondary: #2B4135;
    --text-primary: #FFFFFF;
    --text-secondary: #B3C8BA;
    --accent-color: #4C9A2A;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="silk"] {
    --background-primary: #FAF4FF;
    --background-secondary: #E8DFF0;
    --text-primary: #000000;
    --text-secondary: #6F6273;
    --accent-color: #C9A0DC;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sapphire"] {
    --background-primary: #0D1A26;
    --background-secondary: #14283A;
    --text-primary: #FFFFFF;
    --text-secondary: #AEBECC;
    --accent-color: #0F52BA;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="leaf"] {
    --background-primary: #EEF7EE;
    --background-secondary: #D8EED8;
    --text-primary: #000000;
    --text-secondary: #5C6A5C;
    --accent-color: #8BC34A;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="rouge"] {
    --background-primary: #2C0E12;
    --background-secondary: #3F141A;
    --text-primary: #FFFFFF;
    --text-secondary: #E0A7AC;
    --accent-color: #C81E3C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="fog"] {
    --background-primary: #E8E8E8;
    --background-secondary: #D0D0D0;
    --text-primary: #000000;
    --text-secondary: #606060;
    --accent-color: #9A9A9A;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="umber"] {
    --background-primary: #2F2217;
    --background-secondary: #45331F;
    --text-primary: #FFFFFF;
    --text-secondary: #D5C1B0;
    --accent-color: #635147;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="dahlia"] {
    --background-primary: #3B1620;
    --background-secondary: #4F1E2B;
    --text-primary: #FFFFFF;
    --text-secondary: #E0BFC6;
    --accent-color: #BB3385;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="onyx"] {
    --background-primary: #0F0F0F;
    --background-secondary: #1B1B1B;
    --text-primary: #FFFFFF;
    --text-secondary: #808080;
    --accent-color: #444444;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="velvet2"] {
    --background-primary: #2A0D17;
    --background-secondary: #3C131F;
    --text-primary: #FFFFFF;
    --text-secondary: #D8AEB6;
    --accent-color: #9D2235;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="latte2"] {
    --background-primary: #F7EFE7;
    --background-secondary: #E7D6C8;
    --text-primary: #000000;
    --text-secondary: #5F4F44;
    --accent-color: #C2A37F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="salmon"] {
    --background-primary: #FFF3F2;
    --background-secondary: #FFE0DE;
    --text-primary: #000000;
    --text-secondary: #7C5B5A;
    --accent-color: #FA8072;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ruby"] {
    --background-primary: #2C0000;
    --background-secondary: #400000;
    --text-primary: #FFFFFF;
    --text-secondary: #D8B4B4;
    --accent-color: #9B111E;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mellow"] {
    --background-primary: #F3F9E3;
    --background-secondary: #DFEBC2;
    --text-primary: #000000;
    --text-secondary: #586444;
    --accent-color: #AEE571;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mauve2"] {
    --background-primary: #EEE2EE;
    --background-secondary: #DCC4DC;
    --text-primary: #000000;
    --text-secondary: #5F4E5F;
    --accent-color: #E0B0FF;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="bronze2"] {
    --background-primary: #4D3026;
    --background-secondary: #5E3B2F;
    --text-primary: #FFFFFF;
    --text-secondary: #DBC8C2;
    --accent-color: #CD7F32;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="dove"] {
    --background-primary: #E8E8E8;
    --background-secondary: #D5D5D5;
    --text-primary: #000000;
    --text-secondary: #5B5B5B;
    --accent-color: #9C9C9C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="indigo"] {
    --background-primary: #1A237E;
    --background-secondary: #283593;
    --text-primary: #FFFFFF;
    --text-secondary: #B0B2D1;
    --accent-color: #3F51B5;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ebony"] {
    --background-primary: #161616;
    --background-secondary: #232323;
    --text-primary: #FFFFFF;
    --text-secondary: #8A8A8A;
    --accent-color: #2E2E2E;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="honey2"] {
    --background-primary: #FFFBEA;
    --background-secondary: #FFF3C9;
    --text-primary: #000000;
    --text-secondary: #6B5C2E;
    --accent-color: #FBC02D;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="pine"] {
    --background-primary: #1B3A2E;
    --background-secondary: #244D3F;
    --text-primary: #FFFFFF;
    --text-secondary: #AEC7BD;
    --accent-color: #4CAf50;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="charcoal"] {
    --background-primary: #2E2E2E;
    --background-secondary: #3C3C3C;
    --text-primary: #FFFFFF;
    --text-secondary: #BFBFBF;
    --accent-color: #666666;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="papaya"] {
    --background-primary: #FFF1E6;
    --background-secondary: #FFE2CC;
    --text-primary: #000000;
    --text-secondary: #6F5342;
    --accent-color: #FFDAB9;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="shadow2"] {
    --background-primary: #222326;
    --background-secondary: #2E2F33;
    --text-primary: #FFFFFF;
    --text-secondary: #AAAAAA;
    --accent-color: #585C63;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="gold"] {
    --background-primary: #FDF5E6;
    --background-secondary: #F8ECC2;
    --text-primary: #000000;
    --text-secondary: #6E613F;
    --accent-color: #FFD700;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="lilac2"] {
    --background-primary: #F3E8FF;
    --background-secondary: #E2CCFF;
    --text-primary: #000000;
    --text-secondary: #6A5780;
    --accent-color: #BBA2FF;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="pearl2"] {
    --background-primary: #F8F8F8;
    --background-secondary: #ECECEC;
    --text-primary: #000000;
    --text-secondary: #7A7A7A;
    --accent-color: #D9D9D9;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mustard"] {
    --background-primary: #FFF9C4;
    --background-secondary: #FFF59D;
    --text-primary: #000000;
    --text-secondary: #5E5B2F;
    --accent-color: #FFD54F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ash2"] {
    --background-primary: #3A3A3A;
    --background-secondary: #4C4C4C;
    --text-primary: #FFFFFF;
    --text-secondary: #B8B8B8;
    --accent-color: #949494;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="orchid4"] {
    --background-primary: #3D273E;
    --background-secondary: #4C3250;
    --text-primary: #FFFFFF;
    --text-secondary: #D7C2DA;
    --accent-color: #BA55D3;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="coral4"] {
    --background-primary: #FFEBE6;
    --background-secondary: #FFD6CC;
    --text-primary: #000000;
    --text-secondary: #6F524C;
    --accent-color: #FF5E4D;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="spice"] {
    --background-primary: #2B170D;
    --background-secondary: #3E2413;
    --text-primary: #FFFFFF;
    --text-secondary: #D6B9A8;
    --accent-color: #B3520D;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="glacier2"] {
    --background-primary: #E1F5FE;
    --background-secondary: #B3E5FC;
    --text-primary: #000000;
    --text-secondary: #4D6C77;
    --accent-color: #03A9F4;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="marine3"] {
    --background-primary: #0C1F2B;
    --background-secondary: #1B3645;
    --text-primary: #FFFFFF;
    --text-secondary: #A4BDC8;
    --accent-color: #0277BD;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="storm2"] {
    --background-primary: #292929;
    --background-secondary: #383838;
    --text-primary: #FFFFFF;
    --text-secondary: #ADADAD;
    --accent-color: #6D6D6D;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="macaron"] {
    --background-primary: #FFF7FD;
    --background-secondary: #FEE3FA;
    --text-primary: #000000;
    --text-secondary: #6C5569;
    --accent-color: #F7A8E0;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ink2"] {
    --background-primary: #121212;
    --background-secondary: #1B1B1B;
    --text-primary: #FFFFFF;
    --text-secondary: #888888;
    --accent-color: #37474F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="powder2"] {
    --background-primary: #FAFAFA;
    --background-secondary: #ECECEC;
    --text-primary: #000000;
    --text-secondary: #767676;
    --accent-color: #B0BEC5;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="linen3"] {
    --background-primary: #F8EFE8;
    --background-secondary: #E6DBD3;
    --text-primary: #000000;
    --text-secondary: #5D514B;
    --accent-color: #C7A48A;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="peach3"] {
    --background-primary: #FFF4EC;
    --background-secondary: #FFE2D1;
    --text-primary: #000000;
    --text-secondary: #70584C;
    --accent-color: #FFA781;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="forest2"] {
    --background-primary: #102212;
    --background-secondary: #1C371F;
    --text-primary: #FFFFFF;
    --text-secondary: #A6C4A6;
    --accent-color: #3B9F3C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sky2"] {
    --background-primary: #E1F0FF;
    --background-secondary: #C2E0FF;
    --text-primary: #000000;
    --text-secondary: #546F88;
    --accent-color: #64B5F6;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="blush3"] {
    --background-primary: #3A1319;
    --background-secondary: #4F1A22;
    --text-primary: #FFFFFF;
    --text-secondary: #DFA5AB;
    --accent-color: #F48FB1;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="clay2"] {
    --background-primary: #291F1B;
    --background-secondary: #3A2D27;
    --text-primary: #FFFFFF;
    --text-secondary: #CCBCB5;
    --accent-color: #B66A50;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="arctic2"] {
    --background-primary: #ECFBFE;
    --background-secondary: #D4F6FD;
    --text-primary: #000000;
    --text-secondary: #5E7E80;
    --accent-color: #66D3FA;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="iris"] {
    --background-primary: #241D4F;
    --background-secondary: #302A6B;
    --text-primary: #FFFFFF;
    --text-secondary: #CABFE0;
    --accent-color: #5A4FCF;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mist2"] {
    --background-primary: #EFEFEF;
    --background-secondary: #DEDEDE;
    --text-primary: #000000;
    --text-secondary: #616161;
    --accent-color: #AEAEAE;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="denim5"] {
    --background-primary: #1C2533;
    --background-secondary: #263244;
    --text-primary: #FFFFFF;
    --text-secondary: #A5AEBD;
    --accent-color: #3B4A61;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ruby2"] {
    --background-primary: #400000;
    --background-secondary: #5A0000;
    --text-primary: #FFFFFF;
    --text-secondary: #DDBBBB;
    --accent-color: #AA0000;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="honey3"] {
    --background-primary: #FFF9D9;
    --background-secondary: #FFF3B3;
    --text-primary: #000000;
    --text-secondary: #6F5E28;
    --accent-color: #FFCA28;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="terra"] {
    --background-primary: #2D1F14;
    --background-secondary: #3C2D22;
    --text-primary: #FFFFFF;
    --text-secondary: #D1BFB5;
    --accent-color: #8B4513;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="pearl3"] {
    --background-primary: #FBFBFB;
    --background-secondary: #EFEFEF;
    --text-primary: #000000;
    --text-secondary: #777777;
    --accent-color: #CFCFCF;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="marble2"] {
    --background-primary: #F2F2F2;
    --background-secondary: #DBDBDB;
    --text-primary: #000000;
    --text-secondary: #616161;
    --accent-color: #B8B8B8;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="smoke4"] {
    --background-primary: #111111;
    --background-secondary: #202020;
    --text-primary: #FFFFFF;
    --text-secondary: #8A8A8A;
    --accent-color: #505050;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="frost2"] {
    --background-primary: #E3F6F5;
    --background-secondary: #CFEDEC;
    --text-primary: #000000;
    --text-secondary: #587272;
    --accent-color: #A7D8DE;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="velvet3"] {
    --background-primary: #2C0F1D;
    --background-secondary: #3F172C;
    --text-primary: #FFFFFF;
    --text-secondary: #D4A9BB;
    --accent-color: #8B2252;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="bloom"] {
    --background-primary: #FCE4EC;
    --background-secondary: #F8BBD0;
    --text-primary: #000000;
    --text-secondary: #6B4C57;
    --accent-color: #F06292;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="fog2"] {
    --background-primary: #E4E4E4;
    --background-secondary: #CCCCCC;
    --text-primary: #000000;
    --text-secondary: #5F5F5F;
    --accent-color: #999999;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sepia"] {
    --background-primary: #F4ECD8;
    --background-secondary: #E2D3BB;
    --text-primary: #000000;
    --text-secondary: #6E5D4B;
    --accent-color: #A67B5B;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="peach4"] {
    --background-primary: #FFF3EA;
    --background-secondary: #FFDCCB;
    --text-primary: #000000;
    --text-secondary: #6F564A;
    --accent-color: #FFAB91;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="galaxy2"] {
    --background-primary: #1B0A2A;
    --background-secondary: #29103F;
    --text-primary: #FFFFFF;
    --text-secondary: #C2B4D4;
    --accent-color: #482880;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="meadow2"] {
    --background-primary: #F5FBEF;
    --background-secondary: #E4F3D5;
    --text-primary: #000000;
    --text-secondary: #586B4D;
    --accent-color: #AED581;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="cherry2"] {
    --background-primary: #3A0F15;
    --background-secondary: #4E151C;
    --text-primary: #FFFFFF;
    --text-secondary: #EAA2A9;
    --accent-color: #F44336;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="ocean2"] {
    --background-primary: #0A1E1F;
    --background-secondary: #123032;
    --text-primary: #FFFFFF;
    --text-secondary: #9DB5B5;
    --accent-color: #26C6DA;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="fog3"] {
    --background-primary: #EAEAEA;
    --background-secondary: #DADADA;
    --text-primary: #000000;
    --text-secondary: #666666;
    --accent-color: #AAAAAA;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="orchid5"] {
    --background-primary: #4C3750;
    --background-secondary: #5E4563;
    --text-primary: #FFFFFF;
    --text-secondary: #DCC6DE;
    --accent-color: #CE93D8;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="night"] {
    --background-primary: #0D0F19;
    --background-secondary: #1B1E2C;
    --text-primary: #FFFFFF;
    --text-secondary: #9A9AAC;
    --accent-color: #5961A3;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="pearl4"] {
    --background-primary: #F9F9F9;
    --background-secondary: #EDEDED;
    --text-primary: #000000;
    --text-secondary: #7A7A7A;
    --accent-color: #D8D8D8;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="marine4"] {
    --background-primary: #0A2633;
    --background-secondary: #153746;
    --text-primary: #FFFFFF;
    --text-secondary: #A6B8BF;
    --accent-color: #0097A7;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="linen4"] {
    --background-primary: #F7ECE5;
    --background-secondary: #E4D4CC;
    --text-primary: #000000;
    --text-secondary: #5F514C;
    --accent-color: #C8AD9E;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="plum2"] {
    --background-primary: #3D2440;
    --background-secondary: #4E2F52;
    --text-primary: #FFFFFF;
    --text-secondary: #D9C0DD;
    --accent-color: #9F5F9F;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="coral5"] {
    --background-primary: #FFEAE5;
    --background-secondary: #FFD2CB;
    --text-primary: #000000;
    --text-secondary: #7C524C;
    --accent-color: #FF5E57;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="lilac3"] {
    --background-primary: #F5EEFA;
    --background-secondary: #DFD1EB;
    --text-primary: #000000;
    --text-secondary: #64567B;
    --accent-color: #B39DDB;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="graphite"] {
    --background-primary: #212121;
    --background-secondary: #2E2E2E;
    --text-primary: #FFFFFF;
    --text-secondary: #9E9E9E;
    --accent-color: #424242;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="desert2"] {
    --background-primary: #352A1A;
    --background-secondary: #483A25;
    --text-primary: #FFFFFF;
    --text-secondary: #D8C7AD;
    --accent-color: #D2B48C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="latte3"] {
    --background-primary: #F9F0E4;
    --background-secondary: #EBDCC8;
    --text-primary: #000000;
    --text-secondary: #6F5E51;
    --accent-color: #D2B48C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="crimson"] {
    --background-primary: #2E0002;
    --background-secondary: #400005;
    --text-primary: #FFFFFF;
    --text-secondary: #DBB5B7;
    --accent-color: #DC143C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="mint4"] {
    --background-primary: #DFF7F2;
    --background-secondary: #C3EBE2;
    --text-primary: #000000;
    --text-secondary: #557873;
    --accent-color: #6EE7C5;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="bronze3"] {
    --background-primary: #4F2D1F;
    --background-secondary: #5F392A;
    --text-primary: #FFFFFF;
    --text-secondary: #E1CFC7;
    --accent-color: #CD7F32;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="arctic3"] {
    --background-primary: #ECFCFF;
    --background-secondary: #D4F7FB;
    --text-primary: #000000;
    --text-secondary: #5E7C7F;
    --accent-color: #8EE0F8;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sangria2"] {
    --background-primary: #4D0E17;
    --background-secondary: #60131E;
    --text-primary: #FFFFFF;
    --text-secondary: #E2A7AD;
    --accent-color: #8C1C1C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="smoke5"] {
    --background-primary: #1A1A1A;
    --background-secondary: #2B2B2B;
    --text-primary: #FFFFFF;
    --text-secondary: #929292;
    --accent-color: #666666;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="marine5"] {
    --background-primary: #0A2734;
    --background-secondary: #143345;
    --text-primary: #FFFFFF;
    --text-secondary: #A2B7BF;
    --accent-color: #0277BD;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="terra2"] {
    --background-primary: #3B271B;
    --background-secondary: #4C372A;
    --text-primary: #FFFFFF;
    --text-secondary: #DCC7B9;
    --accent-color: #8B5A2B;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="sand3"] {
    --background-primary: #FBF8E5;
    --background-secondary: #EDE7C6;
    --text-primary: #000000;
    --text-secondary: #6E6A49;
    --accent-color: #D9C592;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="denim6"] {
    --background-primary: #131A2B;
    --background-secondary: #1C2740;
    --text-primary: #FFFFFF;
    --text-secondary: #A3ABC1;
    --accent-color: #345D7E;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="orchid6"] {
    --background-primary: #5A3D5E;
    --background-secondary: #6E4B73;
    --text-primary: #FFFFFF;
    --text-secondary: #E1CBEC;
    --accent-color: #B784B8;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="coral6"] {
    --background-primary: #FFEAE6;
    --background-secondary: #FFD2CE;
    --text-primary: #000000;
    --text-secondary: #7B524F;
    --accent-color: #FF5F52;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="shadow3"] {
    --background-primary: #202224;
    --background-secondary: #2B2D2F;
    --text-primary: #FFFFFF;
    --text-secondary: #B1B1B1;
    --accent-color: #6C6C6C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="milkshake"] {
    --background-primary: #FFF9F6;
    --background-secondary: #FFEFEA;
    --text-primary: #000000;
    --text-secondary: #7E5F58;
    --accent-color: #FDD5C2;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="basil"] {
    --background-primary: #1F3B2C;
    --background-secondary: #2D4F3C;
    --text-primary: #FFFFFF;
    --text-secondary: #B0CABA;
    --accent-color: #6AB187;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="galaxy3"] {
    --background-primary: #0E0522;
    --background-secondary: #1A0A3C;
    --text-primary: #FFFFFF;
    --text-secondary: #B8A4CC;
    --accent-color: #5D3FD3;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="blush4"] {
    --background-primary: #4A1B22;
    --background-secondary: #5F232B;
    --text-primary: #FFFFFF;
    --text-secondary: #E3A9AF;
    --accent-color: #F48FB1;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="dusk2"] {
    --background-primary: #2F2740;
    --background-secondary: #3D3350;
    --text-primary: #FFFFFF;
    --text-secondary: #CFC4E2;
    --accent-color: #8E72BB;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="latte4"] {
    --background-primary: #FAF2E8;
    --background-secondary: #E8D9CA;
    --text-primary: #000000;
    --text-secondary: #68584E;
    --accent-color: #C2A78C;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}

[data-theme="matrix"] {
    --background-primary: #0D0208;
    --background-secondary: #162615;
    --text-primary: #00FF41;
    --text-secondary: #72FF8F;
    --accent-color: #008F11;
    --danger-color: #FF5B42;
    --input-background: #333036;
    --input-notice: #e65900c4;
}
@media screen and (max-width: 767px) {
     ::-webkit-scrollbar {
        width: 7px;
    }
    /* Track */
     ::-webkit-scrollbar-track {
        /* box-shadow: inset 0 0 5px grey; */
        border-radius: 8px;
    }
    /* Handle */
     ::-webkit-scrollbar-thumb {
        background: var(--accent-color);
        border-radius: 10px;
    }
    .p-custom {
        padding: 20px 20px !important;
    }
    .blog-banner img {
        height: 250px;
    }
    .header ul {
        gap: 10px;
    }
    .header li {
        font-size: 12px;
    }
    .desk-show {
        display: none !important;
    }
    .mob-show {
        display: block !important;
    }
    .menu-slider {
        position: fixed;
        padding: 30px 0px;
        top: 0;
        left: -100%;
        width: 75%;
        max-width: 300px;
        height: 100vh;
        background-color: var(--text-primary);
        /* backdrop-filter: blur(4px); */
        color: white;
        transition: left 0.3s ease !important;
        z-index: 999;
        /* Bring it on top */
    }
    .menu-slider.open {
        left: 0;
    }
    .menu-toggle {
        /* background-color: #007bff; */
        color: var(--accent-color) !important;
        border: none;
        padding: 10px 20px;
        cursor: pointer;
        z-index: 1000;
        position: relative;
    }
    .menu ul {
        list-style: none;
        padding: 0;
        margin: 20px 0;
    }
    .menu li {
        padding: 15px;
    }
    .menu a {
        color: var(--accent-color) !important;
        text-decoration: none;
    }
    .menu a:hover {
        text-decoration: underline;
    }
    .header img {
        width: 60%;
    }
    .custom-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .lobby-area {
        padding: 0px 8px;
    }
    .custom-align {
        align-items: flex-start !important;
    }
    .cutom-lobby-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .typing-area {
        padding: 20px;
        height: 158px;
    }
    .typing-area {
        border-radius: 15px;
    }
    .reset {
        padding: 15px 14px 20px 14px;
    }
    .reset span {
        font-size: 14px;
    }
    .status {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
        gap: 20px;
    }
    .status div h4 {
        font-size: 16px;
        text-align: center;
    }
    .status div h1 {
        font-size: 30px;
    }
    .footer ul a {
        font-size: 8px;
    }
    .width-80 {
        width: 100%;
    }
    .custom-footer-lobby {
        padding-bottom: 15px;
    }
    .leaderboard-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .leaderboard-head .filter {
        flex-direction: column;
        align-items: flex-start;
    }
    .leaderboard-head h1 {
        font-size: 35px;
    }
    .profile img {
        /* width: 16%; */
        width: 40px;
        height: 40px;
        object-fit: cover;
    }
     ::-webkit-scrollbar {
        height: 8px;
    }
    .leaderboard-table {
        overflow-x: scroll;
    }
    .footer-layout {
        flex-direction: column-reverse;
    }
    .footer-layout div {
        width: 100%;
    }
    .footer ul {
        justify-content: center;
        gap: 6px;
    }
    .footer p {
        text-align: center;
        margin-top: 12px;
    }
    .statistics-layout h4 {
        text-align: center;
    }
    .statistics-layout h4 {
        font-size: 24px;
    }
    .statistics-layout h1 {
        font-size: 40px;
    }
    .below-graph {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .below-graph h1 {
        font-size: 30px;
    }
    .below-graph h4 {
        text-align: center;
    }
    .statistics-layout {
        /* display: flex; */
        flex-direction: column;
        align-items: center;
        gap: 35px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .auth-input {
        align-items: center;
    }
    .font-active {
        text-align: center !important;
        margin-bottom: 40px;
    }
    .gap-40 {
        gap: 40px !important;
    }
    .google-sign-btn {
        gap: 8px;
        padding: 14px !important;
        font-size: 15px;
        border: 1px solid var(--accent-color);
    }
    .auth-input {
        gap: 18px;
    }
    .theme-btn.lg {
        font-size: 18px;
        padding: 12px 20px;
        width: 50%;
    }
    .font-idle {
        font-size: 12px;
    }
    .m-0 {
        margin: 0 !important;
    }
    .blog-layout {
        grid-template-columns: 1fr;
    }
    .blog-header .post-time {
        font-size: 14px;
    }
    .blog-header {
        flex-direction: column;
    }
    .blog-header h1 {
        width: 100%;
    }
    .blog-header h6 {
        width: 100%;
    }
    .profile-stacs .stacs div {
        display: grid;
        align-items: center;
        grid-template-columns: 2fr 1fr;
        width: 100%;
    }
    .profile-stacs .stacs h2 {
        text-align: center;
        font-size: 28px;
    }
    .profile-stacs .stacs {
        flex-direction: column;
    }
    .profile-stacs .stacs.mob {
        flex-direction: row !important;
    }
    .profile-stacs .stacs h4 {
        font-size: 16px;
    }
    .profile-stacs {
        padding: 20px 0px;
    }
    .profile-mob-design {
        display: grid;
        grid-template-columns: 1fr !important;
    }
    .status div {
        height: 100px;
        width: 100%;
        text-align: center !important;
    }
    .stacs table td {
        font-size: 12px;
    }
    .stacs table th {
        font-size: 14px;
    }
    .header-dynamic-page h4 {
        font-size: 40px !important;
    }
    .about-main .about-section .row {
        flex-direction: column-reverse !important;
        gap: 20px;
    }
    .header-dynamic-page {
        flex-direction: column;
        align-items: flex-start;
    }
    .header-dynamic-page h4 {
        margin-bottom: 8px !important;
    }
    .about-section a {
        font-size: 12px !important;
    }
    .leaderboard-table table th {
        font-size: 14px;
    }
    .leaderboard-table table tr:nth-child(odd) td {
        font-size: 12px;
    }
    .badge-icon.cs {
        font-size: 20px !important;
    }
    .footer .custom {
        justify-content: center;
    }
    .main-input-cs {
        top: 0;
    }
    .leaderboard-profile-font {
        font-size: 14px;
    }
    .custom-width {
        width: 100%;
    }
    .contact-div {
        flex-direction: column;
        gap: 20px;
    }
    .contact-section .auth input {
        height: 25px;
    }
    .custom-font {
        font-size: 12px;
    }
    .blog-category-pill {
        padding: 5px 10px;
        font-size: 12px;
        word-wrap: normal;
    }
    .typing-overlay {
        width: 100%;
        height: 100%;
    }
    .about-section {
        padding: 25px 0px;
    }
    .align-me {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #words {
        font-size: 25px;
        gap: 25px;
        line-height: 30px;
        height: 164px;
        /* overflow: hidden; */
    }
    .paragraph-container {
        height: 140px;
    }
    .notice-bar .notice-content {
        align-items: start;
        flex-direction: column;
    }
    .notice-bar .notice-content h3 {
        font-size: 12px;
    }
    .notice-bar .notice-content p {
        font-size: 10px;
    }
    .blinking-cursor {
        height: 28px;
    }
    .cs-tooltip {
        width: 250px;
        right: 50%;
        bottom: -100%;
        transform: translate(68%, 69%);
    }
    .fs-14 {
        font-size: 12px !important;
    }
    .cs-btn-notice {
        font-size: 12px !important;
        padding: 4px 8px;
    }
    .language-layout{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .modal.customise {
        .layout {
            grid-template-columns: 1fr;
        }
    }
    .modal.mob-cs {
        width: 100vw;
    }
}