:root {
	--scroll-track: rgba(20, 83, 45, 0.35);
	--scroll-thumb: rgba(74, 222, 128, 0.55);
	--scroll-thumb-hover: rgba(74, 222, 128, 0.85);
}

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

*::-webkit-scrollbar {
	width: 0.75rem;
	height: 0.75rem;
}

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

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

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

/* Retro CRT Scanline Effect */
/* .scanlines {
	position: fixed; top: 0; left: 0; width: 100%; height: 100%;
	background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%),
				linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
	background-size: 100% 3px, 3px 100%;
	pointer-events: none; z-index: 50;
} */