body {
    --bs-primary: var(--site-primary) !important;
    --bs-primary-rgb: 136, 12, 212;
}

.bg-primary {
    background-color: var(--site-primary) !important;
}

.btn-primary,
.hover\:bg-primary:hover {
    background-color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}

.text-primary {
    color: #000000 !important;
}

.hover\:text-primary:hover {
    color: var(--site-primary) !important;
}

.border-primary, .hover\:border-primary:hover {
    border-color: var(--site-primary) !important;
}

.btn-outline-primary {
    color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}

.btn-alt-primary:hover {
    background: var(--site-primary) !important;
    color: #fff !important;
}

.btn-alt-primary {
    background: #fff !important;
    color: var(--site-primary) !important;
}

.form-check-input:focus, .form-control:focus {
    border-color: var(--site-primary) !important;
}