:root {
	color-scheme: light dark;
	--gray-neutral-50: oklch(0.985 0 0);
	--gray-neutral-100: oklch(0.97 0 0);
	--gray-neutral-200: oklch(0.922 0 0);
	--gray-neutral-300: oklch(0.87 0 0);
	--gray-neutral-400: oklch(0.708 0 0);
	--gray-neutral-500: oklch(0.556 0 0);
	--gray-neutral-600: oklch(0.439 0 0);
	--gray-neutral-700: oklch(0.371 0 0);
	--gray-neutral-800: oklch(0.269 0 0);
	--gray-neutral-900: oklch(0.205 0 0);
	--gray-neutral-950: oklch(0.145 0 0);
}

body {
	color: light-dark(var(--gray-neutral-800), var(--gray-neutral-100));
	background-color: light-dark(
		var(--gray-neutral-50),
		var(--gray-neutral-900)
	);
}