/* Keyboard, contrast, and motion accommodations kept separate from layout CSS. */
:root {
	--text-soft: rgba(244, 236, 216, 0.84);
}

input[type="range"]:focus-visible,
input[type="checkbox"]:focus-visible {
	outline: 3px solid #f6d989;
	outline-offset: 4px;
}

input[type="range"]:focus-visible::-webkit-slider-thumb {
	box-shadow: 0 0 0 4px #08231f, 0 0 0 7px #f6d989;
}

input[type="range"]:focus-visible::-moz-range-thumb {
	box-shadow: 0 0 0 4px #08231f, 0 0 0 7px #f6d989;
}

[inert] {
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-delay: 0s !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-delay: 0s !important;
		transition-duration: 0.01ms !important;
	}
}