/*
 * Know Where — the look, assembled from the tokens in style.css.
 *
 * A colour written here rather than read from a token is a colour that escapes
 * the measuring. Every value below comes through var().
 *
 * Sized from the narrow end. Her pane is roughly 379 wide and well over a
 * thousand tall, so this file starts there and widens, rather than starting
 * wide and apologising.
 */

body {
	background: var(--kw-paper);
	color: var(--kw-ink);
}

a {
	color: var(--kw-malachite);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}