:root {
    --firstColor: #59150C;
    --secondColor: #EAD6D3;
    --thirdColor: #9B726D;
    --navBGColor: #EAD6D3;
    --footerBG: #EAD6D3;
    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);  /* Keeping text color unchanged */
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #EAD6D3;
    --svgIconColor: #9B726D;
    --svgIconSelectedColor: #59150C;
    --footerActiveBtnBg: #EAD6D3;
    --buttonBg: #59150C;
    --fourTabsBg: #59150C;
    --myOrdersTabsBg:#59150C;
    --gradient: linear-gradient(135deg, #59150C 0%, #EAD6D3 100%);
    --gradient2: linear-gradient(0deg, #59150C 0%, #EAD6D3 100%);
    --gradient3: linear-gradient(0deg, #59150C 0%, #EAD6D3 100%);
    --tabHoverColor: #D6A857;  /* Keeping hover color unchanged */
    --gramOptionBgGradient: linear-gradient(0deg, #59150C 0%, #EAD6D3 100%);
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #59150C 0%, #59150C 100%);
    --topNavSvgColor: #000;  /* Keeping top nav SVG color unchanged */
    --topNavSvgSelectedColor: #000;  /* Keeping top nav selected SVG color unchanged */
    --heartColor: #59150C;
    --heartSelectedColor: #e0002c;  /* Keeping heart selected color unchanged */
    --coinsBalanceBoxBG : #EAD6D3;
    --imgBorder : #ccc;
    --white: #ffff;  
    --black: #000;
    --opt4-primary-color: #9d2515;
}