:root {
    --firstColor: #D9AB3F;
    --secondColor: #FFF1CF;
    --thirdColor: #b47a0e; /* A muted gold tone for accents */
    --navBGColor: #FFF1CF;
    --footerBG: #FFF1CF;
    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #e6c38c;
    --svgIconColor: #b47a0e;
    --svgIconSelectedColor: #D9AB3F;
    --footerActiveBtnBg: #FFF1CF;
    --buttonBg: #D9AB3F;
    --fourTabsBg: #D9AB3F;
    --myOrdersTabsBg: #D9AB3F;
    --gradient: linear-gradient(135deg, #D9AB3F 0%, #FFF1CF 100%);
    --gradient2: linear-gradient(0deg, #D9AB3F 0%, #FFF1CF 100%);
    --gradient3: linear-gradient(0deg, #FFF1CF 0%, #D9AB3F 100%);
    --tabHoverColor: #FFE8BD;
    --gramOptionBgGradient: linear-gradient(0deg, #D9AB3F 0%, #FFF1CF 100%);
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #D9AB3F 0%, #D9AB3F 100%);
    --topNavSvgColor: #000;
    --topNavSvgSelectedColor: #000;
    --heartColor: #cc8a1b;
    --heartSelectedColor: #b36e00;
    --coinsBalanceBoxBG: #FFF1CF;
    --imgBorder: #ccc;
    --white: #ffff;
    --black: #000;
    --opt4-primary-color: #D9AB3F;
    --dark-font: #8A5F00;
}