.btn {
    --bs-btn-border-radius: 6px;
    --bs-btn-disabled-bg: var(--bs-gray-200);
    --bs-btn-disabled-border-color: var(--bs-gray-200);
    --bs-btn-disabled-color: var(--bs-gray-500);
    --bs-btn-active-shadow: none !important;
}

.btn-primary {
    --bs-btn-bg: var(--blue);
    --bs-btn-border-color: var(--blue);
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-bg: var(--blue-light);
    --bs-btn-hover-border-color: var(--blue-light);
    --bs-btn-hover-color: var(--blue);
    --bs-btn-active-bg: var(--blue-light);
    --bs-btn-active-border-color: var(--blue-light);
    --bs-btn-active-color: var(--blue);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-gray-200);
    --bs-btn-border-color: var(--bs-gray-200);
    --bs-btn-color: var(--bs-gray-900);
    --bs-btn-hover-bg: var(--bs-gray-400);
    --bs-btn-hover-border-color: var(--bs-gray-400);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-bg: var(--yellow-light);
    --bs-btn-active-border-color: var(--yellow-light);
    --bs-btn-active-color: var(--bs-white);
}

.btn-danger {
    --bs-btn-bg: var(--red-light);
    --bs-btn-border-color: var(--red-light);
    --bs-btn-color: var(--red);
    --bs-btn-hover-bg: var(--red);
    --bs-btn-hover-border-color: var(--red);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-bg: var(--red);
    --bs-btn-active-border-color: var(--red);
    --bs-btn-active-color: var(--bs-white);
}

.btn-success {
    --bs-btn-bg: var(--green-light);
    --bs-btn-border-color: var(--green-light);
    --bs-btn-color: var(--green);
    --bs-btn-hover-bg: var(--green);
    --bs-btn-hover-border-color: var(--green);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-bg: var(--green);
    --bs-btn-active-border-color: var(--green);
    --bs-btn-active-color: var(--bs-white);
}

.btn-outline-primary {
    --bs-btn-color: var(--blue);
    --bs-btn-border-color: var(--blue);
    --bs-btn-hover-bg: var(--blue);
    --bs-btn-hover-border-color: var(--blue);
    --bs-btn-active-bg: var(--blue);
    --bs-btn-active-border-color: var(--blue);
    --bs-btn-disabled-color: var(--blue);
    --bs-btn-disabled-border-color: var(--blue);
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-gray-700);
    --bs-btn-border-color: var(--bs-gray-700);
    --bs-btn-hover-bg: var(--bs-gray-200);
    --bs-btn-hover-border-color: var(--bs-gray-200);
    --bs-btn-hover-color: var(--bs-gray-700);
    --bs-btn-active-bg: var(--bs-gray-700);
    --bs-btn-active-border-color: var(--bs-gray-700);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-disabled-color: var(--blue-tint);
    --bs-btn-disabled-border-color: var(--blue-tint);
}