/**
 * Slim scrollbar for Holon WWW.
 * Pattern: F.L.O.W. /BAZA/ `.holon-scroll-region--classic`
 * (`--holon-scroll-classic-size: 8px`, pill thumb, thin Firefox scrollbar).
 *
 * Brand color via --holon-slim-scroll-thumb / --holon-slim-scroll-track.
 */

:root {
	--holon-slim-scroll-size: 8px;
	--holon-slim-scroll-thumb: color-mix(in srgb, currentColor 35%, transparent);
	--holon-slim-scroll-track: transparent;
}

.holon-slim-scroll {
	scrollbar-width: thin;
	scrollbar-color: var(--holon-slim-scroll-thumb) var(--holon-slim-scroll-track);
}

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

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

.holon-slim-scroll::-webkit-scrollbar-thumb {
	background: var(--holon-slim-scroll-thumb);
	border-radius: 999px;
}

.holon-slim-scroll::-webkit-scrollbar-corner {
	background: transparent;
}