/*
 * Alleen wat theme.json niet kan uitdrukken.
 * Kijk altijd eerst of het via theme.json kan - dat werkt ook in de editor.
 */

/* Zachter scrollen naar anker-links vanuit de hero. */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* Focus altijd duidelijk zichtbaar houden, ook op donkere secties. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}