/* FONTE ÚNICA de todas as barras de rolamento do projeto: o site público, o CMS
   (nos dois temas), os cinco portais (reuniões, financiamentos, retomas, ofertas
   e MarIA), as barras desenhadas por JS (a da página do CMS, a do login, as do
   Suporte e a da janela de passos) e a transição do tom, que é do
   Shared/Utilities/ScrollbarFade.js e lê a duração e a curva daqui.

   10px, sem botões, polegar a ocupar a calha inteira com cantos retos, e só o
   tom a mudar com o rato. As cores leem-se a 3,05:1 ou mais contra a calha e
   contra a página em todos os fundos, do branco ao #0e0e12 e nos três fundos de
   cada tema do CMS: o polegar é um cinzento opaco e a calha quase transparente,
   porque com a calha mais forte o polegar não chegava a passar 3:1 nos dois
   extremos.

   Carrega ANTES da folha própria de cada superfície. Mais nenhuma folha define
   tokens --scrollbar-*, cores, larguras nem scrollbar-color (o
   scripts/ferramentas/_barra_uma_fonte.py recusa): uma folha própria só pode
   ESCONDER uma barra, com scrollbar-width: none e, ao lado, a
   ::-webkit-scrollbar do mesmo seletor com display: none, porque a rede abaixo
   faz o Chromium ignorar o scrollbar-width. */
:root { /* ds-ok: o site, o CMS e os portais não partilham um tokens.css, e a barra tem uma fonte só para os três */
    --scrollbar-size: 10px;
    --scrollbar-track-bg: rgba(128, 134, 145, 0.06);
    --scrollbar-thumb: #787d85;
    --scrollbar-thumb-hover: #838890;
    --scrollbar-fade-duration: 250ms;
    --scrollbar-fade-easing: cubic-bezier(0.25, 0.1, 0.25, 1);
}

@property --scrollbar-thumb-now { syntax: '<color>'; inherits: false; initial-value: #787d85; }
* { --scrollbar-thumb-now: var(--scrollbar-thumb); }
::-webkit-scrollbar                { width: var(--scrollbar-size); height: var(--scrollbar-size); }
::-webkit-scrollbar-button         { display: none; height: 0; width: 0; }
::-webkit-scrollbar-corner         { background: transparent; }
::-webkit-scrollbar-track          { background: var(--scrollbar-track-bg); }
::-webkit-scrollbar-thumb          { --scrollbar-thumb-now: inherit; background: var(--scrollbar-thumb-now); border-radius: 0; }
/* A guarda vai no body e não no html: na barra da página, o Chromium não casa
   um seletor que dependa de um antepassado do body. */
body:not(.has-scrollbar-fade)::-webkit-scrollbar-thumb:hover,
body:not(.has-scrollbar-fade) ::-webkit-scrollbar-thumb:hover { --scrollbar-thumb-now: var(--scrollbar-thumb-hover); }

/* Firefox: só ele recebe scrollbar-width e scrollbar-color. No Chrome 121+
   qualquer um dos dois reativa a barra nativa e faz ignorar as pseudo. */
@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track-bg);
    }
}
@supports selector(::-webkit-scrollbar) {
    * { scrollbar-width: auto !important; scrollbar-color: auto !important; }
}