:root {
    --bd-violet: #5747BC;
    --bd-violet-hover: #4638a1;
    --bd-violet-rgb: 87, 71, 188;
    --bd-violet-light: #8880bf;    

    --bd-blue: #4b59c9;
    --bd-blue-hover: #3e4ba9;
    --bd-blue-rgb: 87, 71, 188;
    --bd-blue-light: #6b76c7;    
}

.btn-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet);
    --bs-btn-disabled-bg: var(--bd-violet-light);
    --bs-btn-disabled-border-color: var(--bd-violet);
    --bs-btn-border-color: var(--bd-violet);
    --bs-btn-border-radius: .2rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bd-violet-hover);
    --bs-btn-hover-border-color: var(--bd-violet-hover);
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--bd-violet-hover);
    --bs-btn-active-border-color: var(--bd-violet-hover);
}

.btn-secondary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-blue);
    --bs-btn-disabled-bg: var(--bd-blue-light);
    --bs-btn-disabled-border-color: var(--bd-blue);
    --bs-btn-border-color: var(--bd-blue);
    --bs-btn-border-radius: .2rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bd-blue-hover);
    --bs-btn-hover-border-color: var(--bd-blue-hover);
    --bs-btn-focus-shadow-rgb: var(--bd-blue-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--bd-blue-hover);
    --bs-btn-active-border-color: var(--bd-blue-hover);
}