:root {
	--h1-color: #003366;
	--header-color: #003366;

	--code-color: #000000;
	--code-bg-color: #cccccc;

	--link-color: #0000cc;
}

@media (prefers-color-scheme: dark) {
	:root {
		--h1-color: #ffff00;
		--header-color: #33ff33;

		--code-color: #ffffff;
		--code-bg-color: #333333;

		--link-color: #33ffff;
	}

	body {
		color: #ffffff;
		background-color: #000000;
	}
}

h1 {
	color: var(--h1-color);
}
h2, h3 {
	color: var(--header-color);
}

pre {
	margin-left: 2.5em;
	margin-right: 5%;
	color: var(--code-color);
	background-color: var(--code-bg-color);
}

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