/*
 * Design tokens that theme.json cannot express.
 *
 * theme.json is the SSoT for colour, type and spacing — it emits
 * --wp--preset--* for all of them, and duplicating one here is how two
 * answers start disagreeing. This file is for the rest.
 *
 * @font-face is NOT here. Cormorant Garamond and Nunito Sans are self-hosted
 * woff2 (assets/fonts/), faced via theme.json's settings.typography.
 * fontFamilies[].fontFace (WP 6.5+) — one declaration, and core prints the
 * @font-face rules as part of global styles on the front end AND inside the
 * editor iframe, so no hand-written @font-face and no separate editor
 * enqueue are needed. Declaring it again here would fetch every file twice.
 */

:root {
	/* Header height is read by the scroll-margin rule below and by any
	   sticky behaviour the design asks for. One number, one place. */
	--mvr-header-height: 68px;
}

@media ( min-width: 1024px ) {
	:root {
		--mvr-header-height: 92px;
	}
}

/* An in-page anchor must not land under the header. */
:target {
	scroll-margin-top: calc( var( --mvr-header-height ) + 16px );
}