:root {
    --topheadercolor: #fff3e5;  
    --todayratebg: #fff3e5;     
    --btnbgcolor: #fcebd2;      

    --firstColor: #2f2f2f;        /* Dark primary text */
    --secondColor: #fff3e5;       /* Main light background */
    --thirdColor: #e4bc83;        /* Soft gold accent */

    --navBGColor: #fff3e5;
    --footerBG: #fff3e5;

    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: #000;

    --menuTextColor: var(--textColor);
    --menuTextHoverColor: #000;
    --menuBurgerColor: #2f2f2f;

    --inputBorderColor: #ead7bb;

    --svgIconColor: #fff3e5;
    --svgIconSelectedColor: #a86e12;

    --footerActiveBtnBg: #fcebd2;
    --buttonBg: #fff3e5;

    --fourTabsBg: #2f2f2f;
    --myOrdersTabsBg: #fff3e5;

    --gradient: linear-gradient(135deg, #fff3e5 0%, #fff3e5 100%);
    --gradient2: linear-gradient(0deg, #fff3e5 0%, #fff3e5 100%);
    --gradient3: linear-gradient(0deg, #fff3e5 0%, #fff3e5 100%);

    --tabHoverColor: #fdebd1;

    --gramOptionBgGradient: linear-gradient(0deg, #fff3e5 0%, #fff3e5 100%);
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #fff3e5 0%, #fff3e5 100%);

    --topNavSvgColor: #2f2f2f;
    --topNavSvgSelectedColor: #000;

    --heartColor: #fff3e5;
    --heartSelectedColor: #a86e12;

    --coinsBalanceBoxBG: #fdebd1;

    --imgBorder: #ead7bb;

    --white: #ffffff;
    --black: #000000;

    --opt4-primary-color: #a86e12;

    --dark-font: #7a4d00;
    --of-white: #ffffff;
}