/* ============================
   Scrollbar
   ============================ */

::-webkit-scrollbar {
  width: 6px;             /* slim vertical scrollbar */
  height: 6px;            /* slim horizontal scrollbar */
}

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

::-webkit-scrollbar-thumb {
  background-color: var(--mid); /* handle */
  border-radius: 10px;       /* rounded edges for modern look */
  transition: background-color 0.9s ease;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark); /* darker grey on hover */
}

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

/* For Firefox */
* {
  scrollbar-width: thin;               /* "auto" | "thin" | "none" */
  scrollbar-color: var(--mid) transparent; /* thumb | track */
}