/* Barres de defilement du site (2026-10-05), page et panneaux (menu Solution).
   color-scheme D'ABORD : c'est lui qui dit au navigateur si la barre native
   est claire ou sombre ; les couleurs ne font qu'affiner par-dessus.
   Fines, sans fleches, pouce navy discret sur le clair, or sur le navy :
   la meme regle que le reste du site (pas d'or sur le blanc). */
:root {
  color-scheme: light;
  --barre-pouce: rgba(11, 5, 47, 0.28);
  --barre-pouce-survol: rgba(11, 5, 47, 0.5);
  --barre-piste: transparent;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --barre-pouce: rgba(196, 184, 118, 0.4);
  --barre-pouce-survol: rgba(196, 184, 118, 0.7);
  --barre-piste: var(--navy);
}
/* Firefox, Chrome 121+ */
html { scrollbar-width: thin; scrollbar-color: var(--barre-pouce) var(--barre-piste); }
.nav-sol__panneau { scrollbar-width: thin; scrollbar-color: var(--barre-pouce) transparent; }
/* Safari et anciens Chrome */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--barre-piste); }
::-webkit-scrollbar-thumb {
  background: var(--barre-pouce); border-radius: 999px;
  border: 3px solid transparent; background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--barre-pouce-survol); }
::-webkit-scrollbar-corner { background: transparent; }
.nav-sol__panneau::-webkit-scrollbar { width: 8px; }
.nav-sol__panneau::-webkit-scrollbar-track { background: transparent; }