/* d1fpc3.com | one branded scrollbar for every page (D1 rule, 2026-11-03).
   Never the browser's default gray. The thumb is tinted from each page's own
   ink token (so it flips with light and dark themes), turns to the page's
   silver on hover, and the track blends into the surface. Link this file in
   <head> of every page; inline rules on a page may still override it (the
   members app hides its bars on purpose).

   Chromium 121+ ignores ::-webkit-scrollbar on any element that sets
   scrollbar-color or scrollbar-width, so those two stay out of the global
   rule for Chrome/Safari/Edge and only apply in Firefox (detected with
   -moz-appearance; @supports selector(::-webkit-scrollbar) is true in
   Firefox too, so it cannot be used to tell them apart). Do not add scrollbar-width: thin to a class; it
   switches that element back to the plain native bar. */
:root {
  --sb-thumb: color-mix(in srgb, var(--ink, #d5dbe3) 26%, transparent);
  --sb-thumb-hover: var(--gold-2, var(--gold, var(--ink, #d5dbe3)));
}
@supports (-moz-appearance: none) {
  * { scrollbar-width: thin; scrollbar-color: var(--sb-thumb) transparent; }
}
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: var(--sb-thumb); border-radius: 999px;
  border: 2px solid transparent; background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:active {
  background: var(--sb-thumb-hover); border: 2px solid transparent; background-clip: padding-box;
}
*::-webkit-scrollbar-corner { background: transparent; }