:root {
    --main-blue: #091DF6;     /* Main Blue 50 */
    --main-greyblue: #8A8FA8; /* Main Greyblue 60 */
    --main-black: #262626;    /* Main Black 15 */
    --main-purple: #5838FA;   /* Main Purple 60 */
    --main-white: #FFFFFF;

    --main-blue-shades-20: #040B62;
    --main-blue-shades-30: #051194;
    --main-blue-shades-40: #0717C5;
    --main-blue-shades-45: #081ADD;
    --main-blue-shades-50: #091DF6;
    --main-blue-shades-55: #2233F7;
    --main-blue-shades-60: #3A4AF8;
    --main-blue-shades-70: #6B77FA;
    --main-blue-shades-80: #9DA4FB;
    --main-blue-shades-90: #CED2FD;
    --main-blue-shades-95: #E6E8FE;
    --main-blue-shades-97: #F0F1FE;

    --legacy-blue-dark: #01305F;
    --legacy-blue-mid: #B3DBFF;
    --legacy-blue-light: #E5F3FF;

    --main-greyblue-shades-30: #414558;
    --main-greyblue-shades-40: #575C75;
    --main-greyblue-shades-50: #6C7393;
    --main-greyblue-shades-60: #8A8FA8;
    --main-greyblue-shades-70: #A7ABBE;
    --main-greyblue-shades-80: #C4C7D4;
    --main-greyblue-shades-85: #D3D5DE;
    --main-greyblue-shades-90: #E2E3E9;
    --main-greyblue-shades-95: #F0F1F4;
    --main-greyblue-shades-97: #F6F7F8;

    --main-black-shades-0:  #000000;
    --main-black-shades-15: #262626;
    --main-black-shades-50: #808080;
    --main-black-shades-70: #B2B2B2;
    --main-black-shades-80: #CCCCCC;
    --main-black-shades-85: #D9D9D9;
    --main-black-shades-90: #E5E5E5;
    --main-black-shades-95: #F2F2F2;
    --main-black-shades-97: #FAFAFA;

    --main-purple-shades-20: #130363;
    --main-purple-shades-30: #1C0495;
    --main-purple-shades-40: #2505C7;
    --main-purple-shades-50: #2F06F9;
    --main-purple-shades-60: #5838FA;
    --main-purple-shades-65: #6D51FB;
    --main-purple-shades-75: #9783FC;
    --main-purple-shades-85: #C1B4FD;
    --main-purple-shades-90: #D5CDFE;
    --main-purple-shades-95: #EAE6FE;
    --main-purple-shades-97: #F3F0FF;
    --main-purple-shades-98: #F7F5FF;

    --ratings-dark-green: #46931F; /* Dark Green 35 */
    --ratings-green: #75BF40;      /* Green 50 */
    --ratings-yellow: #ECB613;     /* Yellow 50 */
    --ratings-red: #CC3333;        /* Red 50 */

    --ratings-dark-green-shades-30: #3C7E1B;
    --ratings-dark-green-shades-35: #46931F;
    --ratings-dark-green-shades-40: #50A824;
    --ratings-dark-green-shades-45: #5ABD28;
    --ratings-dark-green-shades-55: #73D742;
    --ratings-dark-green-shades-60: #83DB57;
    --ratings-dark-green-shades-70: #A2E481;
    --ratings-dark-green-shades-80: #C1EDAB;
    --ratings-dark-green-shades-85: #D0F2C0;
    --ratings-dark-green-shades-90: #E0F6D5;

    --ratings-green-shades-45: #69AC39;
    --ratings-green-shades-50: #75BF40;
    --ratings-green-shades-55: #83C653;
    --ratings-green-shades-60: #91CC66;
    --ratings-green-shades-70: #ACD98C;
    --ratings-green-shades-80: #C8E5B3;
    --ratings-green-shades-90: #E3F2D9;
    --ratings-green-shades-95: #F1F9EC;
    --ratings-green-shades-97: #F7FBF4;

    --ratings-yellow-shades-45: #D4A411;
    --ratings-yellow-shades-50: #ECB613;
    --ratings-yellow-shades-55: #EEBD2B;
    --ratings-yellow-shades-60: #F0C442;
    --ratings-yellow-shades-70: #F4D371;
    --ratings-yellow-shades-80: #F7E2A1;
    --ratings-yellow-shades-90: #FBF0D0;
    --ratings-yellow-shades-95: #FDF8E7;
    --ratings-yellow-shades-97: #FEFBF1;

    --ratings-red-shades-45: #B82E2E;
    --ratings-red-shades-50: #CC3333;
    --ratings-red-shades-55: #D14747;
    --ratings-red-shades-60: #D65C5C;
    --ratings-red-shades-70: #E08585;
    --ratings-red-shades-80: #EBADAD;
    --ratings-red-shades-90: #F5D6D6;
    --ratings-red-shades-95: #FAEBEB;
    --ratings-red-shades-97: #FDF7F7;

    --spacing-2xs: 8px;
    --spacing-3xs: 4px;

    --boxshadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
    --boxshadow-lg: 0px 1px 12px 0px rgba(0, 0, 0, 0.20);

    --breakpoint-tablet: 992px;
    --breakpoint-small-tablet: 743px;
    --breakpoint-mobile: 575px;

    --radius-full: 500px;
    --radius-4xl: 80px;
    --radius-3xl: 64px;
    --radius-2xl: 48px;
    --radius-xl: 40px;
    --radius-lg: 32px;
    --radius-md: 24px;
    --radius-sm: 16px;
    --radius-xs: 8px;
    --radius-xxs: 4px;
    --radius-none: 0px;

    --form-control-color: #091DF6;
}