:root {

    --primary: #004774;
    --secondary: #ABB804;
    --white: #fff;
    --black: #000;
    --darkBlue: #002943;
    --lightGreen: #ECEEC9;
    --mediumGreen: #CACBB1;
    --lightYellow: #FFF9EB;
    --lightblue: #E7F5FD;
    --offwhite: #fffbf2;
    --gray6E: #6E6E6E;
    --gray9D: #909090;
    --gray5C: #5C5C5C;
    --gray97: #979797;
    --gray58: #585858;
    --gray5E: #5E6366;
    --grayAB: #ABAFB1;  
    --grayEB: #EBEBEB;
    --grayF3: #F3F3F3;
    --grayF3e8: #F3F3E8;
    --grayF4: #F4F4F4;
    --gray68: #686868;
    --lightgray: #DBDBDB;
    --blueWhiteGradtient: linear-gradient(180deg, #D8F0FF 0%, #FFF 100%);

    --font_beautiqueDisplay: "Beautique Display";
    --font_beautiqueDisplayCondensed: "Beautique Display Condensed";
    --font_roboto: "Roboto";
    --font_poppins: "Poppins";
 
    --font75: max(3.4375rem, min(7vw, 4.6875rem));
    --font58: max(1.875rem, min(5vw, 3.525rem));
    --font55: max(2.1875rem, min(5vw, 3.45rem));
    --font50: max(2.2rem, min(5vw, 3.119rem));
    --font40: max(1.9rem, min(4vw, 2.5rem));
    --font45: max(1.6rem, min(4vw, 2.8125rem));
    --font31: max(1.5625rem, min(2vw, 1.9375rem));
    --font30: max(1.3625rem, min(4vw, 1.875rem));
    --font28: max(1.3625rem, min(2vw, 1.75rem));
    --font25: max(1.1625rem, min(2vw, 1.5625rem));
    --font24: max(1.175rem, min(2vw, 1.5rem));
    --font22: max(1.25rem, min(1vw, 1.375rem));
    --font20: max(1.125rem, min(1vw, 1.25rem));
    --font18-14: max(.875rem, min(1vw, 1.125rem));
    --font18-16: max(1rem, min(1vw, 1.125rem));
    --font18: 1.125rem;
    --font16: max(.875rem, min(1vw, 1rem));
    --font15: .9375rem;
    --font14: 0.875rem;
    --font13: .8125rem;
    --font12: .75rem;
    --font11: .6875rem;
    --font10: .625rem;

    --space110px: max(5.875rem, min(6vw, 6.875rem));
    --space70px: 4.375rem;
    --radius253px: 15.8125rem;
    --radius23px: 1.4375rem;
}