:root {
    --firstColor: #000000;  
    --secondColor: #999999;  
    --thirdColor: #666666;  /* mid-gray for contrast */
    --navBGColor: #999999;  
    --footerBG: #999999;  
    --textColor: #000000;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);   
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #999999;  
    --svgIconColor: #666666;  
    --svgIconSelectedColor: #000000;  
    --footerActiveBtnBg: #999999;  
    --buttonBg: #000000;  
    --fourTabsBg: #000000;  
    --myOrdersTabsBg: #000000;  
    --gradient: linear-gradient(135deg, #000000 0%, #999999 100%);  
    --gradient2: linear-gradient(0deg, #000000 0%, #999999 100%);  
    --gradient3: linear-gradient(0deg, #000000 0%, #999999 100%);  
    --tabHoverColor: #cccccc;  
    --gramOptionBgGradient: linear-gradient(0deg, #000000 0%, #999999 100%);  
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #000000 0%, #000000 100%);  
    --topNavSvgColor: #000000;  
    --topNavSvgSelectedColor: #000000;  
    --heartColor: #000000;  
    --heartSelectedColor: #333333;  
    --coinsBalanceBoxBG: #999999;  
    --imgBorder: #999999;       
    --white: #ffffff;     
    --black: #000000;   
    --opt4-primary-color: #111111; 
}