/**
 * KF shared frontend safeguards.
 *
 * The actual design system remains in Bricks variables, global classes and
 * Theme Style. Keep this file intentionally small to avoid two competing
 * sources of truth.
 */

html {
	scroll-behavior: smooth;
}

body.kf-site {
	overflow-x: clip;
}

::selection {
	background: var(--kf-red, #c0392b);
	color: var(--kf-white, #fff);
}

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--kf-red, #c0392b);
	outline-offset: 3px;
}

:where([id]) {
	scroll-margin-top: 8rem;
}

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