/*  LIGHT (DEFAULT) MODE */
:root:not([data-mode="dark"]) {
    --ai-base: #743ABF;
    --ai-ghost-l-1-base: #E3D2FA;
    --ai-ghost-l-1-hover: #D2B6F7;
    --ai-ghost-l-1-l-10: #D0C1E8;
    --ai-ghost-l-1-l-15: #C3B4DB;
    --ai-ghost-l-1-l-30: #A698BE;
    --ai-ghost-l-1-l-45: #8B75AC;
    --ai-ghost-l-1-l-60: #6B508F;
    --ai-ghost-l-1-l-75: #422863;
    --ai-ghost-l-1-l-90: #0F061C;
    --ai-ghost-l-2-base: #F1E5FF;
    --ai-ghost-l-2-hover: #E1C7FF;
    --ai-ghost-l-2-l-10: #DFD3F3;
    --ai-ghost-l-2-l-15: #D3C6E9;
    --ai-ghost-l-2-l-30: #BAA9D6;
    --ai-ghost-l-2-l-45: #9F8ABE;
    --ai-ghost-l-2-l-60: #8665B1;
    --ai-ghost-l-2-l-75: #64379E;
    --ai-ghost-l-2-l-90: #291247;
    --ai-hover: #8648D5;
    --ai-l-10: #8361AD;
    --ai-l-15: #9373BD;
    --ai-l-30: #AF95C4;
    --ai-l-45: #C9B1DE;
    --ai-l-60: #E5C9FD;
    --ai-l-75: #F3E7FE;
    --ai-l-90: #FFFFFF;
    --green-base: #878F46;
    --green-ghost-l-1-base: #DEE7A8;
    --green-ghost-l-1-hover: #D2E07B;
    --green-ghost-l-1-l-10: #CDD59B;
    --green-ghost-l-1-l-15: #C0C891;
    --green-ghost-l-1-l-30: #A4AC70;
    --green-ghost-l-1-l-45: #868E50;
    --green-ghost-l-1-l-60: #676D33;
    --green-ghost-l-1-l-75: #43480D;
    --green-ghost-l-1-l-90: #000000;
    --green-ghost-l-2-base: #E4EFA6;
    --green-ghost-l-2-hover: #D5E57B;
    --green-ghost-l-2-l-10: #D3DD99;
    --green-ghost-l-2-l-15: #C6D181;
    --green-ghost-l-2-l-30: #ABB561;
    --green-ghost-l-2-l-45: #8F9849;
    --green-ghost-l-2-l-60: #707738;
    --green-ghost-l-2-l-75: #4D5217;
    --green-ghost-l-2-l-90: #1E2105;
    --green-hover: #A5AF5B;
    --green-l-10: #98A15B;
    --green-l-15: #A5AE64;
    --green-l-30: #C0C88B;
    --green-l-45: #D9E0B3;
    --green-l-60: #F3F5E1;
    --green-l-75: #FFFFFF;
    --green-l-90: #FFFFFF;
    --header-overlay: #FFFFFF00;
    --illustration-accent-1: #FF8F00;
    --illustration-accent-2: #FFDF99;
    --illustration-creator-icon-color-1: #F26328;
    --illustration-creator-icon-color-2: #E14525;
    --illustration-creator-icon-color-3: #154A73;
    --illustration-creator-icon-color-4: #FFFFFF;
    --illustration-creator-icon-color-5: #16B6C6;
    --illustration-decor-1: #ECEBEA;
    --illustration-decor-2: #76726A;
    --illustration-student-icon-color-1: #3C404E;
    --illustration-student-icon-color-2: #343846;
    --illustration-student-icon-color-3: #FFD785;
    --illustration-student-icon-color-4: #EBC747;
    --menu: #FFFFFF99;
    --overlay: #0000008C;
    --primary-base: #325C44;
    --primary-ghost-l-1-base: #D3E5DB;
    --primary-ghost-l-1-hover: #C3DFCF;
    --primary-ghost-l-1-l-10: #C0D5C9;
    --primary-ghost-l-1-l-15: #B3C8BD;
    --primary-ghost-l-1-l-30: #91AF9F;
    --primary-ghost-l-1-l-45: #739181;
    --primary-ghost-l-1-l-60: #517160;
    --primary-ghost-l-1-l-75: #294C3B;
    --primary-ghost-l-1-l-90: #000000;
    --primary-ghost-l-2-base: #DCEDE3;
    --primary-ghost-l-2-hover: #CBE7D6;
    --primary-ghost-l-2-l-10: #C0DECD;
    --primary-ghost-l-2-l-15: #B4D2C1;
    --primary-ghost-l-2-l-30: #92B7A4;
    --primary-ghost-l-2-l-45: #6B9D83;
    --primary-ghost-l-2-l-60: #477D63;
    --primary-ghost-l-2-l-75: #2C5843;
    --primary-ghost-l-2-l-90: #0E251A;
    --primary-hover: #417758;
    --primary-l-10: #49735A;
    --primary-l-15: #5E826C;
    --primary-l-30: #7EA08B;
    --primary-l-45: #A6B9AB;
    --primary-l-60: #C5D1C9;
    --primary-l-75: #E1E8E3;
    --primary-l-90: #FDFDFD;
    --red-base: #D72264;
    --red-ghost-l-1-base: #FFD8DE;
    --red-ghost-l-1-hover: #FFB8C3;
    --red-ghost-l-1-l-10: #FBC1CA;
    --red-ghost-l-1-l-15: #FAAFBC;
    --red-ghost-l-1-l-30: #EC899D;
    --red-ghost-l-1-l-45: #D2667F;
    --red-ghost-l-1-l-60: #965763;
    --red-ghost-l-1-l-75: #553F43;
    --red-ghost-l-1-l-90: #000000;
    --red-ghost-l-2-base: #FEE2E6;
    --red-ghost-l-2-hover: #FEC8D0;
    --red-ghost-l-2-l-10: #FECAD2;
    --red-ghost-l-2-l-15: #F8BAC4;
    --red-ghost-l-2-l-30: #EE96A7;
    --red-ghost-l-2-l-45: #DA7187;
    --red-ghost-l-2-l-60: #A85A6A;
    --red-ghost-l-2-l-75: #6A444B;
    --red-ghost-l-2-l-90: #291D1F;
    --red-hover: #E43F7B;
    --red-l-10: #EA4979;
    --red-l-15: #EC698A;
    --red-l-30: #E89DAC;
    --red-l-45: #ECC1C9;
    --red-l-60: #EFE1E3;
    --red-l-75: #FCFBFB;
    --red-l-90: #FFFFFF;
    --secondary-base: #BB1337;
    --secondary-ghost-l-1-base: #F1DDDD;
    --secondary-ghost-l-1-hover: #ECCBCB;
    --secondary-ghost-l-1-l-10: #E9C8C8;
    --secondary-ghost-l-1-l-15: #E4B9B9;
    --secondary-ghost-l-1-l-30: #D0999A;
    --secondary-ghost-l-1-l-45: #B57A7B;
    --secondary-ghost-l-1-l-60: #8D5C5D;
    --secondary-ghost-l-1-l-75: #553F3F;
    --secondary-ghost-l-1-l-90: #000000;
    --secondary-ghost-l-2-base: #F4E5E5;
    --secondary-ghost-l-2-hover: #EED2D2;
    --secondary-ghost-l-2-l-10: #EAD1D1;
    --secondary-ghost-l-2-l-15: #E4C3C3;
    --secondary-ghost-l-2-l-30: #D2A4A4;
    --secondary-ghost-l-2-l-45: #BA8485;
    --secondary-ghost-l-2-l-60: #8C6A6A;
    --secondary-ghost-l-2-l-75: #60494A;
    --secondary-ghost-l-2-l-90: #261D1D;
    --secondary-hover: #DE1741;
    --secondary-l-10: #D04251;
    --secondary-l-15: #E25460;
    --secondary-l-30: #E08D8F;
    --secondary-l-45: #DFB5B4;
    --secondary-l-60: #E6D4D4;
    --secondary-l-75: #F1EFEF;
    --secondary-l-90: #FFFFFF;
    --sf-1-base: #F3F3F2;
    --sf-1-ghost-base: #E8E8E8;
    --sf-1-ghost-hover: #DFDEDD;
    --sf-1-ghost-l-10: #D7D6D3;
    --sf-1-ghost-l-15: #CBCAC7;
    --sf-1-ghost-l-30: #B0AEAC;
    --sf-1-ghost-l-45: #93918F;
    --sf-1-ghost-l-60: #73726F;
    --sf-1-ghost-l-75: #504E4C;
    --sf-1-ghost-l-90: #1F1E1C;
    --sf-1-l-10: #E1E1E0;
    --sf-1-l-15: #D6D5D3;
    --sf-1-l-30: #C1B9AB;
    --sf-1-l-45: #A39D92;
    --sf-1-l-60: #837F78;
    --sf-1-l-75: #605D58;
    --sf-1-l-90: #393734;
    --sf-2-base: #FAFAFA;
    --sf-2-ghost-base: #EDEDED;
    --sf-2-ghost-hover: #DEDEDE;
    --sf-2-ghost-l-10: #DCDCDC;
    --sf-2-ghost-l-15: #CFCFCF;
    --sf-2-ghost-l-30: #B4B4B4;
    --sf-2-ghost-l-45: #979797;
    --sf-2-ghost-l-60: #787878;
    --sf-2-ghost-l-75: #565656;
    --sf-2-ghost-l-90: #2D2D2D;
    --sf-2-l-10: #E8E8E8;
    --sf-2-l-15: #DCDCDC;
    --sf-2-l-30: #C2C2C2;
    --sf-2-l-45: #A6A6A6;
    --sf-2-l-60: #888888;
    --sf-2-l-75: #686868;
    --sf-2-l-90: #434343;
    --ui-header-overlay: #FFFFFF00;
    --ui-lad-dropdown-border: #FAFAFA;
    --ui-menu: #FFFFFFD8;
    --yellow-base: #F7D83E;
    --yellow-ghost-l-1-base: #FFEE99;
    --yellow-ghost-l-1-hover: #FFE97A;
    --yellow-ghost-l-1-l-10: #EEDC84;
    --yellow-ghost-l-1-l-15: #E1D07C;
    --yellow-ghost-l-1-l-30: #C6B459;
    --yellow-ghost-l-1-l-45: #A79747;
    --yellow-ghost-l-1-l-60: #84783E;
    --yellow-ghost-l-1-l-75: #61551C;
    --yellow-ghost-l-1-l-90: #332B00;
    --yellow-ghost-l-2-base: #FFF2B2;
    --yellow-ghost-l-2-hover: #FFEC8F;
    --yellow-ghost-l-2-l-10: #EEE099;
    --yellow-ghost-l-2-l-15: #E2D48F;
    --yellow-ghost-l-2-l-30: #C6B977;
    --yellow-ghost-l-2-l-45: #A99C5D;
    --yellow-ghost-l-2-l-60: #887E49;
    --yellow-ghost-l-2-l-75: #655B2E;
    --yellow-ghost-l-2-l-90: #3C3300;
    --yellow-hover: #F9E271;
    --yellow-l-10: #E2C639;
    --yellow-l-15: #D3BA3A;
    --yellow-l-30: #B09D41;
    --yellow-l-45: #917F22;
    --yellow-l-60: #6A5E24;
    --yellow-l-75: #403707;
    --yellow-l-90: #000000;
}

