:root {
	--font-serif: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
	--font-sans: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
	--font-headline: var(--font-sans);
	--font-copy: var(--font-serif);
	--link: #0964EF;
	--link-hover: #3A84F2;
	--link-visited: #7533C8;
	--text-ghosted: #BFC0C1;
}

@media (prefers-color-scheme: dark) {
	:root {
		--link: #60A5FF;
		--link-hover: #82B8FF;
		--link-visited: #B794F4;
		--text-ghosted: #666768;
	}
}

body > header {
	padding-top: 2rem;
	padding-bottom: 1rem;
}

ul {
	list-style: disc;
}

li, dt {
	margin: 0  0 1rem 0;
}

figcaption {
	border-bottom: 0;
	text-align: left;
}

header p,
header h1 {
	margin: 0.5rem 0 0 0;
}

header p {
	font-size: 1rem;
}

body {
	font-weight: normal;
	font-family: var(--font-copy);
}

h1, h2, h3, h4, h5 {
	font-family: var(--font-headline);
}

figcaption {
	font-family: var(--font-sans);
}

a {
	color: var(--link);
}
a:hover {
	color: var(--link-hover);
}
a:visited {
	color: var(--link-visited);
}

footer > p {
	color: var(--text-ghosted);
}