/* Themed scrollbars on every scroller: thin bar, near-ground track, muted rounded thumb,
   accent on hover. Firefox and modern Chromium use the scrollbar-* properties; Safari and older
   Chromium use ::-webkit-scrollbar. The wildcard covers the page, dialogs, tables, code blocks. */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: var(--scroll-track); }
*::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 999px;
  border: 2px solid var(--scroll-track);
}
*::-webkit-scrollbar-thumb:hover { background: var(--teal-light); }
*::-webkit-scrollbar-corner { background: var(--scroll-track); }
*:hover { scrollbar-color: var(--teal-light) var(--scroll-track); }