/* ════════════════════════════════════════════════════════════════════
   BARRE DE DEFILEMENT — source unique.

   Ces regles vivaient dans style.css. Consequence : toutes les pages qui
   ne chargent pas style.css gardaient la barre par defaut du systeme —
   connexion, inscription, reinitialisation de mot de passe, 2FA,
   desabonnement, administration des domaines. Le site changeait d'aspect
   d'une page a l'autre, sur un detail present a l'ecran en permanence.

   Fichier a part, et non recopie dans chaque page : une declaration de
   couleur dupliquee finit toujours par diverger. style.css l'importe,
   les pages autonomes le lient directement.

   Les valeurs n'utilisent volontairement AUCUNE variable de style.css :
   ce fichier doit rendre le meme resultat sur une page qui ne charge pas
   la palette. `var(--r-pill)` y serait vide, et le pouce deviendrait
   carre sur la moitie du site.
   ════════════════════════════════════════════════════════════════════ */

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(120, 140, 220, 0.35) transparent;
}

*::-webkit-scrollbar { width: 11px; height: 11px; }
*::-webkit-scrollbar-track { background: transparent; }

/* Aplat dans le bleu de la marque. Le degrade precedent virait au lavande
   (120,140,220) : une teinte qui n'existe nulle part ailleurs dans la
   palette, visible sur toute la hauteur de chaque page. */
*::-webkit-scrollbar-thumb {
  background: rgba(120, 160, 235, 0.30);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(120, 160, 235, 0.48);
  background-clip: padding-box;
}