:root {
    --primary: #0BAFF1;
    --primary-hover: rgba(180, 71, 176, 0.08);
    --primary-dark: ##033548;
    --dark: #333e48;
    --warning: #ffc107;
    --gray-18: #333e484d;
    --dropdown-item-color: ##E8FBFF;
    --dropdown-item-hover-color: ##D0F3FF;

    --discount-color: #E8FBFF;

    --footer:#f8f8f8;
}


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

/* grandients */
.gradient-1 {
    background: linear-gradient(
        90deg,
        #0BAFF1 0%,
        rgba(11, 175, 241, 0.45) 50%,
        rgba(11, 175, 241, 0.15) 100%
    );
}

.gradient-2 {
    background: linear-gradient(
        180deg,
        #49C4F6 0%,
        #0BAFF1 40%,
        #078DC2 100%
    );
}

.gradient-light-primary {
    background:
        radial-gradient(
            ellipse 70% 120% at 100% 50%,
            rgba(11, 175, 241, 0.12) 0%,
            transparent 52%
        ),
        radial-gradient(
            ellipse 50% 80% at 0% 80%,
            rgba(11, 175, 241, 0.08) 0%,
            transparent 45%
        ),
        linear-gradient(
            105deg,
            #ffffff 0%,
            #f8fcfe 45%,
            #edf8fc 100%
        );
}

.gradient-icon {
    background: linear-gradient(
        155deg,
        rgba(11, 175, 241, 0.22) 0%,
        rgba(11, 175, 241, 0.06) 100%
    );
}

.border-solid-gradient-light {
    border: 1px solid rgba(95, 193, 255, 0.38);
}