/* Thème light */
[data-bs-theme=light] {
    --bs-primary: #321fb0 !important;
    --bs-primary-rgb: 50, 31, 176 !important;
    --bs-link-color:#321fb0 !important;
    --bs-link-hover-color:#204d74 !important;
    --bs-link-color-rgb:50, 31, 176 !important;
    --bs-link-hover-color-rgb:32, 77, 116;
    --bs-nav-pills-link-active-bg: #321fb0 !important;
}

    /* Ajustements pour améliorer l'expérience utilisateur */
    .btn {
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bs-primary);
    }

/* Update below HEX and RGB color code to your primary color for dark mode */
[data-bs-theme=dark] {
    --bs-primary: #f0ac19 !important;
    --bs-primary-rgb: 240, 172, 25  !important;
    --bs-link-color:#f0ac19 !important;
    --bs-link-hover-color:#c48a0b !important;
    --bs-link-color-rgb: 240, 172, 25 !important;
    --bs-link-hover-color-rgb: 196, 138, 11;
    --bs-nav-pills-link-active-bg: #f0ac19 !important;
}

    /* Ajustements pour améliorer l'expérience utilisateur */
    .btn {
        --bs-btn-color: var(--bs-dark);
        --bs-btn-bg: var(--bs-primary);
    }


/* CSS for overriding primary colors */
.navbar {
    --bs-navbar-hover-color: var(--bs-primary);
    --bs-navbar-active-color: var(--bs-primary);
}

.navbar-dark {
    --bs-navbar-hover-color: var(--bs-primary) !important;
    --bs-navbar-active-color: var(--bs-primary) !important;
}
.nav{
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
}
.dropdown-menu {
    --bs-dropdown-link-hover-color: var(--bs-primary) !important;
    --bs-dropdown-link-active-color: var(--bs-primary) !important;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: var(--bs-link-hover-color);
    --bs-btn-active-bg: var(--bs-link-hover-color);
    --bs-btn-active-border-color: var(--bs-link-hover-color);
    --bs-btn-disabled-bg: var(--bs-primary);
}
.btn-link {
    --bs-btn-color: var(--bs-primary);
    --bs-link-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-active-color: var(--bs-link-hover-color);
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-primary-soft{
    color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.btn-primary-soft:hover{
    color: var(--bs-white);
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
.btn-primary-soft:focus{
    color:  var(--bs-white);
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
.btn-primary-soft.active{
    color:  var(--bs-white);
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
.fill-primary{
    fill: var(--bs-primary) !important;
}
.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}
.form-control:focus{
    border-color: var(--bs-primary);
}
.text-bg-primary{
    background-color: rgba(var(--bs-primary-rgb), 1) !important;
}
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.choices.is-focused .choices__inner{
    border-color: var(--bs-primary);
}

.bg-gray-100 {
    background-color: #f8f9fa !important;
}

.bg-gray-200 {
    background-color: #e9ecef !important;
}

.bg-gray-300 {
    background-color: #dee2e6 !important;
}

.bg-gray-400 {
    background-color: #ced4da !important;
}

.bg-gray-500 {
    background-color: #adb5bd !important;
}

.bg-gray-600 {
    background-color: #6c757d !important;
}

.bg-gray-700 {
    background-color: #495057 !important;
}

.bg-gray-800 {
    background-color: #343a40 !important;
}

.bg-gray-900 {
    background-color: #212529 !important;
}

.text-gray-100 {
    color: #f8f9fa !important;
}

.text-gray-200 {
    color: #e9ecef !important;
}

.text-gray-300 {
    color: #dee2e6 !important;
}

.text-gray-400 {
    color: #ced4da !important;
}

.text-gray-500 {
    color: #adb5bd !important;
}

.text-gray-600 {
    color: #6c757d !important;
}

.text-gray-700 {
    color: #495057 !important;
}

.text-gray-800 {
    color: #343a40 !important;
}

.text-gray-900 {
    color: #212529 !important;
}