/* =========================================================
   SCROLLBAR — páginas públicas (landing)
   Discreta e neutra: fina, sem gradiente e sem borda.
   O fundo da landing é teal claro, onde o thumb teal escuro
   do CSS premium fica pesado — aqui usamos grafite translúcido,
   que some no fundo em qualquer seção da página.
   ========================================================= */
* {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: rgba(45, 45, 45, 0.28) transparent;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: rgba(45, 45, 45, 0.28);
  border-radius: 999px;
  transition: background 0.2s ease;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(45, 45, 45, 0.45);
}

*::-webkit-scrollbar-thumb:active {
  background: rgba(45, 45, 45, 0.6);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}