/* Estilos de Barra de Rolagem Adaptativa ao Tema do Sistema */

/* Tema Claro (padrão) */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #f5f5f5;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
  border: 3px solid #f5f5f5;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

::-webkit-scrollbar-corner {
  background: #f5f5f5;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f5f5f5;
}

/* Tema Escuro (quando o sistema estiver em modo escuro) */
@media (prefers-color-scheme: dark) {
  ::-webkit-scrollbar-track {
    background: #2c2c2c;
  }

  ::-webkit-scrollbar-thumb {
    background: #4a4a4a;
    border: 3px solid #2c2c2c;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #5a5a5a;
  }

  ::-webkit-scrollbar-corner {
    background: #2c2c2c;
  }

  * {
    scrollbar-color: #4a4a4a #2c2c2c;
  }
}