:root {
    --shop-primary: #ff7e38;
--shop-primary-lite: #ff9f6b;
--shop-primary-dark: #ff5d05;
--shop-secondary: #000000;
--shop-secondary-lite: #1a1a1a;
--shop-secondary-dark: #000000;
--shop-accent: #bab5b5;
--shop-accent-lite: #d3cfcf;
--shop-accent-dark: #a19b9b;
}

.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;
}