/* ==========================================================================
   BARRAS DE ROLAGEM personalizadas (cores da marca)
   ========================================================================== */

/* Firefox / padrão */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--coral) var(--plum-900);
}

/* Chromium / Safari */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: var(--plum-900); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--coral), var(--amber));
  border-radius: var(--radius-pill);
  border: 3px solid var(--plum-900);
}
::-webkit-scrollbar-thumb:hover { background: var(--amber); }

/* Barra de progresso de leitura (animada por ScrollTrigger em animations.js) */
.progress {
  position: fixed; inset: 0 0 auto 0; height: 4px; z-index: 120;
  background: transparent; pointer-events: none;
}
.progress__bar {
  height: 100%; width: 100%;
  background: linear-gradient(90deg, var(--coral), var(--amber));
  transform-origin: left center; transform: scaleX(0);
}