/* Forma · barra de rolagem creme. Nativa, sem interceptar roda, toque ou teclado.
   Carregada em todas as páginas, logo depois de tokens.css. Valores fixos: as páginas redefinem --cream e os tons de madeira não têm par nas escalas do kit. */
:root {
  --forma-scroll-track: #f6f2eb;
  --forma-scroll-thumb: #c7ae94;
  --forma-scroll-thumb-light: #e1cfb9;
  --forma-scroll-thumb-hover: #a98b6e;
  --forma-scroll-thumb-active: #8d7057;
}
html { scroll-behavior: smooth; }
/* Firefox e navegadores sem os pseudo-elementos WebKit. */
@supports not selector(::-webkit-scrollbar) {
  * { scrollbar-width: thin; scrollbar-color: var(--forma-scroll-thumb) var(--forma-scroll-track); }
}
@supports selector(::-webkit-scrollbar) {
  ::-webkit-scrollbar { width: 14px; height: 14px; }
  /* Dentro de modais e caixas arredondadas o trilho é transparente e começa depois da curva da borda,
     para a barra não cortar o canto. Só a rolagem da página tem trilho creme de ponta a ponta. */
  ::-webkit-scrollbar-track { background: transparent; border-radius: 999px; margin-top: 22px; margin-bottom: 22px; }
  html::-webkit-scrollbar-track { background: var(--forma-scroll-track); margin-top: 0; margin-bottom: 0; }
  ::-webkit-scrollbar-thumb {
    min-height: 48px;
    background: linear-gradient(180deg, var(--forma-scroll-thumb-light), var(--forma-scroll-thumb));
    background-clip: padding-box;
    border: 3px solid transparent;
    border-radius: 999px;
    transition: background-color 180ms ease;
  }
  ::-webkit-scrollbar-thumb:hover { background: var(--forma-scroll-thumb-hover); background-clip: padding-box; }
  ::-webkit-scrollbar-thumb:active { background: var(--forma-scroll-thumb-active); background-clip: padding-box; }
  ::-webkit-scrollbar-corner { background: transparent; }
  html::-webkit-scrollbar-corner { background: var(--forma-scroll-track); }
}
@media (prefers-reduced-motion: reduce) {
  html, .forma-scroll-area { scroll-behavior: auto !important; }
  ::-webkit-scrollbar-thumb { transition: none; }
}
@media (forced-colors: active) {
  * { scrollbar-color: auto; }
  ::-webkit-scrollbar-thumb { background: ButtonText; border-color: Canvas; }
  ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: Canvas; }
}