:root {
    --firstColor: #29251A;  
    --secondColor: #e9e9e8;  
    --thirdColor: #7E7C75;  
    --navBGColor: #e9e9e8;  
    --footerBG: #e9e9e8;    
    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);   
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #e9e9e8; 
    --svgIconColor: #7E7C75; 
    --svgIconSelectedColor: #29251A; 
    --footerActiveBtnBg: #e9e9e8; 
    --buttonBg: #29251A;    
    --fourTabsBg: #29251A;  
    --myOrdersTabsBg: #29251A; 
    --gradient: linear-gradient(135deg, #29251A 0%, #e9e9e8 100%); 
    --gradient2: linear-gradient(0deg, #29251A 0%, #e9e9e8 100%);  
    --gradient3: linear-gradient(0deg, #29251A 0%, #e9e9e8 100%);  
    --tabHoverColor: #D6A857;  
    --gramOptionBgGradient: linear-gradient(0deg, #29251A 0%, #e9e9e8 100%); 
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #29251A 0%, #29251A 100%); 
    --topNavSvgColor: #000;  
    --topNavSvgSelectedColor: #000;  
    --heartColor: #29251A;   
    --heartSelectedColor: #e0002c;  
    --coinsBalanceBoxBG: #e9e9e8;  
    --imgBorder: #ccc;       
    --white: #ffff;       
    --black: #000; 
    --opt4-primary-color:#4e4631;  
}