/* Appliquer les variables Bootstrap aux classes de texte */
.text-primary { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-success { color: var(--bs-success) !important; }
.text-info { color: var(--bs-info) !important; }
.text-warning { color: var(--bs-warning) !important; }
.text-danger { color: var(--bs-danger) !important; }
.text-light { color: var(--bs-light) !important; }
.text-dark { color: var(--bs-dark) !important; }
.text-white { color: var(--bs-white) !important; }
.text-muted { color: var(--bs-gray) !important; }
.text-gray-dark { color: var(--bs-gray-dark) !important; }

/* Appliquer les variables Bootstrap aux classes de fond */
.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-info { background-color: var(--bs-info) !important; }
.bg-warning { background-color: var(--bs-warning) !important; }
.bg-danger { background-color: var(--bs-danger) !important; }
.bg-light { background-color: var(--bs-light) !important; }
.bg-dark { background-color: var(--bs-dark) !important; }
.bg-white { background-color: var(--bs-white) !important; }
.bg-gray { background-color: var(--bs-gray) !important; }
.bg-gray-dark { background-color: var(--bs-gray-dark) !important; }

/* Appliquer les couleurs aux boutons */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary:hover {
  background-color: color-mix(in srgb, var(--bs-primary) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-primary) 80%, black 30%) !important;
}

.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}
.btn-secondary:hover {
  background-color: color-mix(in srgb, var(--bs-secondary) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-secondary) 80%, black 30%) !important;
}

.btn-success {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
}
.btn-success:hover {
  background-color: color-mix(in srgb, var(--bs-success) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-success) 80%, black 30%) !important;
}

.btn-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;
}
.btn-info:hover {
  background-color: color-mix(in srgb, var(--bs-info) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-info) 80%, black 30%) !important;
}

.btn-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
}
.btn-warning:hover {
  background-color: color-mix(in srgb, var(--bs-warning) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-warning) 80%, black 30%) !important;
}

.btn-danger {
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}
.btn-danger:hover {
  background-color: color-mix(in srgb, var(--bs-danger) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-danger) 80%, black 30%) !important;
}

.btn-light {
  background-color: var(--bs-light) !important;
  border-color: var(--bs-light) !important;
}
.btn-light:hover {
  background-color: color-mix(in srgb, var(--bs-light) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-light) 80%, black 30%) !important;
}

.btn-dark {
  background-color: var(--bs-dark) !important;
  border-color: var(--bs-dark) !important;
}
.btn-dark:hover {
  background-color: color-mix(in srgb, var(--bs-dark) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-dark) 80%, black 30%) !important;
}

/* Appliquer les couleurs aux bordures */
.border-primary { border-color: var(--bs-primary) !important; }
.border-secondary { border-color: var(--bs-secondary) !important; }
.border-success { border-color: var(--bs-success) !important; }
.border-info { border-color: var(--bs-info) !important; }
.border-warning { border-color: var(--bs-warning) !important; }
.border-danger { border-color: var(--bs-danger) !important; }
.border-light { border-color: var(--bs-light) !important; }
.border-dark { border-color: var(--bs-dark) !important; }
.border-white { border-color: var(--bs-white) !important; }

/* Forcer les btn-outline-* à utiliser les variables Bootstrap */

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

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

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

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

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

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

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

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

.page-item.active .page-link {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}


.page-item.disabled .page-link {
  color: #6c757d;
  border-color: #dee2e6;
}
.page-link {
  color: var(--bs-primary);
}
.page-link:hover {
  color: var(--bs-primary);
}
.page-link:focus {
  color: var(--bs-primary) !important;
}