:root {
    --firstColor: #55121B;
    /* Primary */
    --secondColor: #bba0a3;
    /* Secondary */
    --thirdColor: #8a4a52;
    /* Mid-tone */

    --navBGColor: #bba0a3;
    --footerBG: #bba0a3;
    --textColor: #2a0f13;
    /* dark wine for readability */

    --inputBorderColor: #bba0a3;
    --svgIconColor: #8a4a52;
    --svgIconSelectedColor: #55121B;

    --footerActiveBtnBg: #bba0a3;
    --buttonBg: #55121B;
    --fourTabsBg: #55121B;
    --myOrdersTabsBg: #55121B;

    --gradient: linear-gradient(135deg, #55121B 0%, #bba0a3 100%);
    --gradient2: linear-gradient(0deg, #55121B 0%, #bba0a3 100%);
    --gradient3: linear-gradient(0deg, #55121B 0%, #bba0a3 100%);

    --tabHoverColor: #e2d4d6;
    /* soft hover */

    --gramOptionBgGradient: linear-gradient(0deg, #55121B 0%, #bba0a3 100%);
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #55121B 0%, #55121B 100%);

    --topNavSvgColor: #FFFFFF;
    --topNavSvgSelectedColor: #FFFFFF;

    --heartColor: #55121B;
    --heartSelectedColor: #8a4a52;

    --coinsBalanceBoxBG: #bba0a3;
    --imgBorder: #d3c3c6;

    --white: #FFFFFF;
    --black: #000000;

    --opt4-primary-color: #2e090e;
    /* darker accessible tone */
}