/*Fundamental bootstrap colors*/
:root {
    --bs-primary: #5917c8;
    --bs-primary-rgb: 111, 66, 193;
    --bs-green-dark: rgb(16, 138, 79);
    --bs-orange-dark: rgb(198, 133, 37);
    --bs-custom: rgba(157, 177, 189, 0.9);
}

/*Backgrounds*/
.bg-green-dark {
    background-color: var(--bs-green-dark) !important;
}

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


/* Override button background and border colors using the variables */
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #5a32a3; /* A bit darker for hover */
    --bs-btn-hover-border-color: #5a32a3;
}

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