/* Barre de défilement de la PAGE : or du site, fine, fond transparent — la même
   que celle du blog (src/routes/blog.ts) et des blocs membres (menu-footer.css).
   Yann 2026-10-06 : « la barre déroulante à droite sur les pages est grise ».

   Chargée par page-brand.css (@import) et, en direct, par les pages qui ne
   chargent pas page-brand (connexion, admin, rapports, Tomes…). Pas le menu.

   ⚠️ scrollbar-color S'HÉRITE. Posée sur html seul, elle descendrait dans
   tous les blocs à défilement de la page — et, dans Chrome, une valeur
   héritée fait ignorer les ::-webkit-scrollbar de ces blocs (panneau design,
   listes…). Le body la remet donc à `auto` : seule la barre de la fenêtre
   (portée par html) change, les barres intérieures restent les leurs. */
html { scrollbar-color: #C99A4E transparent; scrollbar-width: thin; }
body { scrollbar-color: auto; scrollbar-width: auto; }
/* Safari (pas de scrollbar-color) — sans effet dans Chrome dès que la règle
   standard ci-dessus s'applique. */
html::-webkit-scrollbar { width: 8px; }
html::-webkit-scrollbar-track { background: transparent; }
html::-webkit-scrollbar-thumb { background: #C99A4E; border-radius: 8px; }
html::-webkit-scrollbar-thumb:hover { background: #b8893f; }

/* Sur ordinateur, la bande SOUS le curseur doré prend le brun des boiseries,
   sur toutes les pages (Yann 2026-10-06 : « Rapports spéciaux, admin,
   connexion et autres pages sans décor, fais-le sur celles-là »). Une piste
   « transparente » laisse voir la couleur de fond de <html> — crème — et
   jamais le décor. On colore donc la PISTE, pas le fond de <html> : changer
   ce fond repeindrait la page là où le body ne couvre pas tout l'écran. */
@media (min-width: 769px) {
  html { scrollbar-color: #C99A4E #221C14; }
  html::-webkit-scrollbar-track { background: #221C14; }
}

/* Les barres INTÉRIEURES qui n'ont pas de style à elles (listes, tableaux
   admin, zones de texte, aperçus…) : curseur or sur piste brune, au lieu du
   blanc et gris du navigateur (Yann 2026-10-10). Règles sans classe, donc de
   spécificité minimale : tout bloc qui a déjà sa barre (or sur transparent,
   brun du carnet, barre masquée…) garde la sienne.
   Chrome/Edge/Safari : ::-webkit-scrollbar sans sélecteur — ignoré par Chrome
   sur un bloc qui pose son propre scrollbar-color, donc sans conflit. */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #221C14; }
::-webkit-scrollbar-thumb { background: #C99A4E; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #b8893f; }
::-webkit-scrollbar-corner { background: #221C14; }
/* Firefox (pas de ::-webkit-scrollbar) : scrollbar-color à spécificité nulle.
   Réservé aux navigateurs sans ::-webkit-scrollbar : dans Chrome, cette
   valeur ferait ignorer les ::-webkit-scrollbar propres aux blocs. */
@supports not selector(::-webkit-scrollbar) {
  :where(body *) { scrollbar-color: #C99A4E #221C14; }
}