:root {
	--bg: #f6faf7;
	--bg-nav: #ffffff;
	--bg-card: #ffffff;
	--bg-sunken: #eef5f0;
	--text: #131a16;
	--text-muted: #46514a;
	--accent: #2c5a3e;
	--on-accent: #ffffff;
	--pill-bg: #dfeae3;
	--pill-text: #2f3a34;
	--border: #dbe6df;
	--border-firm: #bdcdc4;
	--shadow: 0 1px 2px rgb(23 22 26 / .06), 0 8px 24px rgb(23 22 26 / .06);
	--scrim: rgb(0 0 0 / .55);
	--nav-height: 56px;
	--grid-gap: 5px;
	--stack-width: 640px;
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-pill: 999px;
	--font-ui: system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-body: system-ui, -apple-system, 'Segoe UI', sans-serif;
	--text-sm: 0.8125rem;
	--weight-small: 600;
}

html.dark {
	--bg: #0e1210;
	--bg-nav: #151b17;
	--bg-card: #19201c;
	--bg-sunken: #080b09;
	--text: #edf4ef;
	--text-muted: #a3b3a9;
	--accent: #83cfa2;
	--on-accent: #08170e;
	--pill-bg: #242d27;
	--pill-text: #bfcdc4;
	--border: #28312c;
	--border-firm: #3b473f;
	--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35);
	--scrim: rgb(0 0 0 / .7);
	--nav-height: 56px;
	--grid-gap: 5px;
	--stack-width: 640px;
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-pill: 999px;
	--font-ui: system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-body: system-ui, -apple-system, 'Segoe UI', sans-serif;
	--text-sm: 0.8125rem;
	--weight-small: 600;
}