:root {
    --primary: #b447b0;
    --primary-hover: rgba(180, 71, 176, 0.08);
    --primary-dark: #481c46;
    --secondary: #77838f;
    --dark: #333e48;
    --warning: #ffc107;
    --gray-18: #333e484d;
    --dropdown-item-color: #f7ecf7;
    --dropdown-item-hover-color: #f0daef;

    --discount-color: #F0DAEF;

    --footer:#f8f8f8;
}

.shop-sidebar-nav {
    --shop-sidebar-border: #e8eaed;
    --shop-sidebar-muted: #77838f;
    --shop-sidebar-hover: #f4f6f8;
    --shop-sidebar-active-bg: #b447b014;
    border-radius: 0.35rem;
    overflow: visible;
    padding-bottom: 0.35rem;
}



/* grandients */
.gradient-1 {
    background: linear-gradient(
        90deg,
        #a3079e 0%,
        rgba(180, 71, 176, 0.45) 50%,
        rgba(180, 71, 176, 0.15) 100%);
}

.gradient-2 {
    background: linear-gradient(
        180deg,
        #c555bd 0%, 
        #B447B0 40%, 
        #8f3a8a 100%);
}

.gradient-light-primary {
    background:
        radial-gradient(
            ellipse 70% 120% at 100% 50%,
            rgba(180, 71, 176, 0.12) 0%,
            transparent 52%),
        radial-gradient(
            ellipse 50% 80% at 0% 80%,
            rgba(180, 71, 176, 0.08) 0%,
            transparent 45%),
        linear-gradient(
            105deg,
            #ffffff 0%,
            #fcf9fd 45%,
            #f5eef7 100%
        );
}