// =============================================================================
// SCROLLBAR — global theme, site-wide. Applies to every scrollable container
// (page, drawers, the menu overlay, dropdown panels, and anything else with
// its own overflow:auto/scroll) unless a component deliberately opts out
// (e.g. .tab-component__thumbs' filmstrip, which hides its scrollbar
// entirely by design — untouched here).
//
// Imported after Bootstrap (main.scss) so it isn't accidentally overridden
// by anything in reboot/utilities, but a bare `*` selector still loses
// specificity ties to any component's own more-specific rule — by design,
// so a component can still opt out with its own scrollbar-width:none.
// =============================================================================

* {
  scrollbar-width: thin;              // Firefox
  scrollbar-color: var(--color-gold) transparent; // Firefox
}

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

*::-webkit-scrollbar-thumb {
  background: var(--color-gold);
}

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