:root {
	--red: #f24;
	--red-foreground: #fff;
	--orange: #f82;
	--orange-foreground: #fff;
	--yellow: #ff4;
	--yellow-foreground: #000;
	--green: #0b7;
	--green-foreground: #fff;
	--cyan: #0bb;
	--cyan-foreground: #fff;
	--blue: #48f;
	--blue-foreground: #fff;
	--purple: #a4f;
	--purple-foreground: #fff;
	--magenta: #c7c;
	--magenta-foreground: #fff;
	--pink: #faf;
	--pink-foreground: #000;
	--black: #000;
	--black-foreground: #fff;
	--gray: #888;
	--gray-foreground: #fff;
	--white: #fff;
	--white-foreground: #000;

	--background: #000;
	--foreground: #fff;
	--lowground: #111;
	--midground: #222;
	--highground: #666;

	@media (prefers-color-scheme: light) {
		--background: #fff;
		--foreground: #000;
		--lowground: #e8e8e8;
		--midground: #ddd;
		--highground: #aaa;
	}

	background: var(--background);
	color: var(--foreground);
}

[color-scheme="dark"] {
	--background: #000;
	--foreground: #fff;
	--lowground: #111;
	--midground: #222;
	--highground: #666;
}

[color-scheme="light"] {
	--background: #fff;
	--foreground: #000;
	--lowground: #e8e8e8;
	--midground: #ddd;
	--highground: #aaa;
}