/*  DARK MODE */
/*@media (prefers-color-scheme: dark),*/
:root[data-mode="dark"] {
    --ai-base: #743ABF;
    --ai-ghost-l-1-base: #331557;
    --ai-ghost-l-1-hover: #3F1A6B;
    --ai-ghost-l-1-l-10: #543B7C;
    --ai-ghost-l-1-l-15: #684C95;
    --ai-ghost-l-1-l-30: #8D6DC2;
    --ai-ghost-l-1-l-45: #A98FDA;
    --ai-ghost-l-1-l-60: #C1AFE6;
    --ai-ghost-l-1-l-75: #D8CAF6;
    --ai-ghost-l-1-l-90: #EDE5FE;
    --ai-ghost-l-2-base: #3A1863;
    --ai-ghost-l-2-hover: #461D77;
    --ai-ghost-l-2-l-10: #593C84;
    --ai-ghost-l-2-l-15: #6D4CA0;
    --ai-ghost-l-2-l-30: #8C74B6;
    --ai-ghost-l-2-l-45: #A993D4;
    --ai-ghost-l-2-l-60: #C3B0E8;
    --ai-ghost-l-2-l-75: #DACCF6;
    --ai-ghost-l-2-l-90: #EFE8FE;
    --ai-hover: #8648D5;
    --ai-l-10: #8361AD;
    --ai-l-15: #9373BD;
    --ai-l-30: #AF95C4;
    --ai-l-45: #C9B1DE;
    --ai-l-60: #E5C9FD;
    --ai-l-75: #F3E7FE;
    --ai-l-90: #FFFFFF;
    --green-base: #878F46;
    --green-ghost-l-1-base: #323329;
    --green-ghost-l-1-hover: #454733;
    --green-ghost-l-1-l-10: #4F5041;
    --green-ghost-l-1-l-15: #606252;
    --green-ghost-l-1-l-30: #828471;
    --green-ghost-l-1-l-45: #9FA28F;
    --green-ghost-l-1-l-60: #BABDAA;
    --green-ghost-l-1-l-75: #D4D6CA;
    --green-ghost-l-1-l-90: #ECEDE5;
    --green-ghost-l-2-base: #3C3D30;
    --green-ghost-l-2-hover: #52543B;
    --green-ghost-l-2-l-10: #565745;
    --green-ghost-l-2-l-15: #676956;
    --green-ghost-l-2-l-30: #888A77;
    --green-ghost-l-2-l-45: #A5A796;
    --green-ghost-l-2-l-60: #C0C2B2;
    --green-ghost-l-2-l-75: #D9DACE;
    --green-ghost-l-2-l-90: #F1F2EA;
    --green-hover: #A5AF5B;
    --green-l-10: #98A15B;
    --green-l-15: #A5AE64;
    --green-l-30: #C0C88B;
    --green-l-45: #D9E0B3;
    --green-l-60: #F3F5E1;
    --green-l-75: #FFFFFF;
    --green-l-90: #FFFFFF;
    --header-overlay: #00000072;
    --illustration-accent-1: #D87800;
    --illustration-accent-2: #B58054;
    --illustration-creator-icon-color-1: #F26328;
    --illustration-creator-icon-color-2: #E14525;
    --illustration-creator-icon-color-3: #1A5A8C;
    --illustration-creator-icon-color-4: #B4D5E7;
    --illustration-creator-icon-color-5: #16B6C6;
    --illustration-decor-1: #110904;
    --illustration-decor-2: #65401F;
    --illustration-student-icon-color-1: #5B6176;
    --illustration-student-icon-color-2: #4C5166;
    --illustration-student-icon-color-3: #2E2000;
    --illustration-student-icon-color-4: #D6AE1F;
    --menu: #00000099;
    --overlay: #0000008C;
    --primary-base: #478260;
    --primary-ghost-l-1-base: #29332D;
    --primary-ghost-l-1-hover: #34463B;
    --primary-ghost-l-1-l-10: #435148;
    --primary-ghost-l-1-l-15: #526459;
    --primary-ghost-l-1-l-30: #73867A;
    --primary-ghost-l-1-l-45: #90A498;
    --primary-ghost-l-1-l-60: #AFBFB5;
    --primary-ghost-l-1-l-75: #CBD7CF;
    --primary-ghost-l-1-l-90: #E8EDEA;
    --primary-ghost-l-2-base: #334038;
    --primary-ghost-l-2-hover: #40594A;
    --primary-ghost-l-2-l-10: #4A5B51;
    --primary-ghost-l-2-l-15: #5B6C61;
    --primary-ghost-l-2-l-30: #7B8D82;
    --primary-ghost-l-2-l-45: #99AAA0;
    --primary-ghost-l-2-l-60: #B6C3BB;
    --primary-ghost-l-2-l-75: #D4DBD7;
    --primary-ghost-l-2-l-90: #F0F2F1;
    --primary-hover: #4A966A;
    --primary-l-10: #559670;
    --primary-l-15: #63A37E;
    --primary-l-30: #90BDA1;
    --primary-l-45: #B7D4C1;
    --primary-l-60: #DBE9DF;
    --primary-l-75: #FBFCFC;
    --primary-l-90: #FFFFFF;
    --red-base: #D72264;
    --red-ghost-l-1-base: #331F26;
    --red-ghost-l-1-hover: #4C2935;
    --red-ghost-l-1-l-10: #5D3E49;
    --red-ghost-l-1-l-15: #71515C;
    --red-ghost-l-1-l-30: #94747F;
    --red-ghost-l-1-l-45: #AE949C;
    --red-ghost-l-1-l-60: #C1B3B7;
    --red-ghost-l-1-l-75: #D5CFD1;
    --red-ghost-l-1-l-90: #E9E8E8;
    --red-ghost-l-2-base: #3D232C;
    --red-ghost-l-2-hover: #5B2F3E;
    --red-ghost-l-2-l-10: #673E4C;
    --red-ghost-l-2-l-15: #7A505F;
    --red-ghost-l-2-l-30: #A07281;
    --red-ghost-l-2-l-45: #B5949E;
    --red-ghost-l-2-l-60: #C5B4B9;
    --red-ghost-l-2-l-75: #D7D0D2;
    --red-ghost-l-2-l-90: #EBEAEA;
    --red-hover: #E43F7B;
    --red-l-10: #EA4979;
    --red-l-15: #EC698A;
    --red-l-30: #E89DAC;
    --red-l-45: #ECC1C9;
    --red-l-60: #EFE1E3;
    --red-l-75: #FCFBFB;
    --red-l-90: #FFFFFF;
    --secondary-base: #DE1741;
    --secondary-ghost-l-1-base: #332528;
    --secondary-ghost-l-1-hover: #4C3338;
    --secondary-ghost-l-1-l-10: #554548;
    --secondary-ghost-l-1-l-15: #6A565A;
    --secondary-ghost-l-1-l-30: #8C797D;
    --secondary-ghost-l-1-l-45: #A6989B;
    --secondary-ghost-l-1-l-60: #BFB6B7;
    --secondary-ghost-l-1-l-75: #D4D0D1;
    --secondary-ghost-l-1-l-90: #EAE9E9;
    --secondary-ghost-l-2-base: #3D2C30;
    --secondary-ghost-l-2-hover: #56383F;
    --secondary-ghost-l-2-l-10: #5F474C;
    --secondary-ghost-l-2-l-15: #73595E;
    --secondary-ghost-l-2-l-30: #967A80;
    --secondary-ghost-l-2-l-45: #B1999E;
    --secondary-ghost-l-2-l-60: #C4B7BA;
    --secondary-ghost-l-2-l-75: #D8D3D4;
    --secondary-ghost-l-2-l-90: #EDEBEC;
    --secondary-hover: #EF2A53;
    --secondary-l-10: #F53E56;
    --secondary-l-15: #EE6C73;
    --secondary-l-30: #E7A0A0;
    --secondary-l-45: #E8C5C4;
    --secondary-l-60: #F0E2E1;
    --secondary-l-75: #FCFBFB;
    --secondary-l-90: #FFFFFF;
    --sf-1-base: #0B0B0A;
    --sf-1-ghost-base: #262421;
    --sf-1-ghost-hover: #2C2B28;
    --sf-1-ghost-l-10: #3E3930;
    --sf-1-ghost-l-15: #5E594F;
    --sf-1-ghost-l-30: #817B71;
    --sf-1-ghost-l-45: #A0998F;
    --sf-1-ghost-l-60: #BCB5AA;
    --sf-1-ghost-l-75: #D6CFC4;
    --sf-1-ghost-l-90: #D6CFC4;
    --sf-1-l-10: #2F2F2F;
    --sf-1-l-15: #545350;
    --sf-1-l-30: #767676;
    --sf-1-l-45: #9D9486;
    --sf-1-l-60: #B4B1AB;
    --sf-1-l-75: #CECBC5;
    --sf-1-l-90: #E7E4DE;
    --sf-2-base: #171717;
    --sf-2-ghost-base: #262421;
    --sf-2-ghost-hover: #2C2B28;
    --sf-2-ghost-l-10: #3E3930;
    --sf-2-ghost-l-15: #5E594F;
    --sf-2-ghost-l-30: #817B71;
    --sf-2-ghost-l-45: #A0998F;
    --sf-2-ghost-l-60: #BCB5AA;
    --sf-2-ghost-l-75: #D6CFC4;
    --sf-2-ghost-l-90: #D6CFC4;
    --sf-2-l-10: #282828;
    --sf-2-l-15: #555555;
    --sf-2-l-30: #787878;
    --sf-2-l-45: #979797;
    --sf-2-l-60: #B3B3B3;
    --sf-2-l-75: #CDCDCD;
    --sf-2-l-90: #E5E5E5;
    --ui-header-overlay: #00000072;
    --ui-lad-dropdown-border: #282828;
    --ui-menu: #00000099;
    --yellow-base: #E8C82D;
    --yellow-ghost-l-1-base: #332C0A;
    --yellow-ghost-l-1-hover: #4D420F;
    --yellow-ghost-l-1-l-10: #514B2E;
    --yellow-ghost-l-1-l-15: #655D3A;
    --yellow-ghost-l-1-l-30: #898053;
    --yellow-ghost-l-1-l-45: #A89E6C;
    --yellow-ghost-l-1-l-60: #C6B97D;
    --yellow-ghost-l-1-l-75: #E2D38C;
    --yellow-ghost-l-1-l-90: #F3EBC5;
    --yellow-ghost-l-2-base: #40370D;
    --yellow-ghost-l-2-hover: #554911;
    --yellow-ghost-l-2-l-10: #5A5331;
    --yellow-ghost-l-2-l-15: #6D643E;
    --yellow-ghost-l-2-l-30: #908657;
    --yellow-ghost-l-2-l-45: #AFA36B;
    --yellow-ghost-l-2-l-60: #CDBE7E;
    --yellow-ghost-l-2-l-75: #E6D795;
    --yellow-ghost-l-2-l-90: #F5EFD3;
    --yellow-hover: #EBCF47;
    --yellow-l-10: #CAB76A;
    --yellow-l-15: #C0AA4B;
    --yellow-l-30: #978C61;
    --yellow-l-45: #7A6D36;
    --yellow-l-60: #514928;
    --yellow-l-75: #120F02;
    --yellow-l-90: #000000;
}