/**
 * File: assets/css/global/scrollbar.css
 * Description: Themed browser scrollbar styles.
 *
 * MAGIDA GLOBAL UI PASS 4.1:
 * - Adds a dark track with restrained cyan/violet thumb treatment.
 * - Uses Firefox and WebKit-safe scrollbar fallbacks.
 */

/* MAGIDA GLOBAL UI PASS 4.1: Firefox fallback scrollbar styling. */
html {
	scrollbar-color: rgba(5, 223, 254, 0.7) rgba(6, 7, 11, 0.95);
	scrollbar-width: thin;
}

/* MAGIDA GLOBAL UI PASS 4.1: WebKit scrollbar track. */
::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background: rgba(6, 7, 11, 0.96);
}

/* MAGIDA GLOBAL UI PASS 4.1: Cyan/violet thumb without overusing glow. */
::-webkit-scrollbar-thumb {
	border: 3px solid rgba(6, 7, 11, 0.96);
	border-radius: var(--magida-radius-full);
	background: linear-gradient(
		180deg,
		rgba(5, 223, 254, 0.92),
		rgba(22, 131, 244, 0.82),
		rgba(124, 106, 251, 0.86)
	);
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(
		180deg,
		var(--magida-cyan),
		var(--magida-blue),
		var(--magida-violet)
	);
}