:root {
    --firstColor: #e30016;  
    --secondColor: #f6b2b9;  
    --thirdColor: #ba4c6a; /* kept as accent, can tweak */
    --navBGColor: #f6b2b9;  
    --footerBG: #f6b2b9;  
    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);   
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #f6b2b9;  
    --svgIconColor: #e30016;  
    --svgIconSelectedColor: #e30016;  
    --footerActiveBtnBg: #f6b2b9;  
    --buttonBg: #e30016;  
    --fourTabsBg: #e30016;  
    --myOrdersTabsBg: #e30016;  
    --gradient: linear-gradient(135deg, #e30016 0%, #f6b2b9 100%);  
    --gradient2: linear-gradient(0deg, #e30016 0%, #f6b2b9 100%);  
    --gradient3: linear-gradient(0deg, #e30016 0%, #f6b2b9 100%);  
    --tabHoverColor: #F1EADA;  
    --gramOptionBgGradient: linear-gradient(0deg, #e30016 0%, #f6b2b9 100%);  
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #e30016 0%, #e30016 100%);  
    --topNavSvgColor: #000;  
    --topNavSvgSelectedColor: #000;  
    --heartColor: #e30016;  
    --heartSelectedColor: #e0002c;  
    --coinsBalanceBoxBG: #f6b2b9;  
    --imgBorder: #ccc;       
    --white: #ffffff;     
    --black: #000000;   
    --opt4-primary-color: #4d0015; /* deep tone for contrast */
}