@use "env" as *;

body {
	--transition: var(--transition-duration, 0.3s)
		var(--transition-function, ease-in-out);
	--transition-property:
		color, background-color, border-color, opacity, box-shadow;

	min-width: 320px;
	margin: 0;
	font-feature-settings:
		"tnum" on,
		"lnum" on;
	text-rendering: optimizeLegibility;
	-webkit-tap-highlight-color: transparent;

	@include no-motion {
		--transition: none;
	}
}

a {
	text-decoration-skip-ink: none;
	color: inherit;
	transition: var(--transition);
	transition-property: var(--transition-property);
}

img {
	max-width: 100%;
	height: auto;
}