:root {
    
    --body-main-color: #241532 97.46%;
    --a-hover-color: #5c1398;
    /* RED */
    --RD_00: #FBECEC;
    --RD_01: #F4CACA;
    --RD_02: #E99B9B;
    --RD_03: #D96A6A;
    --RD_04: #C44545;
    --RD_05: #A93636;
    --RD_06: #842828;
    --RD_07: #5B1B1B;

    /* ORANGE */
    --OR_00: #FFF4EB;
    --OR_01: #FDE2C8;
    --OR_02: #F7C28F;
    --OR_03: #ED9F58;
    --OR_04: #D9822B;
    --OR_05: #B86922;
    --OR_06: #8E501A;
    --OR_07: #603611;

    /* YELLOW */
    --YL_00: #FFFBE9;
    --YL_01: #FDF3BF;
    --YL_02: #F8E483;
    --YL_03: #EEC94D;
    --YL_04: #D9AE1F;
    --YL_05: #B18D19;
    --YL_06: #886C13;
    --YL_07: #5E4B0D;

    /* GOLD */
    --GD_00: #FFF8EA;
    --GD_01: #F9E9BD;
    --GD_02: #ECD283;
    --GD_03: #D8B14E;
    --GD_04: #B98A1E;
    --GD_05: #946D18;
    --GD_06: #6E5112;
    --GD_07: #48350C;

    /* GREEN */
    --GN_00: #EEF6EE;
    --GN_01: #D4E7D4;
    --GN_02: #A8CCA8;
    --GN_03: #74A774;
    --GN_04: #4F7E4F;
    --GN_05: #3F6540;
    --GN_06: #2F4B30;
    --GN_07: #1F3221;

    /* GRAY */
    --GR_00: #FAFAF9;
    --GR_01: #ECEBE9;
    --GR_02: #D3D1CC;
    --GR_03: #AAA8A1;
    --GR_04: #77746C;
    --GR_05: #5E5B55;
    --GR_06: #44423D;
    --GR_07: #2A2926;

    /* CYAN / TEAL */
    --CY_00: #ECF8F8;
    --CY_01: #CDECEC;
    --CY_02: #97D7D7;
    --CY_03: #58BABA;
    --CY_04: #2E8F9D;
    --CY_05: #257380;
    --CY_06: #1C5761;
    --CY_07: #133B42;

    /* BLUE */
    --BL_00: #EEF3FB;
    --BL_01: #D4E0F5;
    --BL_02: #A8C2E7;
    --BL_03: #6F99D3;
    --BL_04: #3C6FA8;
    --BL_05: #305987;
    --BL_06: #234164;
    --BL_07: #162942;

    /* PURPLE */
    --PR_00: #F5F1FA;
    --PR_01: #E2D8F1;
    --PR_02: #C5AFE3;
    --PR_03: #9B7BCF;
    --PR_04: #6D4EA2;
    --PR_05: #573E82;
    --PR_06: #412F61;
    --PR_07: #2B1F40;

    /* BROWN */
    --BR_00: #F6F1EC;
    --BR_01: #E7D9CC;
    --BR_02: #CCB39A;
    --BR_03: #AA8668;
    --BR_04: #7C5A42;
    --BR_05: #644935;
    --BR_06: #4A3628;
    --BR_07: #30231A;

    /* BLACK */
    --BK_00: #E5E5E5;
    --BK_01: #C8C8C8;
    --BK_02: #9C9C9C;
    --BK_03: #666666;
    --BK_04: #2A2A2A;
    --BK_05: #1F1F1F;
    --BK_06: #131313;
    --BK_07: #080808;

    /* WHITE */
    --WH_00: #FFFFFF;
    --WH_01: #FAFAFA;
    --WH_02: #F3F3F3;
    --WH_03: #ECECEC;
    --WH_04: #E3E3E3;
    --WH_05: #D4D4D4;
    --WH_06: #C2C2C2;
    --WH_07: #ADADAD;
}
.theme-ana {

    --bg: var(--WH_00);
    --bg-alt: var(--WH_02);

    --surface: var(--WH_01);

    --text: var(--GR_06);
    --heading: var(--BL_06);

    --primary: var(--BL_05);
    --secondary: var(--GR_05);
    --accent: var(--GD_03);

    --border: var(--GR_02);

    --link: var(--BL_05);
    --link-hover: var(--BL_06);

}

.theme-landing {

    --main-linear: linear-gradient(90.73deg, #311d44 25%, #fefeff 97.46%);
    --main-linear-mobile: linear-gradient(130.73deg, #311d44 35%, #fefeff 97.46%);
    --main-linear-gradient-2: linear-gradient(90.73deg, #7584a9 4%, #311d44 97.46%);

    --bg: var(--main-linear);
    --bg-alt: var(--WH_01);

    --surface: var(--WH_00);

    --text: var(--BL_02);
    --heading: var(--BL_01);

    --primary: var(--GD_03);
    --secondary: var(--BL_02);
    --accent: var(--OR_03);

    --border: var(--GD_01);

    --options: var(--BL_02);

    --link: var(--BL_02);
    --link-hover: var(--BL_03);
    --show-cover-shadow: 8px 12px 18px rgb(8 8 8 / 0.7), 0 0 0 1px rgb(255 255 255 / 0.14);

    --menu-dropdown-bg: var(--WH_03);
    --menu-dropdown-bg-hover: var(--WH_06);
    --menu-dropdown-color: var(--BK_05);

}