:root {
	color-scheme: light dark;
	--bg: #fff;
	--fg: #1a1a1a;
	--muted: #f2f2f2;
	--link: #0050b3;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg: #141414;
		--fg: #e8e8e8;
		--muted: #242424;
		--link: #6aa8ff;
	}
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--fg);
	font: 1.125rem/1.6 system-ui, sans-serif;
}

main {
	max-width: 40rem;
	margin: 4rem auto;
	padding: 0 1rem;
}

pre {
	overflow-x: auto;
	padding: 1rem;
	background: var(--muted);
	border-radius: 0.5rem;
	font-size: 0.9rem;
}

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