:root {
    --firstColor: #052a20;  
    --secondColor: #b4bfbc;  
    --thirdColor: #2e5749;  /* mid-tone green for contrast */
    --navBGColor: #052a20;  
    --footerBG: #052a20;  
    --textColor: #052a20;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);   
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #b4bfbc;  
    --svgIconColor: #b4bfbc;  
    --svgIconSelectedColor: #052a20;  
    --footerActiveBtnBg: #2e5749;  
    --buttonBg: #052a20;  
    --fourTabsBg: #052a20;  
    --myOrdersTabsBg: #052a20;  
    --gradient: linear-gradient(135deg, #052a20 0%, #b4bfbc 100%);  
    --gradient2: linear-gradient(0deg, #052a20 0%, #b4bfbc 100%);  
    --gradient3: linear-gradient(0deg, #052a20 0%, #b4bfbc 100%);  
    --tabHoverColor: #F4CF73;  
    --gramOptionBgGradient: linear-gradient(0deg, #052a20 0%, #b4bfbc 100%);  
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #052a20 0%, #052a20 100%);  
    --topNavSvgColor: #b4bfbc;  
    --topNavSvgSelectedColor: #ffffff;  
    --heartColor: #b4bfbc;  
    --heartSelectedColor: #e63946;  /* red accent for “liked” state */
    --coinsBalanceBoxBG: #2e5749;  
    --imgBorder: #b4bfbc;       
    --white: #ffffff;     
    --black: #000000;   
    --opt4-primary-color: #0b3c2e; /* slightly lighter forest tone */
}