:root {
    --firstColor: #801e51;  /* Updated */
    --secondColor: #d8bbca; /* Updated */
    --thirdColor: #B27896;  /* Updated */
    --navBGColor: #d8bbca;  /* Updated */
    --footerBG: #d8bbca;    /* Updated */
    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);   /* Keeping text color unchanged */
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #d8bbca;  /* Updated */
    --svgIconColor: #B27896;  /* Updated */
    --svgIconSelectedColor: #801e51;  /* Updated */
    --footerActiveBtnBg: #d8bbca;  /* Updated */
    --buttonBg: #801e51;  /* Updated */
    --fourTabsBg: #801e51;  /* Updated */
    --myOrdersTabsBg: #801e51;  /* Updated */
    --gradient: linear-gradient(135deg, #801e51 0%, #d8bbca 100%);  /* Updated */
    --gradient2: linear-gradient(0deg, #801e51 0%, #d8bbca 100%);  /* Updated */
    --gradient3: linear-gradient(0deg, #801e51 0%, #d8bbca 100%);  /* Updated */
    --tabHoverColor: #D6A857;  /* Keeping hover color unchanged */
    --gramOptionBgGradient: linear-gradient(0deg, #801e51 0%, #d8bbca 100%);  /* Updated */
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #801e51 0%, #801e51 100%);  /* Updated */
    --topNavSvgColor: #000;  /* Keeping top nav SVG color unchanged */
    --topNavSvgSelectedColor: #000;  /* Keeping top nav selected SVG color unchanged */
    --heartColor: #801e51;  /* Updated */
    --heartSelectedColor: #e0002c;  /* Keeping heart selected color unchanged */
    --coinsBalanceBoxBG : #d8bbca;  /* Updated */
    --imgBorder : #ccc;
    --white: #ffff;
    --black: #000;
    --opt4-primary-color: #3e0f27;
}