/*.btn-primary {
    background-color: #43B8A5 !important;
    border-color: #43B8A5 !important;
}*/

:root {
    --bs-primary: #283A4A; 
    --bs-secondary: #697581; 
    --bs-success: #43B8A5; 
    --bs-warning: #F8D81D; 
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.btn-success {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

.btn-warning {
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
}

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

.btn-outline-secondary :hover{
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.btn-outline-success :hover{
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

.btn-outline-warning :hover{
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
}

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

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.bg-success {
    background-color: var(--bs-success) !important;
}

.bg-warning {
    background-color: var(--bs-warning) !important;
}