:root {
	color-scheme: light dark;


	--color-background: #fff;
	--color-background-head: #222;
	--color-background-foot: #222;
	--color-heading: #000;
	--color-text: #222;
	--color-link: #8A6818;

	/*
	--link-light: #087F8C;
  --link-dark: #5BC0BE;
	*/
	--width-max: 1248px;

	--font-head: "Jost", sans-serif;
	--font-menu: "Jost", sans-serif;
	/*--font-body: "Cormorant Garamond", serif;*/
	--font-body: "Atkinson Hyperlegible Next", Arial, sans-serif;
}

:root[data-theme="dark"] {
	--color-background: #222;
	--color-background-head: #000;
	--color-background-foot: #000;
	--color-heading: #fff;
	--color-text: #eee;
	--color-link: #D8B24A;
	--logo-text-filter: brightness(0) invert(1);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme]) {
		--color-background: #222;
		--color-background-head: #000;
		--color-background-foot: #000;
		--color-heading: #fff;
		--color-text: #eee;
		--color-link: #D8B24A;
		--logo-text-filter: brightness(0) invert(1);
	}
}