:root {
    --clrBack: #E6E6E6;
    --navHeight: 60px;
    --brdrYellow: 1px solid var(--clrYellow50);
    --brdrBlue: 1px solid var(--clrBlue50);
    --mobileToggle: 860px;
    --baseFtnSize: 1vw;

    --clrGreen10: #A9E9BB;
    --clrGreen20: #7FCC9B;
    --clrGreen30: #55AF7B;
    --clrGreen40: #32925B;
    --clrGreen50: #15743B;
    --clrGreen60: #0E4D2A;
    --clrGreen70: #051F11;
    --clrGreen80: #002415;
    --clrGreen90: #001900;
    --clrBlue10: #DFF5FB;
    --clrBlue20: #AFE4F0;
    --clrBlue30: #7FCBE4;
    --clrBlue40: #4FB2D8;
    --clrBlue50: #219ACC;
    --clrBlue60: #1C7CA5;
    --clrBlue70: #165E7D;
    --clrBlue80: #0F3F56;
    --clrBlue90: #09112E;
    --clrYellow10: #FFFCF2;
    --clrYellow20: #FEF3D2;
    --clrYellow30: #FDE6A0;
    --clrYellow40: #FCD866;
    --clrYellow50: #FABC2E;
    --clrYellow60: #D49B20;
    --clrYellow70: #A77717;
    --clrYellow80: #7A530E;
    --clrYellow90: #4D3006;
    --clrGray10: #c5c5c5;
    --clrGray20: #A9A9A9;
    --clrGray30: #8E8E8E;
    --clrGray40: #737373;
    --clrGray50: #595959;
    --clrGray60: #3B3B3B;
    --clrGray70: #333333;
    --clrGray80: #222222;
    --clrGray90: #111111;
    --clrBlackGlass1: rgba(0, 0, 0, .1);
    --clrBlackGlass2: rgba(0, 0, 0, .2);
    --clrBlackGlass3: rgba(0, 0, 0, .3);
    --clrBlackGlass4: rgba(0, 0, 0, .4);
    --clrBlackGlass5: rgba(0, 0, 0, .5);
    --clrBlackGlass6: rgba(0, 0, 0, .6);
    --clrBlackGlass7: rgba(0, 0, 0, .7);
    --clrBlackGlass8: rgba(0, 0, 0, .8);
    --clrBlackGlass9: rgba(0, 0, 0, .9);
}