:root {
	color-scheme: light;
	--fanmatcher-accent: var(--wp--custom--fanmatcher--accent, #234B3A);
	--fanmatcher-sage: var(--wp--custom--fanmatcher--sage, #E6EEE7);
	--fanmatcher-ivory: var(--wp--custom--fanmatcher--ivory, #F7F4EC);
	--fanmatcher-clay: var(--wp--custom--fanmatcher--clay, #C98770);
	--fanmatcher-wide-width: var(--wp--style--global--wide-size, 88rem);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body,
.wp-site-blocks,
.wp-block-navigation__responsive-container {
	background: #FFFFFF;
	color: #111111;
}

body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

:where(h1, h2, h3, h4, h5, h6, p, li, label, figcaption, small, strong, em, span) {
	color: #111111;
}

:where(a, a:visited) {
	color: #111111;
	text-decoration-color: var(--fanmatcher-accent);
	text-underline-offset: 0.2em;
}

:where(button, input, select, textarea, .wp-element-button, .wp-block-button__link) {
	background: #FFFFFF;
	color: #111111;
	font: inherit;
}

:where(button, input[type="button"], input[type="submit"], .wp-element-button, .wp-block-button__link) {
	min-height: 2.75rem;
	border: 1px solid var(--fanmatcher-accent);
	border-radius: 999px;
	cursor: pointer;
}

:where(input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea) {
	border-radius: .8rem;
}

:where(input, select, textarea) {
	max-width: 100%;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--fanmatcher-accent);
	outline-offset: 3px;
}

:where(hr, .wp-block-separator) {
	border: 0;
	border-top: 1px solid #dce6dc;
	opacity: 1;
}

.site-main {
	padding-block: clamp(2rem, 5vw, 5rem);
	padding-inline: clamp(1rem, 3vw, 2rem);
}

.site-main > :where(.wp-block-query, .wp-block-group, .wp-block-post-content) {
	max-width: min(100%, var(--fanmatcher-wide-width));
	margin-inline: auto;
}

.entry-summary {
	padding-block: var(--wp--preset--spacing--40, 1.5rem);
	border-bottom: 1px solid var(--fanmatcher-accent);
}

@media (max-width: 48rem) {
	.site-main {
		padding-inline: 1rem;
	}
}

@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;
	}
}