/* ============================================================
   IALTH · SCROLL SYSTEM — "brasa" (DESIGN_SYSTEM.md §4.9)
   Fonte única de verdade da barra de rolagem em todas as páginas.
   Linkar no <head> ANTES do bloco <style> da página:
     <link rel="stylesheet" href="/assets/css/ialth-scroll.css?v=20260913-scroll1">
   Referência de qualidade: Linear (scrollbar discreta que desperta
   no hover) + Stripe Docs (contraste alto com a cor da marca).
   Tokens usados: §4.1 paleta oficial · §4.2 superfícies dark ·
   §4.5 pill/glow · §4.6 motion .25s + prefers-reduced-motion.
   ============================================================ */

/* ---------- Chromium · Edge · Safari — direção de arte completa ---------- */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent;border-radius:100px}
::-webkit-scrollbar-corner{background:transparent}
/* Em repouso: brasa ambarina translúcida (calma, nunca cinza-nativa).
   A borda transparente recua o poleiro 3px do trilho — pill flutuante. */
::-webkit-scrollbar-thumb{
  border:3px solid transparent;border-radius:100px;
  background:linear-gradient(92deg,rgba(255,66,0,.5),rgba(255,162,0,.5)) padding-box;
  box-shadow:inset 0 0 0 1px rgba(242,201,136,.16);
  transition:background .25s ease,box-shadow .25s ease,border-width .25s ease;
}
/* Hover: acende — gradiente oficial 92deg em cheio + glow primário
   oficial do sistema (mesma sombra do .btn-primary em repouso). */
::-webkit-scrollbar-thumb:hover{
  border-width:2px;border-color:rgba(255,66,0,.2);
  background:linear-gradient(92deg,#FF4200,#FFA200) padding-box;
  box-shadow:inset 0 0 0 1px rgba(242,201,136,.3),0 8px 30px rgba(255,66,0,.35);
}
/* Arraste: glow de elevação (família .btn-primary:hover) + sand mais vivo. */
::-webkit-scrollbar-thumb:active{
  border-color:rgba(255,162,0,.35);
  box-shadow:inset 0 0 0 1px rgba(242,201,136,.45),0 12px 40px rgba(255,66,0,.5);
}
/* Track só existe como pista espectral sob o cursor (idioma Linear). */
::-webkit-scrollbar-track:hover{background:rgba(255,255,255,.035)}

/* ---------- Firefox — mesmo idioma via propriedades padrão ----------
   Gate exclusivo de motores sem pseudo-elementos webkit: quem entende
   ::-webkit-scrollbar ignora este bloco (e nunca vê scrollbar-color
   desativar a direção de arte acima). Firefox 64+ pega a brasa translúcida. */
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-width:thin;scrollbar-color:rgba(242,201,136,.35) transparent}
}

/* ---------- Telas estreitas: rail mais fino, mesma linguagem ---------- */
@media (max-width:900px){
  ::-webkit-scrollbar{width:8px;height:8px}
}

/* ---------- §4.6: motion é acessório, nunca obrigatório ---------- */
@media (prefers-reduced-motion:reduce){
  ::-webkit-scrollbar-thumb{transition:none}
}
