:root {
	color-scheme: light dark;
	--ink: #1d2433;
	--paper: #fdf8ef;
	--accent: #2f7d5b;
}

@media (prefers-color-scheme: dark) {
	:root {
		--ink: #eef1f6;
		--paper: #161b24;
		--accent: #6fcf9f;
	}
}

body {
	margin: 0;
	min-height: 100vh;
	display: grid;
	place-items: center;
	background: var(--paper);
	color: var(--ink);
	font: 1.125rem/1.6 system-ui, sans-serif;
}

main {
	max-width: 34rem;
	padding: 2rem 1rem;
	text-align: center;
}

h1 {
	margin: 0 0 0.5rem;
	color: var(--accent);
	font-size: 2.5rem;
}