/* Minimal scrollbar — feine Marken-Linie, kein grauer Systembalken.
   Farbkonzept: --ready / --accent / --link (Blau), transparenter Track. */
:root {
  --scroll-w: 6px;
  --scroll-thumb: color-mix(in srgb, var(--ready, var(--accent, var(--link, #234a6b))) 38%, transparent);
  --scroll-thumb-hover: color-mix(in srgb, var(--ready, var(--accent, var(--link, #234a6b))) 56%, transparent);
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) transparent;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) transparent;
}

*::-webkit-scrollbar {
  width: var(--scroll-w);
  height: var(--scroll-w);
}

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

*::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 99px;
  border: 2px solid transparent;
  background-clip: padding-box;
  min-height: 28px;
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-thumb-hover);
}

*::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

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

@media (prefers-contrast: more) {
  :root {
    --scroll-thumb: color-mix(in srgb, var(--ready, var(--accent, var(--link, #234a6b))) 62%, transparent);
    --scroll-thumb-hover: var(--ready, var(--accent, var(--link, #234a6b)));
  }
}