:root {
	--bg: #f5f3ec;
	--bg-nav: #f5f3ec;
	--bg-card: #fdfcf8;
	--bg-sunken: #eae7dd;
	--text: #1b1b1a;
	--text-muted: #42413c;
	--accent: #1b4a70;
	--on-accent: #ffffff;
	--danger: #7a2414;
	--on-danger: #ffffff;
	--border: #d3cfc2;
	--border-firm: #8a867a;
	--tape: rgb(214 196 150 / .55);
	--shadow: 0 1px 1px rgb(40 32 20 / .10), 0 4px 8px -2px rgb(40 32 20 / .14), 0 16px 28px -10px rgb(40 32 20 / .28);
	--shadow-sm: 0 1px 1px rgb(40 32 20 / .10), 0 3px 6px -2px rgb(40 32 20 / .16);
	--font-head: "Newsreader", Georgia, serif;
	--font-ui: "Work Sans", system-ui, sans-serif;
	--text-sm: 0.875rem;
	--content-width: 1080px;
	--radius: 2px;
	color-scheme: light;
}

html.dark {
	--bg: #1c1d1f;
	--bg-nav: #1c1d1f;
	--bg-card: #26272a;
	--bg-sunken: #141516;
	--text: #ecebe6;
	--text-muted: #bfbdb6;
	--accent: #a4cbea;
	--on-accent: #0c1823;
	--danger: #ffb8a8;
	--on-danger: #2a0b05;
	--border: #36383c;
	--border-firm: #62656b;
	--tape: rgb(214 196 150 / .22);
	--shadow: 0 1px 1px rgb(0 0 0 / .40), 0 4px 10px -2px rgb(0 0 0 / .45), 0 18px 32px -10px rgb(0 0 0 / .60);
	--shadow-sm: 0 1px 1px rgb(0 0 0 / .40), 0 3px 8px -2px rgb(0 0 0 / .45);
	--font-head: "Newsreader", Georgia, serif;
	--font-ui: "Work Sans", system-ui, sans-serif;
	--text-sm: 0.875rem;
	--content-width: 1080px;
	--radius: 2px;
	color-scheme: dark;
}