/*
 * scrollbars.css — Global, consistent scrollbar styling for every Kuro page.
 * Matches the site's existing Kumon-blue scrollbars (rgba(0,174,239,...)) but applies
 * them to ALL scrollable elements and to BOTH axes (width = vertical, height =
 * horizontal), so no page ever falls back to the generic browser scrollbar.
 * Loaded via <link rel="stylesheet" href="/shared/scrollbars.css"> on every page.
 */

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

*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
  background: rgba(0, 174, 239, 0.35);
  border-radius: 5px;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 174, 239, 0.6);
}

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

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 174, 239, 0.45) rgba(0, 0, 0, 0.05);
}