:root {
	--wbx-color-navy: var(--wp--preset--color--navy);
	--wbx-color-violet: var(--wp--preset--color--violet);
	--wbx-color-mint: var(--wp--preset--color--mint);
	--wbx-color-mint-soft: var(--wp--preset--color--mint-soft);
	--wbx-color-coral: var(--wp--preset--color--coral);
	--wbx-color-white: var(--wp--preset--color--white);
	--wbx-color-offwhite: var(--wp--preset--color--offwhite);
	--wbx-color-surface: var(--wp--preset--color--surface);
	--wbx-color-ink: var(--wp--preset--color--ink);
	--wbx-color-muted: var(--wp--preset--color--muted);
	--wbx-color-border: var(--wp--preset--color--border);
	--wbx-content-narrow: var(--wp--custom--content--narrow);
	--wbx-content-default: var(--wp--custom--content--default);
	--wbx-content-wide: var(--wp--custom--content--wide);
	--wbx-content-full: var(--wp--custom--content--full);
	--wbx-gutter: var(--wp--custom--gutter);
	--wbx-radius-card: var(--wp--custom--radius--card);
	--wbx-radius-pill: var(--wp--custom--radius--pill);
	--wbx-shadow-soft: var(--wp--custom--shadow--soft);
	color-scheme: light;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
}

img,
svg,
video,
iframe {
	max-width: 100%;
}

img,
video {
	height: auto;
}

a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
	outline: 0.2rem solid var(--wbx-color-coral);
	outline-offset: 0.22rem;
}

.skip-link {
	position: fixed;
	inset-block-start: var(--wp--preset--spacing--sm);
	inset-inline-start: var(--wp--preset--spacing--sm);
	z-index: 1000;
	transform: translateY(-150%);
	padding: 0.75rem 1rem;
	border-radius: var(--wbx-radius-pill);
	background: var(--wbx-color-navy);
	color: var(--wbx-color-white);
}

.skip-link:focus {
	transform: translateY(0);
}

.site-main {
	min-height: 60vh;
}

.wp-site-blocks {
	min-height: 100vh;
}

.wbx-text-narrow {
	max-width: 68ch;
}

.wbx-meta {
	color: var(--wbx-color-muted);
	font-size: var(--wp--preset--font-size--small);
}
