:root {
	--font: Inconsolata, monospace;
	--font-size-base: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
	--width: min(100ch, 100vw - 2rem);

	--background: oklch(1 0 0);
	--text: oklch(0.2697 0 0);
	--meta: oklch(0.4065 0 0);
	--shaded-color: oklch(0.8427 0 0);
	--shaded-color-dark: oklch(0.757 0 0);

	--primary-color: oklch(0.4221 0.1677 272.65);
}

@media (prefers-color-scheme: light) {
	:root {
		--background: oklch(1 0 0);
		--text: oklch(0.2697 0 0);
		--meta: oklch(0.4065 0 0);
		--shaded-color: oklch(0.8427 0 0);
		--shaded-color-dark: oklch(0.757 0 0);
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--background: oklch(0.178 0 0);
		--text: oklch(0.9551 0 0);
		--meta: oklch(0.9450 0 0);
		--shaded-color: oklch(0.447 0 0);
		--shaded-color-dark: oklch(0.3501 0 0);
	}
}

[data-theme*='dark'] {
	--background: oklch(0.178 0 0);
	--text: oklch(0.9551 0 0);
	--meta: oklch(0.9450 0 0);
	--shaded-color: oklch(0.447 0 0);
	--shaded-color-dark: oklch(0.3501 0 0);
}

[data-theme*='light'] {
	--background: oklch(1 0 0);
	--text: oklch(0.2697 0 0);
	--meta: oklch(0.4065 0 0);
	--shaded-color: oklch(0.8427 0 0);
	--shaded-color-dark: oklch(0.757 0 0);
}