:root {
    --shop-primary: #e5c8dc;
--shop-primary-lite: #f5ebf2;
--shop-primary-dark: #d5a5c6;
--shop-secondary: #f50076;
--shop-secondary-lite: #ff2990;
--shop-secondary-dark: #c2005d;
--shop-accent: #d4d3d3;
--shop-accent-lite: #ededed;
--shop-accent-dark: #bbb9b9;
}

.bg-sp-primary {
    background-color: var(--shop-primary) !important;
}
.bg-sp-primary-lite {
    background-color: var(--shop-primary-lite) !important;
}
.bg-sp-primary-dark {
    background-color: var(--shop-primary-dark) !important;
}
.text-sp-primary {
    color: var(--shop-primary) !important;
}
.text-sp-primary-lite {
    color: var(--shop-primary-lite) !important;
}
.text-sp-primary-dark {
    color: var(--shop-primary-dark) !important;
}
.border-sp-primary {
    border-color: var(--shop-primary) !important;
}
.border-sp-primary-lite {
    border-color: var(--shop-primary-lite) !important;
}
.border-sp-primary-dark {
    border-color: var(--shop-primary-dark) !important;
}
.btn-sp-primary {
        color: #000 !important;
        background-color: var(--shop-primary) !important;
    border-color: var(--shop-primary) !important;
}
.btn-sp-primary:hover {
        background-color: var(--shop-primary-dark) !important;
    border-color: var(--shop-primary-dark) !important;
    }
.btn-outline-sp-primary {
    color: var(--shop-primary) !important;
    background-color: #fff !important;
    border-color: var(--shop-primary) !important;
}
.btn-outline-sp-primary:hover {
    color: #fff !important;
    background-color: var(--shop-primary) !important;
}
.bg-sp-secondary {
    background-color: var(--shop-secondary) !important;
}
.bg-sp-secondary-lite {
    background-color: var(--shop-secondary-lite) !important;
}
.bg-sp-secondary-dark {
    background-color: var(--shop-secondary-dark) !important;
}
.text-sp-secondary {
    color: var(--shop-secondary) !important;
}
.text-sp-secondary-lite {
    color: var(--shop-secondary-lite) !important;
}
.text-sp-secondary-dark {
    color: var(--shop-secondary-dark) !important;
}
.border-sp-secondary {
    border-color: var(--shop-secondary) !important;
}
.border-sp-secondary-lite {
    border-color: var(--shop-secondary-lite) !important;
}
.border-sp-secondary-dark {
    border-color: var(--shop-secondary-dark) !important;
}
.btn-sp-secondary {
        color: #fff !important;
        background-color: var(--shop-secondary) !important;
    border-color: var(--shop-secondary) !important;
}
.btn-sp-secondary:hover {
        background-color: var(--shop-secondary-lite) !important;
    border-color: var(--shop-secondary-lite) !important;
    }
.btn-outline-sp-secondary {
    color: var(--shop-secondary) !important;
    background-color: #fff !important;
    border-color: var(--shop-secondary) !important;
}
.btn-outline-sp-secondary:hover {
    color: #fff !important;
    background-color: var(--shop-secondary) !important;
}
.bg-sp-accent {
    background-color: var(--shop-accent) !important;
}
.bg-sp-accent-lite {
    background-color: var(--shop-accent-lite) !important;
}
.bg-sp-accent-dark {
    background-color: var(--shop-accent-dark) !important;
}
.text-sp-accent {
    color: var(--shop-accent) !important;
}
.text-sp-accent-lite {
    color: var(--shop-accent-lite) !important;
}
.text-sp-accent-dark {
    color: var(--shop-accent-dark) !important;
}
.border-sp-accent {
    border-color: var(--shop-accent) !important;
}
.border-sp-accent-lite {
    border-color: var(--shop-accent-lite) !important;
}
.border-sp-accent-dark {
    border-color: var(--shop-accent-dark) !important;
}
.btn-sp-accent {
        color: #000 !important;
        background-color: var(--shop-accent) !important;
    border-color: var(--shop-accent) !important;
}
.btn-sp-accent:hover {
        background-color: var(--shop-accent-dark) !important;
    border-color: var(--shop-accent-dark) !important;
    }
.btn-outline-sp-accent {
    color: var(--shop-accent) !important;
    background-color: #fff !important;
    border-color: var(--shop-accent) !important;
}
.btn-outline-sp-accent:hover {
    color: #fff !important;
    background-color: var(--shop-accent) !important;
}