body {
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: 1rem;
}

h1,
h2,
h3 {
	font-family: var(--font-heading);
	font-weight: 500;
	line-height: 1.15;
}

.site-brand {
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.01em;
}

.site-tagline {
	font-size: 1rem;
	color: var(--color-text-muted);
}

.project-tagline {
	font-size: 1.125rem;
	color: var(--color-text-muted);
	margin-block: var(--space-2) var(--space-4);
}

.project-intro p {
	margin-block-end: var(--space-3);
}

.project-intro h1 {
	font-size: 1.75rem;
	margin-block-end: var(--space-1);
}

.page-content h1 {
	font-size: 1.75rem;
	margin-block-end: var(--space-3);
}

.project-empty {
	color: var(--color-text-muted);
	font-style: italic;
}

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

a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 2px;
}