:root {
    --firstColor: #432371; /* Dark indigo as main accent */
    --secondColor: #EDE0FF; /* Soft lavender background */
    --thirdColor: #432371; 
    --navBGColor: #EDE0FF;
    --footerBG: #EDE0FF;
    --textColor: #2d2d2d;
    --footertextColor: var(--textColor);
    --footertextHoverColor: var(--firstColor);
    --menuTextColor: var(--textColor);
    --menuTextHoverColor: var(--firstColor);
--menuBurgerColor: var(--firstColor);
    --inputBorderColor: #432371;
    --svgIconColor: #432371;
    --svgIconSelectedColor: #432371;
    --footerActiveBtnBg: #EDE0FF;
    --buttonBg: #432371;
    --fourTabsBg: #432371;
    --myOrdersTabsBg: #64459b; /* Mid-tone purple */
    --gradient: linear-gradient(135deg, #432371 0%, #EDE0FF 100%);
    --gradient2: linear-gradient(0deg, #432371 0%, #EDE0FF 100%);
    --gradient3: linear-gradient(0deg, #EDE0FF 0%, #432371 100%);
    --tabHoverColor: #cbb6ec; /* Soft hover shade */
    --gramOptionBgGradient: linear-gradient(0deg, #432371 0%, #EDE0FF 100%);
    --gramOptionSelectedBgGradient: linear-gradient(0deg, #432371 0%, #432371 100%);
    --topNavSvgColor: #000000;
    --topNavSvgSelectedColor: #000000;
    --heartColor: #432371;
    --heartSelectedColor: #2f1756;
    --coinsBalanceBoxBG: #EDE0FF;
    --imgBorder: #ccb2c6;
    --white: #ffffff;
    --black: #000000;
    --opt4-primary-color: #432371;
}