/*!
 * Kodlo — OverlayScrollbars theme `os-theme-kodlo`.
 *
 * One uniform minimal scrollbar across every browser / OS. Neutral grey
 * thumb on a transparent track — reads on both cream and ink backgrounds
 * so no per-section override is needed.
 *
 * Variables come from OverlayScrollbars 2.x default theme; we only
 * override what's needed.
 */

.os-theme-kodlo {
	--os-size: 8px;
	--os-padding-perpendicular: 2px;
	--os-padding-axis: 2px;
	--os-track-border-radius: 999px;
	--os-track-bg: transparent;
	--os-track-bg-hover: transparent;
	--os-track-bg-active: transparent;
	--os-handle-border-radius: 999px;
	--os-handle-bg: rgba(128, 128, 128, 0.5);
	--os-handle-bg-hover: rgba(128, 128, 128, 0.65);
	--os-handle-bg-active: rgba(128, 128, 128, 0.8);
	--os-handle-min-size: 40px;
}

/* Force the scrollbar to stay visible at rest — defeats macOS overlay
   auto-hide. JS init sets `autoHide: 'leave'`, but on idle we still
   want it visible (subtle), not invisible. */
.os-scrollbar {
	opacity: 1 !important;
	visibility: visible !important;
	transition: none !important;
}