/* The dark stylesheet is the only place we set custom colors besides
 * border colors for inline text. Make sure the perceptual contrast
 * stays within the ideal APCA ranges, not lower and preferably not
 * higher either. */
@media (prefers-color-scheme: dark) {
	html {
		/* Pure white on black causes halation.
		 * "background" is short for a bunch of unnecessary CSS rules
		 * background-color is all I need */
		background-color: #111;
		/* Dimming the default text color is not the same as reducing screen
		 * brightness, since other colors in this stylesheet have brighter
		 * red and blue channels than the default text. */
		color: #e9e9e9;
	}

	/* Small text needs higher contrast */
	sup {
		background-color: #000;
	}

	/* Only color <a> if it's a link; if href is empty, let it be. */
	a:link {
		color: #f1e7b2;
	}

	a:active {
		color: #b93;
	}

	a:visited {
		color: #fdf;
	}

	/* Small text needs higher contrast */
	sup a:visited {
		color: #ffe3ff;
	}

	/* stylelint-disable -- hasn't heard of "prefers-contrast" yet */
	@media (prefers-contrast: less) {
	/* stylelint-enable */
		html {
			background-color: #333;
		}
	}
}