/* Alus. Värve ja mõõte siin ei defineerita - need tulevad theme.json-ist
   CSS-muutujatena (--wp--preset--* ja --wp--custom--*). */

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

a { text-underline-offset: 0.18em; }

:where(button, a, input, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--tegevus);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Puuteala miinimum. Kehtib ka siis, kui visuaal on väiksem. */
:where(button, .tt-nupp, input[type="submit"]) { min-height: var(--wp--custom--puute-min); }

/* Ekraanilugejale, visuaalselt peidetud */
.tt-peidus {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Vahelejätmise link */
.tt-skip {
	position: absolute; left: -9999px; top: 0; z-index: 1000;
	background: var(--wp--preset--color--pind); padding: 12px 18px;
	border-radius: var(--wp--custom--raadius--sm);
}
.tt-skip:focus { left: 12px; top: 12px; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}