/* Navbar */
.navbar-kb {
  background: var(--navbar-bg);
}
.navbar-kb .navbar-brand, .navbar-kb .nav-link {
  color: var(--navbar-text);
}
.navbar-kb .navbar-link:hover, .navbar-kb .navbar-brand:hover {
  color: var(--navbar-hover);
}

/* Footer */
footer {
  background-color: var(--footer-bg);
  color: var(--footer-text);
  flex-shrink: 0;
}

/* Boutons */
.btn-primary {
  background-color: var(--btn-primary-bg);
  border-color: var(--btn-primary-border);
  color: var(--btn-primary-text);
}
.btn-primary:hover {
  background-color: var(--btn-primary-bg-hover);
  border-color: var(--btn-primary-border-hover);
  color: var(--btn-primary-text-hover);
}

.btn-success {
  background-color: var(--btn-success-bg);
  border-color: var(--btn-success-border);
  color: var(--btn-success-text);
}
.btn-success:hover {
  background-color: var(--btn-success-bg-hover);
  border-color: var(--btn-success-border-hover);
  color: var(--btn-success-text-hover);
}

.btn-warning {
  background-color: var(--btn-warning-bg);
  border-color: var(--btn-warning-border);
  color: var(--btn-warning-text);
}
.btn-warning:hover {
  background-color: var(--btn-warning-bg-hover);
  border-color: var(--btn-warning-border-hover);
  color: var(--btn-warning-text-hover);
}

.btn-danger {
  background-color: var(--btn-danger-bg);
  border-color: var(--btn-danger-border);
  color: var(--btn-danger-text);
}
.btn-danger:hover {
  background-color: var(--btn-danger-bg-hover);
  border-color: var(--btn-danger-border-hover);
  color: var(--btn-danger-text-hover);
}

.btn-secondary {
  background-color: var(--btn-secondary-bg);
  border-color: var(--btn-secondary-border);
  color: var(--btn-secondary-text);
}
.btn-secondary:hover {
  background-color: var(--btn-secondary-bg-hover);
  border-color: var(--btn-secondary-border-hover);
  color: var(--btn-secondary-text-hover);
}

.btn-outline-success {
  color: var(--btn-outline-success-color);
  background-color: transparent;
  border: 1px solid var(--btn-outline-success-border);
  transition: all 0.3s ease;
}
.btn-outline-success:hover {
  background-color: var(--btn-outline-success-bg-hover);
  border-color: var(--btn-outline-success-border);
  color: var(--btn-outline-success-color-hover);
}

/* Harmoniser TOUS les badges pastel */
.badge-light {
  background-color: var(--badge-light-bg);
  color: var(--badge-light-color) !important;
}
.badge-primary {
  background-color: var(--badge-primary-bg);
  color: var(--badge-primary-color) !important;
}
.badge-success {
  background-color: var(--badge-success-bg);
  color: var(--badge-success-color) !important;
}
.badge-warning {
  background-color: var(--badge-warning-bg);
  color: var(--badge-warning-color) !important;
}
.badge-danger {
  background-color: var(--badge-danger-bg);
  color: var(--badge-danger-color) !important;
}
.badge-secondary {
  background-color: var(--badge-secondary-bg);
  color: var(--badge-secondary-color) !important;
}

/* Petites améliorations de confort */
.badge {
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0.4em 0.6em;
  border-radius: 0.375rem;
}

/* Badges-lien visibles */
a.badge {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.85rem;
  font-weight: 500;
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: 1px solid var(--btn-primary-border);
  transition: all 0.3s ease;
  text-decoration: none;
}
a.badge:hover {
  background-color: var(--btn-primary-bg-hover);
  color: var(--btn-primary-text-hover);
  border-color: var(--btn-primary-border-hover);
  text-decoration: none;
}

/* Variante pour badge vert clair */
a.badge.bg-success-light {
  background-color: var(--btn-success-bg);
  color: var(--btn-success-text);
  border: 1px solid var(--btn-success-border);
}
a.badge.bg-success-light:hover {
  background-color: var(--btn-success-bg-hover);
  color: var(--btn-success-text-hover);
}

/* Variante pour badge jaune clair */
a.badge.bg-warning-light {
  background-color: var(--btn-warning-bg);
  color: var(--btn-warning-text);
  border: 1px solid var(--btn-warning-border);
}
a.badge.bg-warning-light:hover {
  background-color: var(--btn-warning-bg-hover);
  color: var(--btn-warning-text-hover);
}

/* Pagination (même logique) */
.pagination .page-link {
  color: var(--color-text, #333);
  background-color: var(--color-bg, #f9fafb);
  border: 1px solid #dee2e6;
  transition: all 0.2s;
}
.pagination .page-link:hover {
  background-color: #eef1f4;
}
.pagination .page-item.active .page-link {
  background-color: #d8e1ec;
  font-weight: bold;
}

/* ...reste inchangé (animations, loader, etc.) */