.alert {
    border-radius: 8px;
    border-left: 4px solid;
    font-family: var(--font-family-primary), sans-serif;
}

.alert-primary {
    --bs-alert-bg: var(--color-rose);
    --bs-alert-border-color: var(--color-orange-vif);
    --bs-alert-color: var(--bs-light);
}

.alert-success {
    border-left-color: rgb(var(--bs-success));
    background-color: rgba(40, 167, 69, 0.1);
    color: rgba(var(--color-poivre), var(--bs-bg-opacity));
}

.alert-danger {
    --bs-alert-bg: var(--color-orange-vif);
    --bs-alert-border-color: var(--color-rose);
    --bs-alert-color: var(--bs-light);
    border-left-color: rgba(var(--color-rose), var(--bs-bg-opacity));
    background-color: rgba(241, 162, 182, 0.1);
    color: rgba(var(--color-poivre), var(--bs-bg-opacity));
}

.alert-warning {
    border-left-color: rgba(var(--color-orange), var(--bs-bg-opacity));
    background-color: rgba(240, 131, 58, 0.1);
    color: rgba(var(--color-poivre), var(--bs-bg-opacity));
}

.alert-heading {
    font-family: var(--font-family-primary), sans-serif;
    font-weight: var(--font-weight-demi-bold);
    color: rgba(var(--color-poivre), var(--bs-bg-opacity));
}

.card {
    --bs-card-border-color: var(--color-poivre);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--color-orange);
    box-shadow: 0 0 0 0.25rem rgba(240, 131, 58, 0.25);
}

body {
    font-family: var(--font-family-primary), sans-serif;
    color: var(--color-poivre);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--color-poivre);
}

a {
    color: var(--color-orange-vif);
}

a:hover {
    color: var(--color-orange);
}

.form-check-input:focus {
    border-color: rgb(var(--color-orange));
    box-shadow: 0 0 0 .25rem rgba(var(--color-orange), 0.25);
}

.form-check-input:checked {
    background-color: var(--color-orange);
    border-color: var(--color-orange);
    box-shadow: 0 0 0 .25rem rgba(var(--color-orange),.25); /* rgba(13,110,253,.25) */
}

.form-check-input[type="radio"]:checked {
    background-color: rgb(var(--color-orange));
    border-color: rgb(var(--color-orange));
    box-shadow: 0 0 0 .25rem rgba(var(--color-orange), 0.25);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input, .form-check-label[for] {
    cursor: pointer;
}

.list-group-item+.list-group-item.active {
    background-color: rgb(var(--color-orange-vif));
    border: none;
}

.page-link {
    color: var(--color-poivre);
}
.page-link:hover {
    color: var(--color-orange-vif);
}
.page-link:focus {
    color: var(--color-orange-vif);
    box-shadow: 0 0 0 0.25rem rgba(240, 131, 58, 0.25);
}

.active>.page-link, .page-link.active {
    background-color: rgba(var(--color-orange-vif), var(--bs-bg-opacity));
    border-color: rgba(var(--color-orange-vif), var(--bs-bg-opacity));
}

.nav-link {
    color: rgba(var(--color-poivre-clair), var(--bs-bg-opacity));
}

.nav-link:focus, .nav-link:hover {
    color: rgba(var(--color-orange-vif), var(--bs-bg-opacity));
}

.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 131, 58, 0.25);
}

.bg-opacity-10 {    --bs-bg-opacity: .1 !important;     }
.bg-opacity-25 {    --bs-bg-opacity: .25 !important;    }
.bg-opacity-40 {    --bs-bg-opacity: .4 !important;     }
.bg-opacity-50 {    --bs-bg-opacity: .5 !important;     }
.bg-opacity-75 {    --bs-bg-opacity: .75 !important;    }

.badge {
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 0.9rem;
    padding: 8px 16px;
    border-radius: 15px;
}

.w-90 {
    max-width: 90%;
}
.w-80 {
    max-width: 80%;
}
.w-70 {
    max-width: 70%;
}

.border-orange-vif {
    border: 2px solid rgb(var(--color-orange-vif)) !important;
}