:root {
	/* grey */
	--background: oklch(20% .03 210);
	--dkgrey:     oklch(30% .02 210);
	--grey:       oklch(50%   0   0);
	--ltgrey:     oklch(70% .02  70);
	--foreground: oklch(90% .04  70);

	/* color */
	--red:     oklch(65% .19 20);
	--orange:  oklch(74% .17 55);
	--yellow:  oklch(83% .16 85);
	--green:   oklch(77% .14 115);
	--cyan:    oklch(72% .08 180);
	--blue:    oklch(69% .09 250);
	--magenta: oklch(70% .10 315);

	/* pastel */
	--cosmic-latte: oklch(98% .025 90);
	--pink:         oklch(80% .07 340);
	--lilac:        oklch(84% .08 300);
	--cornflower:   oklch(90% .05 265);
}

body {
	font-size: 0.875rem;
	color: var(--foreground);
	background: var(--background);
}
a {
	color: var(--blue);
	text-decoration: none;
}
a:visited {
	color: var(--magenta);
}
a:hover {
	color: var(--cyan);
	text-decoration: underline;
}

pre {
	font-size: 100%;
}

/* TABLE */
th,
td {
	padding: 0 1em;
}
tr:nth-child(2n) {
	background: var(--dkgrey);
}