:root {
    /*Black*/
    --black: #000000;
    /*White*/
    --white: #FFFFFF;
    --whiteSmoke: #F8F8F8;
    --gainsboro: #E2E2E2;
    /*Gray*/
    --silver: #C4C4C4;
    --darkGray: #9E9E9E;
    /*Green*/
    --cyprus: #0F3C58;
    --blueStone: #134565;
    --java: #2893A0;
    --eucalyptus: #31AA52;
    --japaneseLaurel: #2E7D32;
    --snowyMint: #C8FFC8;
    /*Red*/
    --persianRed: #D32F2F;
    --cinnabar: #EB4132;
    /*Orange*/
    --burntOrange: #FF842A;
    --atomicTangerine: #FF8A65;
    --yellowSea: #F58C2B;
    /*Blue*/
    --orient: #1D4C68;
    --veniceBLue: #295B7A;
    --bahamaBlue: #254A7A;
    --matisse: #395d74;
    --denim: #0C689D;
    --royalBlue: #3C79E6;
    --dodgerBlue: #3FB4F6;
    --pelorous: #2A90CE;
    --summerSky: #269DE1;
    --anakiwa: #90CAEB;
    --skyBlue: #94CEF0;
    --paleCornflowerBlue: #A5D4F0;
    --turquoise: #27CDCB;
    --viking: #46C1C4;
    --heather: #B0BEC5;
    --azalea: #F5CACB;
    /*Tranparent*/
    --overlay-25: #FFFFFF40;
    --overlay-50: #FFFFFF80;
    --overlay-75: #FFFFFFC0;
    --overlay-black-25: #00000040;
    --overlay-black-50: #00000080;
    --overlay-black-75: #000000C0;
}