/*
 * Redesign — Etapa 5, sub-etapa 6: Scrollbar.
 *
 * O Figma "Novo projeto" NAO define uma scrollbar customizada (usa a
 * padrao do navegador) - entao nao ha "espec do Figma" pra seguir aqui,
 * diferente das outras sub-etapas. O que fiz foi so harmonizar as cores
 * da scrollbar customizada que ja existe (app-layout.css:546-624, tokens
 * --app-scrollbar-*) com a nova paleta --ds-*, sem inventar nenhuma
 * dimensao/comportamento novo - mesmo tamanho, mesmos botoes de seta,
 * so cor.
 *
 * Ja e' inteiramente scoped a @media (min-width:901px) na origem
 * (app-layout.css) - scrollbar customizada e' recurso so-desktop, entao
 * nao ha risco de afetar mobile aqui.
 */

body[data-theme-preset="dark"] {
  --app-scrollbar-track-bg: var(--ds-secondary);
  --app-scrollbar-track-line: var(--ds-border);
  --app-scrollbar-thumb: var(--ds-muted-foreground);
  --app-scrollbar-thumb-hover: color-mix(in srgb, var(--ds-muted-foreground) 80%, white);
  --app-scrollbar-button: var(--ds-secondary);
}