:root {
	--motion-duration-instant: 0ms;
	--motion-duration-xs: 150ms;
	--motion-duration-sm: 180ms;
	--motion-duration-md: 200ms;
	--motion-duration-lg: 240ms;
	--motion-duration-xl: 400ms;
	--motion-ease-standard: ease;
	--motion-ease-entrance: ease-out;
	--motion-ease-exit: ease-in;
	--motion-scale-hover-subtle: 1.015;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--motion-duration-instant: 0ms;
		--motion-duration-xs: 0ms;
		--motion-duration-sm: 0ms;
		--motion-duration-md: 0ms;
		--motion-duration-lg: 0ms;
		--motion-duration-xl: 0ms;
		--motion-scale-hover-subtle: 1;
	}
}

html {
	scroll-behavior: smooth;
}

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