/*  LIGHT (DEFAULT) MODE */
:root:not([data-mode="dark"]) {
    --ai-base: #0C7567;
    --ai-ghost-l-1-base: #CAE3DD;
    --ai-ghost-l-1-hover: #B6D8D0;
    --ai-ghost-l-1-l-10: #ADD4CB;
    --ai-ghost-l-1-l-15: #A0C7BE;
    --ai-ghost-l-1-l-30: #88AAA2;
    --ai-ghost-l-1-l-45: #6E8B83;
    --ai-ghost-l-1-l-60: #536964;
    --ai-ghost-l-1-l-75: #32413E;
    --ai-ghost-l-1-l-90: #091C18;
    --ai-ghost-l-2-base: #CEEBE4;
    --ai-ghost-l-2-hover: #B3E0D5;
    --ai-ghost-l-2-l-10: #B7DAD2;
    --ai-ghost-l-2-l-15: #AACEC5;
    --ai-ghost-l-2-l-30: #87A9A1;
    --ai-ghost-l-2-l-45: #69958C;
    --ai-ghost-l-2-l-60: #57736D;
    --ai-ghost-l-2-l-75: #3E4D49;
    --ai-ghost-l-2-l-90: #051612;
    --ai-hover: #0E8B7A;
    --ai-l-10: #50867C;
    --ai-l-15: #5A968A;
    --ai-l-30: #8DB0A8;
    --ai-l-45: #A1CBC3;
    --ai-l-60: #C5E2DC;
    --ai-l-75: #EBF5F3;
    --ai-l-90: #FFFFFF;
    --green-base: #158C15;
    --green-ghost-l-1-base: #C7EBC7;
    --green-ghost-l-1-hover: #B0E3B0;
    --green-ghost-l-1-l-10: #ACDCAC;
    --green-ghost-l-1-l-15: #9FCF9F;
    --green-ghost-l-1-l-30: #7FB480;
    --green-ghost-l-1-l-45: #559858;
    --green-ghost-l-1-l-60: #36763B;
    --green-ghost-l-1-l-75: #294C2B;
    --green-ghost-l-1-l-90: #000000;
    --green-ghost-l-2-base: #DAF2DA;
    --green-ghost-l-2-hover: #C3EAC3;
    --green-ghost-l-2-l-10: #BDE4BE;
    --green-ghost-l-2-l-15: #B2D7B2;
    --green-ghost-l-2-l-30: #92BC93;
    --green-ghost-l-2-l-45: #73A074;
    --green-ghost-l-2-l-60: #518053;
    --green-ghost-l-2-l-75: #415A42;
    --green-ghost-l-2-l-90: #1F2B1F;
    --green-hover: #17A017;
    --green-l-10: #409F47;
    --green-l-15: #5AAB5E;
    --green-l-30: #82C683;
    --green-l-45: #ADDBAD;
    --green-l-60: #BDF7BD;
    --green-l-75: #FFFFFF;
    --green-l-90: #FFFFFF;
    --header-overlay: #FFFFFF00;
    --illustration-accent-1: #FF8F00;
    --illustration-accent-2: #FFDF99;
    --illustration-decor-1: #ECEBEA;
    --illustration-decor-2: #76726A;
    --menu: #FFFFFF99;
    --overlay: #0000008C;
    --primary-base: #212554;
    --primary-ghost-l-1-base: #CED7F2;
    --primary-ghost-l-1-hover: #BFCAEE;
    --primary-ghost-l-1-l-10: #BBC5E2;
    --primary-ghost-l-1-l-15: #B2B8CB;
    --primary-ghost-l-1-l-30: #959CB1;
    --primary-ghost-l-1-l-45: #777D8F;
    --primary-ghost-l-1-l-60: #555C6F;
    --primary-ghost-l-1-l-75: #2F3446;
    --primary-ghost-l-1-l-90: #02031E;
    --primary-ghost-l-2-base: #E0E8FF;
    --primary-ghost-l-2-hover: #C7D5FF;
    --primary-ghost-l-2-l-10: #D0D7EB;
    --primary-ghost-l-2-l-15: #C3CADE;
    --primary-ghost-l-2-l-30: #A8AFC4;
    --primary-ghost-l-2-l-45: #8991A8;
    --primary-ghost-l-2-l-60: #687190;
    --primary-ghost-l-2-l-75: #444E6E;
    --primary-ghost-l-2-l-90: #191E2E;
    --primary-hover: #2B306E;
    --primary-l-10: #404774;
    --primary-l-15: #545A7E;
    --primary-l-30: #787D9A;
    --primary-l-45: #979CB1;
    --primary-l-60: #B7B8BA;
    --primary-l-75: #EEF1FE;
    --primary-l-90: #FFFFFF;
    --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: #3C287C;
    --secondary-ghost-l-1-base: #D7CEF2;
    --secondary-ghost-l-1-hover: #C7BAED;
    --secondary-ghost-l-1-l-10: #C5BBE3;
    --secondary-ghost-l-1-l-15: #B8AFD4;
    --secondary-ghost-l-1-l-30: #9A92B2;
    --secondary-ghost-l-1-l-45: #7C7295;
    --secondary-ghost-l-1-l-60: #585269;
    --secondary-ghost-l-1-l-75: #2E293B;
    --secondary-ghost-l-1-l-90: #150D25;
    --secondary-ghost-l-2-base: #E8E0FF;
    --secondary-ghost-l-2-hover: #D9CCFF;
    --secondary-ghost-l-2-l-10: #D6CEEC;
    --secondary-ghost-l-2-l-15: #CAC2E0;
    --secondary-ghost-l-2-l-30: #ADA6C3;
    --secondary-ghost-l-2-l-45: #9088A6;
    --secondary-ghost-l-2-l-60: #706884;
    --secondary-ghost-l-2-l-75: #4D455F;
    --secondary-ghost-l-2-l-90: #130528;
    --secondary-hover: #472F93;
    --secondary-l-10: #554895;
    --secondary-l-15: #656186;
    --secondary-l-30: #8684A0;
    --secondary-l-45: #A3A2B7;
    --secondary-l-60: #BEBDCC;
    --secondary-l-75: #F7F7FE;
    --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: #0A6155;
    --ai-ghost-l-1-base: #1B2625;
    --ai-ghost-l-1-hover: #263634;
    --ai-ghost-l-1-l-10: #364A48;
    --ai-ghost-l-1-l-15: #495D5B;
    --ai-ghost-l-1-l-30: #727E7D;
    --ai-ghost-l-1-l-45: #909D9B;
    --ai-ghost-l-1-l-60: #ABB9B7;
    --ai-ghost-l-1-l-75: #C5D3D1;
    --ai-ghost-l-1-l-90: #E5F3F1;
    --ai-ghost-l-2-base: #22302F;
    --ai-ghost-l-2-hover: #2C3F3D;
    --ai-ghost-l-2-l-10: #404F4D;
    --ai-ghost-l-2-l-15: #51615F;
    --ai-ghost-l-2-l-30: #728381;
    --ai-ghost-l-2-l-45: #90A1A0;
    --ai-ghost-l-2-l-60: #AFBCBB;
    --ai-ghost-l-2-l-75: #CBD5D4;
    --ai-ghost-l-2-l-90: #E4F6F4;
    --ai-hover: #0C786A;
    --ai-l-10: #3B766C;
    --ai-l-15: #61837C;
    --ai-l-30: #85A09A;
    --ai-l-45: #9ABDB6;
    --ai-l-60: #B9D6CF;
    --ai-l-75: #CEEFE8;
    --ai-l-90: #FFFFFF;
    --green-base: #117F00;
    --green-ghost-l-1-base: #243321;
    --green-ghost-l-1-hover: #2E412A;
    --green-ghost-l-1-l-10: #3A5335;
    --green-ghost-l-1-l-15: #496644;
    --green-ghost-l-1-l-30: #688961;
    --green-ghost-l-1-l-45: #8AA584;
    --green-ghost-l-1-l-60: #A8C1A3;
    --green-ghost-l-1-l-75: #C1DBBB;
    --green-ghost-l-1-l-90: #DEF1DA;
    --green-ghost-l-2-base: #2A3D27;
    --green-ghost-l-2-hover: #364E32;
    --green-ghost-l-2-l-10: #3C5B38;
    --green-ghost-l-2-l-15: #4C6D47;
    --green-ghost-l-2-l-30: #6F8E6A;
    --green-ghost-l-2-l-45: #8AAC84;
    --green-ghost-l-2-l-60: #AAC6A5;
    --green-ghost-l-2-l-75: #C6DEC2;
    --green-ghost-l-2-l-90: #DEF6DA;
    --green-hover: #149900;
    --green-l-10: #548F4D;
    --green-l-15: #639E5B;
    --green-l-30: #81BB79;
    --green-l-45: #A3D39C;
    --green-l-60: #C7E9C2;
    --green-l-75: #E4FEE0;
    --green-l-90: #FFFFFF;
    --header-overlay: #00000072;
    --illustration-accent-1: #D87800;
    --illustration-accent-2: #B58054;
    --illustration-decor-1: #110904;
    --illustration-decor-2: #65401F;
    --menu: #00000099;
    --overlay: #0000008C;
    --primary-base: #3C4399;
    --primary-ghost-l-1-base: #222630;
    --primary-ghost-l-1-hover: #2C323F;
    --primary-ghost-l-1-l-10: #414859;
    --primary-ghost-l-1-l-15: #505A72;
    --primary-ghost-l-1-l-30: #727D97;
    --primary-ghost-l-1-l-45: #8F9BB8;
    --primary-ghost-l-1-l-60: #ABB7D3;
    --primary-ghost-l-1-l-75: #C9D1E2;
    --primary-ghost-l-1-l-90: #E3E9F7;
    --primary-ghost-l-2-base: #272B38;
    --primary-ghost-l-2-hover: #323748;
    --primary-ghost-l-2-l-10: #444A5E;
    --primary-ghost-l-2-l-15: #565C6F;
    --primary-ghost-l-2-l-30: #7A7F8D;
    --primary-ghost-l-2-l-45: #959CB3;
    --primary-ghost-l-2-l-60: #B1B8CE;
    --primary-ghost-l-2-l-75: #CED2DE;
    --primary-ghost-l-2-l-90: #E3EAFE;
    --primary-hover: #454DB0;
    --primary-l-10: #576197;
    --primary-l-15: #6872A6;
    --primary-l-30: #8791C2;
    --primary-l-45: #A1ADE5;
    --primary-l-60: #C5C9DD;
    --primary-l-75: #DBE2FE;
    --primary-l-90: #FFFFFF;
    --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: #563AB2;
    --secondary-ghost-l-1-base: #272238;
    --secondary-ghost-l-1-hover: #332C49;
    --secondary-ghost-l-1-l-10: #49445D;
    --secondary-ghost-l-1-l-15: #5C5770;
    --secondary-ghost-l-1-l-30: #48435B;
    --secondary-ghost-l-1-l-45: #9C97B3;
    --secondary-ghost-l-1-l-60: #B8B3CF;
    --secondary-ghost-l-1-l-75: #D2CDEA;
    --secondary-ghost-l-1-l-90: #F1EEFE;
    --secondary-ghost-l-2-base: #2E2842;
    --secondary-ghost-l-2-hover: #3A3253;
    --secondary-ghost-l-2-l-10: #4D4763;
    --secondary-ghost-l-2-l-15: #5F5976;
    --secondary-ghost-l-2-l-30: #817B9A;
    --secondary-ghost-l-2-l-45: #9F99B9;
    --secondary-ghost-l-2-l-60: #BBB4D6;
    --secondary-ghost-l-2-l-75: #D4CEF0;
    --secondary-ghost-l-2-l-90: #F3F1FE;
    --secondary-hover: #6346C3;
    --secondary-l-10: #695BB8;
    --secondary-l-15: #776FB8;
    --secondary-l-30: #9692C1;
    --secondary-l-45: #B2AFD7;
    --secondary-l-60: #CCCAE7;
    --secondary-l-75: #E4E3FE;
    --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;
}