:root {
    --firstColor: #500000;
    --secondColor: #ddcccc;

    --thirdColor: #8b6b6b;

    --navBGColor: #ddcccc;
    --footerBG: #ddcccc;

    --textColor: #2d1f1f;

    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);

    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);

    --inputBorderColor: #ddcccc;

    --svgIconColor: #8b6b6b;
    --svgIconSelectedColor: #500000;

    --footerActiveBtnBg: #ddcccc;

    --buttonBg: #500000;

    --fourTabsBg: #500000;
    --myOrdersTabsBg: #500000;

    --gradient: linear-gradient(135deg, #500000 0%, #ddcccc 100%);
    --gradient2: linear-gradient(0deg, #500000 0%, #ddcccc 100%);
    --gradient3: linear-gradient(0deg, #500000 0%, #ddcccc 100%);

    --tabHoverColor: #b36b6b;

    --gramOptionBgGradient: linear-gradient(0deg, #500000 0%, #ddcccc 100%);
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #500000 0%, #500000 100%);

    --topNavSvgColor: #000;
    --topNavSvgSelectedColor: #500000;

    --heartColor: #500000;
    --heartSelectedColor: #e0002c;

    --coinsBalanceBoxBG: #ddcccc;

    --imgBorder: #ccc;

    --white: #fff;
    --black: #000;

    --opt4-primary-color: #6e2c2c;
}