html {
	scroll-behavior: smooth;
	font-size: var(--theme-font-base);
}

body {
	background: var(--wp--preset--color--background);
	background-image:
		radial-gradient(circle at top left, rgba(255, 252, 245, 0.9), transparent 35%),
		radial-gradient(circle at bottom right, rgba(226, 216, 195, 0.35), transparent 30%);
	color: var(--wp--preset--color--foreground);
	font-family: var(--theme-font-body);
	line-height: var(--theme-line-height);
	text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.entry-title,
.wp-block-post-title {
	color: var(--wp--preset--color--foreground);
	font-family: var(--theme-font-heading);
	line-height: 1.15;
	letter-spacing: -0.02em;
}

h1 {
	font-size: var(--theme-h1);
}

h2 {
	font-size: var(--theme-h2);
}

h3 {
	font-size: var(--theme-h3);
}

p,
li,
label,
input,
textarea,
select,
button {
	font-family: var(--theme-font-body);
}

a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: var(--wp--preset--color--chart-2);
}

p {
	color: var(--wp--preset--color--foreground);
}

small,
.muted,
.post-card-meta,
.hero-subtitle,
.section-subtitle {
	color: var(--wp--preset--color--muted-foreground);
}