/* Venue 92 base layer: focus ring, selection, reduced motion, anchor offsets, one page edge.
   Token variables only (raw values: 0, 1px hairlines). Loaded on the front end and in the editor. */

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: var(--wp--custom--border--focus) solid var(--wp--preset--color--focus);
	outline-offset: var(--wp--custom--border--focus-offset);
}

/* Dark and photo grounds use the inverse focus ring. */
:where(.is-style-section-deep, .wp-block-cover, .vn-footer) :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline-color: var(--wp--preset--color--focus-inverse);
}

::selection {
	background: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--contrast);
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	/* one page edge everywhere: TT5's fluid root padding becomes the site gutter, so every section lines up with the header */
	--wp--style--root--padding-left: var(--wp--custom--layout--gutter-mobile);
	--wp--style--root--padding-right: var(--wp--custom--layout--gutter-mobile);
}

@media (min-width: 782px) {
	body {
		--wp--style--root--padding-left: var(--wp--custom--layout--gutter);
		--wp--style--root--padding-right: var(--wp--custom--layout--gutter);
	}
}

/* anchors land below the sticky header */
:target {
	scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--wp--custom--layout--header-height-mobile) + var(--wp--preset--spacing--40));
}

@media (min-width: 1024px) {
	:target {
		scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--wp--custom--layout--header-height) + var(--wp--preset--spacing--40));
	}
}

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

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}