:root {
    --primary-color: #ff4757;
    --secondary-color: #e84393;
    --bs-primary: #ff4757;
    --bs-secondary: #e84393;
    
}
.btn-primary,
.bg-primary,
.text-primary,
.border-primary {
--bs-btn-bg: var(--bs-primary);
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary), black 10%);
--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary), black 12%);
--bs-btn-active-bg: color-mix(in srgb, var(--bs-primary), black 15%);
--bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary), black 17%);
--bs-btn-disabled-bg: var(--bs-primary);
--bs-btn-disabled-border-color: var(--bs-primary);
--bs-bg-opacity: 1;
--bs-border-opacity: 1;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.show > .btn-primary.dropdown-toggle {
--bs-btn-bg: color-mix(in srgb, var(--bs-primary), black 15%);
--bs-btn-border-color: color-mix(in srgb, var(--bs-primary), black 17%);
}
.btn-link{
    --bs-btn-color: var(--primary-color)
}