/* ============================================================
   SCROLLBAR personalizado
   Separado de styles.css — el orden de los archivos en index.html
   replica el orden original para conservar la cascada exacta.
   ============================================================ */
/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg);
}

::-webkit-scrollbar-thumb {
  background: var(--secondary);
  border-radius: 4px;
}

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