:root {

    --topheadercolor: #f0e6f4;
    /* light new added */
    --todayratebg: #f0e6f4;
    /* light new added */
    --btnbgcolor: #e8d8ee;
    /* light new added */

    --firstColor: #6E1897;
    --secondColor: #ead7f0;
    --thirdColor: #9b4fbd;
    --navBGColor: #ead7f0;
    --footerBG: #ead7f0;
    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
    --menuBurgerColor: var(--firstColor);
    --inputBorderColor: #ead7f0;
    --svgIconColor: #9b4fbd;
    --svgIconSelectedColor: #6E1897;
    --footerActiveBtnBg: #ead7f0;
    --buttonBg: #6E1897;
    --fourTabsBg: #6E1897;
    --myOrdersTabsBg: #6E1897;
    --gradient: linear-gradient(135deg, #6E1897 0%, #ead7f0 100%);
    --gradient2: linear-gradient(0deg, #6E1897 0%, #ead7f0 100%);
    --gradient3: linear-gradient(0deg, #6E1897 0%, #ead7f0 100%);
    --tabHoverColor: #f1e7f4;
    --gramOptionBgGradient: linear-gradient(0deg, #6E1897 0%, #ead7f0 100%);
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #6E1897 0%, #6E1897 100%);
    --topNavSvgColor: #000;
    --topNavSvgSelectedColor: #000;
    --heartColor: #6E1897;
    --heartSelectedColor: #e0002c;
    --coinsBalanceBoxBG: #ead7f0;
    --imgBorder: #ccc;
    --white: #ffff;
    --black: #000;
    --opt4-primary-color: #4b0f69;
}