@layer variavbles {
	:root {
		--font-family-head: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
		--font-family-base: Seravek, 'Gill Sans Nova', Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;

		--width-max-content: min(70ch, 100%);

		--color-primary: oklch(0.56 0.22 34.07);
		--color-background: oklch(0.88 0 0);
		--color-background-focus: oklch(0.99 0 0);
		--color-background-aside: oklch(0.84 0 0);
		--color-background-aside-focus: oklch(0.79 0 0);
		--color-base: oklch(0 0 0);
		--color-base-muted: oklch(0.41 0 0);
		--color-contrast-bg: var(--color-base);
		--color-contrast-fg: var(--color-background);
		--color-link: oklch(0.2 0.08 257.24);
		--color-link-visited: oklch(0.19 0.1 303.86);
	}

	@media screen and (prefers-color-scheme: dark) {
		:root {
			--color-background: oklch(0.21 0.01 0);
			--color-base: oklch(0.86 0.01 16.11);
			--color-base-muted: oklch(0.849 0.024 313.11);
			--color-link: oklch(0.63 0.08 17.91);
			--color-link-visited: oklch(0.63 0.08 17.91);
			--color-background-focus: oklch(0.24 0.08 23.38);
			--color-background-aside: oklch(0.15 0.01 17.47);
			--color-background-aside-focus: oklch(0.18 0.04 19.42);
		}
	}
}