/* Pour les navigateurs basés sur Webkit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 10px; /* Largeur de la scrollbar */
}

/* Fond de la scrollbar */
::-webkit-scrollbar-track {
  background: #2b2b2b; /* Couleur sombre inspirée du cadre du menu */
  border-radius: 5px;
}

/* Barre de défilement */
::-webkit-scrollbar-thumb {
  background: #6f8f4e; /* Vert inspiré de l'herbe */
  border-radius: 5px;
  border: 2px solid #3b3b3b; /* Bordure pour rappel du cadre sombre */
}

/* Barre de défilement au survol */
::-webkit-scrollbar-thumb:hover {
  background: #88a65c; /* Vert plus clair pour un effet au survol */
}

/* Pour Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #6f8f4e #2b2b2b;
}