:root {
    --firstColor: #83261F;  /* Changed */
    --secondColor: #d9bdbb;  /* Changed */
    --thirdColor: #5c1914;   /* Darker accent from primary */
    --navBGColor: #d9bdbb;  /* Changed */
    --footerBG: #d9bdbb;  /* Changed */
    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);   
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #d9bdbb;  /* Changed */
    --svgIconColor: #5c1914;  /* Changed */
    --svgIconSelectedColor: #83261F;  /* Changed */
    --footerActiveBtnBg: #d9bdbb;  /* Changed */
    --buttonBg: #83261F;  /* Changed */
    --fourTabsBg: #83261F;  /* Changed */
    --myOrdersTabsBg: #83261F;  /* Changed */
    --gradient: linear-gradient(135deg, #83261F 0%, #d9bdbb 100%);  /* Changed */
    --gradient2: linear-gradient(0deg, #83261F 0%, #d9bdbb 100%);  /* Changed */
    --gradient3: linear-gradient(0deg, #83261F 0%, #d9bdbb 100%);  /* Changed */
    --tabHoverColor: #F1EADA;  
    --gramOptionBgGradient: linear-gradient(0deg, #83261F 0%, #d9bdbb 100%);  /* Changed */
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #83261F 0%, #83261F 100%);  /* Changed */
    --topNavSvgColor: #000;  
    --topNavSvgSelectedColor: #000;  
    --heartColor: #83261F;  /* Changed */
    --heartSelectedColor: #a83227;  /* Slightly brighter than primary */
    --coinsBalanceBoxBG: #d9bdbb;  /* Changed */
    --imgBorder: #ccc;       
    --white: #ffff;     
    --black: #000;   
    --opt4-primary-color:#5a1410; 
}