:root {
	--font-family-head: "TeXGyreHeros", sans-serif;
	--font-family-base: "TeXGyreHeros", sans-serif;

	--color-background: oklch(0.98 0 0);
	--color-base: oklch(0% 0 0);
	--color-border: oklch(0.9 0 0);
	/* dynamic, from color-base */
	--color-base-muted: oklch(from var(--color-base) 70% c h);
	--color-accent: oklch(54.083% 0.15667 255.171);

	--radius-m: 8px;
}

@media screen and (prefers-color-scheme: dark) {
	:root {
		--color-background: oklch(0.22 0.0083 264);
		--color-base: oklch(0.9 0 0);
		--color-border: oklch(0.35 0.0083 264);
	}
}