:root {
    --firstColor: #5ABEE0;
    --secondColor: #CDEBF5;
    --thirdColor: #5ABEE0;
    --navBGColor: #CDEBF5;
    --footerBG: #CDEBF5;
    --textColor: #2d2d2d;
    
    --footertextColor: var(--textColor);
    --footertextHoverColor: #559BB9; /*var(--firstColor); */
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
    --menuBurgerColor: var(--firstColor);

    
    --inputBorderColor: #5ABEE0;
    --svgIconColor: #5ABEE0;
    --svgIconSelectedColor: #5ABEE0;
    --footerActiveBtnBg: #CDEBF5;
    --buttonBg: #5ABEE0;
    --fourTabsBg: #5ABEE0;
    --myOrdersTabsBg: #5ABEE0;
    --gradient: linear-gradient(135deg, #5ABEE0 0%, #CDEBF5 100%);
    --gradient2: linear-gradient(0deg, #5ABEE0 0%, #CDEBF5 100%);
    --gradient3: linear-gradient(0deg, #CDEBF5 0%, #5ABEE0 100%);
    --tabHoverColor: #B4E0F1;
    --gramOptionBgGradient: linear-gradient(0deg, #5ABEE0 0%, #CDEBF5 100%);
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #5ABEE0 0%, #5ABEE0 100%);
    --topNavSvgColor: #000000;
    --topNavSvgSelectedColor: #000000;
    --heartColor: #5ABEE0;
    --heartSelectedColor: #3AA8C8;
    --coinsBalanceBoxBG: #CDEBF5;
    --imgBorder: #ccc;
    --white: #ffffff;
    --black: #000000;
    --opt4-primary-color: #000000;
}