/*  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: #1B998B;
    --green-ghost-l-1-base: #D1EDEA;
    --green-ghost-l-1-hover: #B8E3DE;
    --green-ghost-l-1-l-10: #ABE0D6;
    --green-ghost-l-1-l-15: #9CD4CA;
    --green-ghost-l-1-l-30: #80B8AE;
    --green-ghost-l-1-l-45: #579C91;
    --green-ghost-l-1-l-60: #367C72;
    --green-ghost-l-1-l-75: #01564D;
    --green-ghost-l-1-l-90: #01564D;
    --green-ghost-l-2-base: #D2F7F4;
    --green-ghost-l-2-hover: #B7EDE9;
    --green-ghost-l-2-l-10: #B0E9DF;
    --green-ghost-l-2-l-15: #A4DDD3;
    --green-ghost-l-2-l-30: #87C2B8;
    --green-ghost-l-2-l-45: #68A59B;
    --green-ghost-l-2-l-60: #49867D;
    --green-ghost-l-2-l-75: #25635B;
    --green-ghost-l-2-l-90: #25635B;
    --green-hover: #1FAD91;
    --green-l-10: #37AB9D;
    --green-l-15: #6AB5AA;
    --green-l-30: #92CEC4;
    --green-l-45: #ABE8DD;
    --green-l-60: #E4F8F4;
    --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: #FFC136;
    --primary-ghost-l-1-base: #FFE4AD;
    --primary-ghost-l-1-hover: #FFDA8F;
    --primary-ghost-l-1-l-10: #F0D295;
    --primary-ghost-l-1-l-15: #E3C588;
    --primary-ghost-l-1-l-30: #C3AA77;
    --primary-ghost-l-1-l-45: #A58D5A;
    --primary-ghost-l-1-l-60: #836D40;
    --primary-ghost-l-1-l-75: #5C4A25;
    --primary-ghost-l-1-l-90: #231700;
    --primary-ghost-l-2-base: #FFEABA;
    --primary-ghost-l-2-hover: #FFE099;
    --primary-ghost-l-2-l-10: #EFD8A4;
    --primary-ghost-l-2-l-15: #E0CC9D;
    --primary-ghost-l-2-l-30: #C4B186;
    --primary-ghost-l-2-l-45: #A69469;
    --primary-ghost-l-2-l-60: #887446;
    --primary-ghost-l-2-l-75: #5E5338;
    --primary-ghost-l-2-l-90: #2D291E;
    --primary-hover: #FFCB5C;
    --primary-l-10: #E8B031;
    --primary-l-15: #D7A334;
    --primary-l-30: #AF893B;
    --primary-l-45: #886A2F;
    --primary-l-60: #57492E;
    --primary-l-75: #151515;
    --primary-l-90: #000000;
    --red-base: #E02D3E;
    --red-ghost-l-1-base: #FFCCD1;
    --red-ghost-l-1-hover: #FFADB5;
    --red-ghost-l-1-l-10: #EFB9BC;
    --red-ghost-l-1-l-15: #EBA9AD;
    --red-ghost-l-1-l-30: #D4898F;
    --red-ghost-l-1-l-45: #C55D6A;
    --red-ghost-l-1-l-60: #9B3C4A;
    --red-ghost-l-1-l-75: #522B2E;
    --red-ghost-l-1-l-90: #000000;
    --red-ghost-l-2-base: #FFDEE1;
    --red-ghost-l-2-hover: #FFC7CC;
    --red-ghost-l-2-l-10: #F5CACA;
    --red-ghost-l-2-l-15: #E8BDBE;
    --red-ghost-l-2-l-30: #D2A0A1;
    --red-ghost-l-2-l-45: #C47A7D;
    --red-ghost-l-2-l-60: #A6565B;
    --red-ghost-l-2-l-75: #802F37;
    --red-ghost-l-2-l-90: #1F1113;
    --red-hover: #E44958;
    --red-l-10: #F44E55;
    --red-l-15: #F56E6D;
    --red-l-30: #EBA4A0;
    --red-l-45: #EEC6C4;
    --red-l-60: #F6E4E2;
    --red-l-75: #FFFFFF;
    --red-l-90: #FFFFFF;
    --secondary-base: #0084BB;
    --secondary-ghost-l-1-base: #C7ECFF;
    --secondary-ghost-l-1-hover: #A8E2FF;
    --secondary-ghost-l-1-l-10: #B2DBEF;
    --secondary-ghost-l-1-l-15: #A6CFE3;
    --secondary-ghost-l-1-l-30: #85B4CA;
    --secondary-ghost-l-1-l-45: #6496AD;
    --secondary-ghost-l-1-l-60: #45768C;
    --secondary-ghost-l-1-l-75: #2A5062;
    --secondary-ghost-l-1-l-90: #001A25;
    --secondary-ghost-l-2-base: #D6F1FF;
    --secondary-ghost-l-2-hover: #B8E7FF;
    --secondary-ghost-l-2-l-10: #C0E0F0;
    --secondary-ghost-l-2-l-15: #B3D4E5;
    --secondary-ghost-l-2-l-30: #96B9CA;
    --secondary-ghost-l-2-l-45: #749DB0;
    --secondary-ghost-l-2-l-60: #577E90;
    --secondary-ghost-l-2-l-75: #345A6C;
    --secondary-ghost-l-2-l-90: #132F3B;
    --secondary-hover: #009BDB;
    --secondary-l-10: #0098D1;
    --secondary-l-15: #00A6DB;
    --secondary-l-30: #78C0E0;
    --secondary-l-45: #81DBFF;
    --secondary-l-60: #CAEEFF;
    --secondary-l-75: #FFFFFF;
    --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: #6F2DBD;
    --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: #7E39D0;
    --ai-l-10: #7D58BA;
    --ai-l-15: #8B6BC5;
    --ai-l-30: #A58FD1;
    --ai-l-45: #BEAEE3;
    --ai-l-60: #D5CAF1;
    --ai-l-75: #ECE5FE;
    --ai-l-90: #FFFFFF;
    --green-base: #1B998B;
    --green-ghost-l-1-base: #1C2B2A;
    --green-ghost-l-1-hover: #1E3332;
    --green-ghost-l-1-l-10: #364D4B;
    --green-ghost-l-1-l-15: #48605D;
    --green-ghost-l-1-l-30: #668481;
    --green-ghost-l-1-l-45: #7CA39F;
    --green-ghost-l-1-l-60: #A8BBB9;
    --green-ghost-l-1-l-75: #C2D5D3;
    --green-ghost-l-1-l-90: #C2D5D3;
    --green-ghost-l-2-base: #243837;
    --green-ghost-l-2-hover: #284543;
    --green-ghost-l-2-l-10: #3A5553;
    --green-ghost-l-2-l-15: #4B6764;
    --green-ghost-l-2-l-30: #6C8986;
    --green-ghost-l-2-l-45: #89A7A4;
    --green-ghost-l-2-l-60: #A4C2BF;
    --green-ghost-l-2-l-75: #BEDCD9;
    --green-ghost-l-2-l-90: #BEDCD9;
    --green-hover: #1FAD91;
    --green-l-10: #37AB9D;
    --green-l-15: #6AB5AA;
    --green-l-30: #92CEC4;
    --green-l-45: #ABE8DD;
    --green-l-60: #E4F8F4;
    --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: #FAC03E;
    --primary-ghost-l-1-base: #332300;
    --primary-ghost-l-1-hover: #523800;
    --primary-ghost-l-1-l-10: #534427;
    --primary-ghost-l-1-l-15: #6A5834;
    --primary-ghost-l-1-l-30: #8F794F;
    --primary-ghost-l-1-l-45: #AF986D;
    --primary-ghost-l-1-l-60: #C8B58F;
    --primary-ghost-l-1-l-75: #E2CEA8;
    --primary-ghost-l-1-l-90: #FBE6C0;
    --primary-ghost-l-2-base: #473100;
    --primary-ghost-l-2-hover: #6B4A00;
    --primary-ghost-l-2-l-10: #624E26;
    --primary-ghost-l-2-l-15: #795F29;
    --primary-ghost-l-2-l-30: #9C814B;
    --primary-ghost-l-2-l-45: #BE9D5B;
    --primary-ghost-l-2-l-60: #D7B97E;
    --primary-ghost-l-2-l-75: #ECD4A6;
    --primary-ghost-l-2-l-90: #FEECCA;
    --primary-hover: #FBCB60;
    --primary-l-10: #E2AF45;
    --primary-l-15: #D2A23E;
    --primary-l-30: #AA8846;
    --primary-l-45: #81693C;
    --primary-l-60: #54462C;
    --primary-l-75: #0F0F0F;
    --primary-l-90: #000000;
    --red-base: #E52235;
    --red-ghost-l-1-base: #402023;
    --red-ghost-l-1-hover: #552B2F;
    --red-ghost-l-1-l-10: #6B3B3F;
    --red-ghost-l-1-l-15: #7C4F53;
    --red-ghost-l-1-l-30: #A17175;
    --red-ghost-l-1-l-45: #C09194;
    --red-ghost-l-1-l-60: #D2B0B1;
    --red-ghost-l-1-l-75: #E7CBCD;
    --red-ghost-l-1-l-90: #FEE3E5;
    --red-ghost-l-2-base: #4D2226;
    --red-ghost-l-2-hover: #602A2F;
    --red-ghost-l-2-l-10: #703F42;
    --red-ghost-l-2-l-15: #8A4D51;
    --red-ghost-l-2-l-30: #A57477;
    --red-ghost-l-2-l-45: #BD9596;
    --red-ghost-l-2-l-60: #D7B2B3;
    --red-ghost-l-2-l-75: #F4CACB;
    --red-ghost-l-2-l-90: #FEE6E6;
    --red-hover: #E83B4C;
    --red-l-10: #EC5959;
    --red-l-15: #E57C77;
    --red-l-30: #F59F9A;
    --red-l-45: #F0C6C2;
    --red-l-60: #F5E4E8;
    --red-l-75: #FFFFFF;
    --red-l-90: #FFFFFF;
    --secondary-base: #1582AF;
    --secondary-ghost-l-1-base: #032E40;
    --secondary-ghost-l-1-hover: #054661;
    --secondary-ghost-l-1-l-10: #324E5E;
    --secondary-ghost-l-1-l-15: #4C5F6C;
    --secondary-ghost-l-1-l-30: #618399;
    --secondary-ghost-l-1-l-45: #73A3C0;
    --secondary-ghost-l-1-l-60: #86BFE2;
    --secondary-ghost-l-1-l-75: #ABD8F3;
    --secondary-ghost-l-1-l-90: #D5EEFD;
    --secondary-ghost-l-2-base: #04374D;
    --secondary-ghost-l-2-hover: #054561;
    --secondary-ghost-l-2-l-10: #29546C;
    --secondary-ghost-l-2-l-15: #3B667F;
    --secondary-ghost-l-2-l-30: #64889D;
    --secondary-ghost-l-2-l-45: #75A7C4;
    --secondary-ghost-l-2-l-60: #8CC3E4;
    --secondary-ghost-l-2-l-75: #B2DBF4;
    --secondary-ghost-l-2-l-90: #DCF0FD;
    --secondary-hover: #1895C8;
    --secondary-l-10: #3F95BE;
    --secondary-l-15: #57A3C9;
    --secondary-l-30: #7BBEE3;
    --secondary-l-45: #B4D5E7;
    --secondary-l-60: #CFEDFE;
    --secondary-l-75: #FFFFFF;
    --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;
}