:root {
	--bg: #272e33;
	--surface: #2e383c;
	--text: #d3c6aa;
	--muted: #859289;
	--accent: #a7c080;
	--accent-ink: #272e33;
	--hairline: #374145;
	--border: #414b50;

	--font-sans: "Comic Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--font-mono: "Comic Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	--line: 1.55;
	--maxw: 980px;

	--s1: 4px;
	--s2: 8px;
	--s3: 12px;
	--s4: 16px;
	--s5: 24px;
	--s6: 32px;
	--s7: 48px;
	--s8: 72px;

	color-scheme: dark;
}

@media (prefers-color-scheme: light) {
	:root {
		--bg: #fdf6e3;
		--surface: #f4f0d9;
		--text: #5c6a72;
		--muted: #928374;
		--hairline: #e8e0c8;
		--border: #d3c6aa;
		--accent: #83a559;
		--accent-ink: #fdf6e3;
		color-scheme: light;
	}
}

html[data-browser="ladybird"] {
	--bg: #272e33;
	--surface: #2e383c;
	--text: #d3c6aa;
	--muted: #859289;
	--accent: #a7c080;
	--accent-ink: #272e33;
	--hairline: #374145;
	--border: #414b50;
}