:root {
    --Light-Solid-Color-Extra-White: #FFF;
    --Flowkit-White: #FFF;
    --Light-Solid-Color-Extra-Card-Background: #FFF;
    --Light-Solid-Color-Extra-Divider: #DBDADE;

    --Light-Solid-Color-Extra-Dark: #4B4B4B;
    --Light-Typography-Color-Heading-Text: #4B465C;

    --Light-Solid-Color-Secondary-Secondary---200: #A8AAAE;

    --Primary-white: #FEFEFE;
    --Seocndary-white: #F3F7FE;
    --Secondary-blue: #CEE0FA;

    --logo-color: #20395F;

    --light-solid-color-secondary-secondary-600-hover: #A8AAAE;
    --Light-Solid-Color-Secondary-Secondary---400: #A8AAAE;
    --Light-Solid-Color-Secondary-Secondary---300: #A8AAAE;

    --Light-Typography-Color-Body-Text: #4B465C;
    --Light-Typography-Color-Muted-Text: #4B465C;

    --Primary-Blue: #0B63E5;

    --light-solid-color-primary-primary-500-base: #0B63E5;
    --Light-Solid-Color-Primary-Primary---200: #0B63E5;
    --Light-Solid-Color-Primary-Primary---100: #0B63E5;

    --light-solid-color-danger-danger-600-hover: #EA5455;
    --light-solid-color-danger-danger-500-base: #EA5455;

    --light-opacity-color-primary-primary-16: rgba(11, 99, 229, 0.16);

    --Body-text: #858F9C;
    --Flowkit-Purple: #7B61FF;


    --light-solid-color-success-success-700-active: #28C76F;
    --light-opacity-color-success-success-24: rgba(40, 199, 111, 0.24);

    --light-solid-color-warning-warning-500-base: #FF9F43;
    --Light-Solid-Color-Primary-Primary---400: #3C82EA;

    --font-76: 76px;
    --font-60: 60px;
    --font-40: 40px;
    --font-24: 24px;
    --font-20: 20px;
    --font-18: 18px;
    --font-16: 16px;
}

.dropdown-menu {
    --bs-dropdown-min-width: 250px!important;
    --bs-dropdown-link-hover-color: #3C82EA!important;
}

.navbar {
    --bs-navbar-padding-y: 0rem!important;
}

:root.dark-style {
    --Primary-white: #25293c;
    --Secondary-blue: #CEE0FA;

    --Light-Typography-Color-Body-Text: #4B465C;
    --light-solid-color-primary-primary-500-base: #0B63E5;
}

@media (max-width: 1400px) {
    :root {
        --font-76: 40px;
        --font-60: 30px;
        --font-40: 20px;
        --font-24: 18px;
        --font-20: 14px;
        --font-18: 16px;
        --font-16: 12px;
    }
}