across-space-and-time.css

:root {
	color-scheme: light dark;
	--text-normal: black;
	--accent-normal: hsl(150, 78%, 37%);
	--background-normal: white;
	--background-hl-normal: hsl(0, 0%, 95%);
	--background-hl-normal-transparent: hsla(0, 0%, 0%, 0.05);
	--background-hl-deep: hsl(0, 0%, 85%);
	--border-normal: hsl(0, 0%, 85%);
}

@media (prefers-color-scheme: dark) {
	:root {
		--text-normal: white;
		--background-normal: black;
		--background-hl-normal: hsl(0, 0%, 25%);
		--background-hl-normal-transparent: hsla(0, 0%, 100%, 0.05);
		--background-hl-deep: hsl(0, 0%, 15%);
		--border-normal: hsl(0, 0%, 15%);
	}
}

body, input, textarea {
	font-family: ui-monospace, monospace;
	color: var(--text-normal);
	background-color: var(--background-normal);
}

a {
	color: var(--accent-normal);
}