/**
 * Campus Imbiss — global scroll styling
 * Inspired by shadcn/Radix Scroll Area (21st.dev scroll-area pattern):
 * thin track, rounded thumb, hover/active states, stable gutter.
 */
:root {
  --scroll-size: 10px;
  --scroll-track: transparent;
  --scroll-thumb: rgba(255, 255, 255, 0.16);
  --scroll-thumb-hover: rgba(255, 255, 255, 0.28);
  --scroll-thumb-active: rgba(201, 162, 90, 0.72);
  --scroll-radius: 999px;
}

html {
  scrollbar-gutter: stable;
}

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

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

::-webkit-scrollbar-track {
  background: var(--scroll-track);
}

::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb);
  border-radius: var(--scroll-radius);
  border: 2px solid transparent;
  background-clip: padding-box;
}

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

::-webkit-scrollbar-thumb:active {
  background-color: var(--scroll-thumb-active);
}

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

.campus-scroll {
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  min-height: 0;
}

@media (prefers-reduced-motion: reduce) {
  .campus-scroll {
    scroll-behavior: auto;
  }
}