html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--umk-font-sans);
	font-size: var(--bodyfontsize);
	line-height: var(--bodylineheight);
	color: var(--umk-text-base);
	background:
		radial-gradient(circle at top left, color-mix(in srgb, var(--nv-light-bg) 70%, transparent) 0, transparent 38%),
		linear-gradient(180deg, color-mix(in srgb, var(--nv-site-bg) 94%, var(--nv-light-bg) 6%) 0%, var(--nv-site-bg) 100%);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
.entry-title,
.nv-page-title,
.wp-block-cover h1,
.wp-block-cover h2 {
	font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading,
blockquote {
	color: var(--umk-text-base);
}

h3,
h4,
h5,
h6,
.builder-item--footer-menu {
	font-family: var(--umk-font-sans);
}

p,
li,
dd,
dt,
blockquote {
	max-width: 72ch;
}

.entry-content,
.nv-content-wrap.entry-content {
	max-width: none;
	width: 100%;
}

a {
	color: inherit;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
	transition:
		color 0.22s ease,
		text-decoration-color 0.22s ease,
		opacity 0.22s ease;
}

a:hover,
a:focus-visible {
	color: var(--umk-accent-strong);
}

button,
input,
select,
textarea {
	font: inherit;
}

:focus-visible {
	outline: 3px solid var(--umk-outline);
	outline-offset: 3px;
}

img {
	border-radius: var(--umk-radius-m);
}

.screen-reader-text:focus {
	color: var(--umk-text-base);
	background: var(--umk-accent-soft);
}

.wp-element-button,
.wp-block-button__link,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	border-radius: 999px;
	box-shadow: 0 10px 28px -18px rgba(0, 0, 0, 0.45);
	font-family: var(--umk-font-sans);
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: none;
	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		background-color 0.22s ease,
		color 0.22s ease,
		border-color 0.22s ease;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-element-button:not(.is-style-outline) {
	border: 1px solid var(--umk-blue);
	background: linear-gradient(180deg, var(--umk-blue) 0%, color-mix(in srgb, var(--umk-blue) 82%, var(--umk-blue-dark) 18%) 100%);
	color: #fff;
	border-radius: 10px;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.wp-element-button:not(.is-style-outline):hover,
.wp-element-button:not(.is-style-outline):focus-visible {
	border-color: var(--umk-blue-dark);
	background: linear-gradient(180deg, color-mix(in srgb, var(--umk-blue) 28%, var(--umk-blue-dark) 72%) 0%, var(--umk-blue-dark) 100%);
	color: #fff;
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-element-button.is-style-outline {
	border-color: color-mix(in srgb, var(--umk-blue-dark) 28%, white 72%);
	background: color-mix(in srgb, white 90%, var(--umk-blue) 10%);
	color: var(--umk-blue-dark);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.wp-element-button.is-style-outline:hover,
.wp-element-button.is-style-outline:focus-visible {
	border-color: var(--umk-blue-dark);
	background: var(--umk-blue-dark);
	color: #fff;
}

.wp-element-button:hover,
.wp-element-button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
button:hover,
button:focus-visible,
input[type="button"]:hover,
input[type="button"]:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
input[type="reset"]:hover,
input[type="reset"]:focus-visible {
	transform: translateY(-1px);
	box-shadow: var(--umk-shadow-card);
}

input:not([type="submit"]):not([type="button"]):not([type="reset"]),
textarea,
select {
	border-radius: var(--formfieldborderradius);
}