:root {
	--bg-color: #fdf6e3;
	--comment-color: #93a1a1;
	--alert-level2-color: #ca9219;
	--alert-level2-bg-color: #451e1a;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg-color: #232629;
		--comment-color: #7a7c7d;
		--alert-level2-color: #ca9219;
		--alert-level2-bg-color: #451e1a;
	}
}

* {
	padding: 0;
	margin: 0;
}

body {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font: 3rem monospace;
	color: var(--comment-color);
	background-color: var(--bg-color);
}

.todo {
	color: var(--alert-level2-color);
	font-style: bold;
	background-color: var(--alert-level2-bg-color);
}