:root {
    /* main-color */
    --theme-primary-color: #7d3cff;
    --theme-secondary-color: #fd0df9;
    --theme-third-color: #4e5960;
    --theme-most-color: var(--theme-primary-color);
    --theme-primary-light-color: #239fa2;
    --theme-secondary-light-color: #d9936a;
    --theme-border-color: #d3d8e080;
    --theme-border-dark-color: #b7b7b7;
    --body-text-color: #1F2937;
    --lead-text-color:#484f5e;
    --heading-text-color: #272932;
    --dark: #000000;
    --light-dark: #777777;
    --white: #ffffff;
    --gray: #eeeeee;
    --theme-light-color: rgba(233, 32, 99, 0.123);
    --theme-mint-blue:#3B82F6;
    --theme-mint-green:#10B981;
    --theme-mint-yellow:#fd8;
    --theme-mint-light-blue:#cdf9fe;
    --text-placeholder-color:#abb6c9;
    --btn-border-bg-color:#655BE2;


    /* over all color */
    --bg-theme-color: var(--theme-primary-color);
    --btn-theme-color: linear-gradient(
        -45deg,
        var(--theme-primary-color),
        var(--theme-secondary-color)
    );
    --btn-theme-color-hover: linear-gradient(
        -45deg,
        var(--theme-primary-color),
        var(--theme-secondary-color)
    );
    --bg-theme-color-hover: var(--theme-primary-color);
    --bg-theme-secondary-color: var(--theme-secondary-color);
    --label-theme-color: #f7c2d4;
    --light-label-theme-color: rgba(242, 41, 91, 0.04);
    --light-label-theme-color2: var(--theme-light-color);
    --light-label-theme-secondary-color: rgba(255, 170, 72, 0.12);
    --text-placeholder-theme-color: #697a8d;
    --review-star-bg-color: #00b67a;
    --chart-color1: rgba(255, 170, 72, 1);
    --chart-color2: rgba(255, 170, 72, 1);
    --chart-color3: rgba(255, 170, 72, 0.6);
    --checkout-total-text-color: #435971;
    --text-theme-color: var(--theme-primary-color);
    --theme-white: #ffffff;
    --theme-black: #000000;
    --checkout-icon-color: #00c95a;
    --theme-grey: #808080;
}


.icon-green-color {
    color: var(--checkout-icon-color);
}

.text-theme-border-color {
    border-color: var(--theme-primary-color) !important;
}

.text-theme-btn-bg-border {
    color: var(--btn-border-bg-color) !important;
    border-color: var(--btn-border-bg-color) !important;
}


/*Theme Color*/
.spinner-color {
    color: var(--theme-primary-color);
}

.text-primary-color {
    color: var(--theme-primary-color);
}

.text-secondary-color {
    color: var(--theme-secondary-color)
}

.text-theme-color {
    color: var(--theme-primary-color);
}

.text-theme-color:hover {
    color: var(--bg-theme-color);
}

.btn-primary {
    background: linear-gradient(to top, #4b00b5, #a985ff) !important;
    color: var(--white);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(to top, #4b00b5, #a985ff) !important;
    transform: scale(0.95);
}
.tw-bg-gradient {
    background-image: linear-gradient(to bottom, #e5f3ff 0%, #fff 80%);
}

.border-primary {
    border-color:var(--theme-primary-color) !important;
}

.svg-fill-color {
    fill: var(--theme-primary-color) !important;
}

.mint-green-bg {
    background: var(--theme-mint-green);
}
.mint-blue-bg {
    background: var(--theme-mint-blue);
}