:root {
  --bs-primary: #0d6efd; /* Bleu par défaut */
}

body {
  border-top: 5px solid var(--bs-primary);
}

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

.navbar.bg-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
/*
.navbar {
	padding-top : 0.3rem;
	padding-bottom : 0.3rem;
	font-size : 0.9rem;
}
footer {
	padding: 0.4rem 0;
	font-size : 0.85rem;
}*/

.navbar a .nav-link,
.navbar-brand {
  color: #fff !important;
}

.footer.bg-primary, .bg-dark {
  background-color: var(--bs-primary) !important;
  color: #fff  !important;
  border-color: var(--bs-primary) !important;
}
.entete {
  background-color: var(--bs-primary) !important;
  color: #fff  !important;
  /*border-color: var(--bs-primary) !important; */
} 

 .gest a {
	 color : var(--bs-primary) !important;
 }
/* var(--bs-table-border-color);var(--bs-table-color);
body {
  transition: all 0.3s ease;
}
*/

/*
<div class="dropdown ms-3">
  <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown">
    Thème
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="#" onclick="changeTheme('bleu')">Bleu</a></li>
    <li><a class="dropdown-item" href="#" onclick="changeTheme('vert')">Vert</a></li>
    <li><a class="dropdown-item" href="#" onclick="changeTheme('rouge')">Rouge</a></li>
  </ul>
</div>


*/

/* dans le footer
<script>
  function changeTheme(couleur) {
    let root = document.documentElement;

    switch (couleur) {
      case 'bleu':
        root.style.setProperty('--bs-primary', '#0d6efd');
        break;
      case 'vert':
        root.style.setProperty('--bs-primary', '#198754');
        break;
      case 'rouge':
        root.style.setProperty('--bs-primary', '#dc3545');
        break;
    }

    // Appliquer automatiquement la nouvelle classe à tous les boutons (optionnel)
    document.querySelectorAll('.btn-primary').forEach(btn => {
      btn.style.backgroundColor = getComputedStyle(root).getPropertyValue('--bs-primary');
      btn.style.borderColor = getComputedStyle(root).getPropertyValue('--bs-primary');
    });
  }
  
  // Forcer le footer aussi
	document.querySelectorAll('.footer.bg-primary').forEach(el => {
	el.style.backgroundColor = color;
	});
	
</script>

*/