:root {
    --topheadercolor:#ececec;  /* light new added */
    --todayratebg:#ececec;     /* light new added */
    --btnbgcolor:#e1e1e1;      /* light new added */

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