:root {
	--bg: #f3f8f8;
	--bg-nav: #ffffff;
	--bg-card: #ffffff;
	--bg-sunken: #e9f2f2;
	--text: #0e1a1b;
	--text-muted: #3d4f51;
	--accent: #115658;
	--on-accent: #ffffff;
	--pill-bg: #dcebeb;
	--pill-text: #233536;
	--danger: #941818;
	--border: #d6e4e4;
	--border-firm: #b4c9c9;
	--shadow: 0 1px 2px rgb(10 20 20 / .06), 0 8px 24px rgb(10 20 20 / .07);
	--scrim: rgb(0 0 0 / .55);
	--cat-am: #ffd8cc;
	--cat-ae: #ffe4bf;
	--cat-tm: #f1eab0;
	--cat-pt: #d6ebc4;
	--cat-md: #c6e9de;
	--cat-nm: #cfe3f7;
	--cat-ng: #ddd6f7;
	--cat-la: #f0d2f0;
	--cat-ac: #f8d0dc;
	--cat-un: #e4e0d8;
	--nav-height: 56px;
	--page-width: 1180px;
	--read-width: 720px;
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-pill: 999px;
	--font-ui: system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-sym: ui-rounded, 'SF Pro Rounded', system-ui, -apple-system, sans-serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
	--text-sm: 0.8125rem;
	--weight-small: 600;
	color-scheme: light;
}

html.dark {
	--bg: #0a1112;
	--bg-nav: #101a1b;
	--bg-card: #142021;
	--bg-sunken: #060b0c;
	--text: #e8f3f3;
	--text-muted: #a0b5b6;
	--accent: #74d0cb;
	--on-accent: #042322;
	--pill-bg: #1f2e2f;
	--pill-text: #bfd2d2;
	--danger: #ff9f9f;
	--border: #233132;
	--border-firm: #36494a;
	--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35);
	--scrim: rgb(0 0 0 / .7);
	--cat-am: #5c2b22;
	--cat-ae: #573817;
	--cat-tm: #4a4214;
	--cat-pt: #2e4721;
	--cat-md: #1b463d;
	--cat-nm: #1e3a59;
	--cat-ng: #383062;
	--cat-la: #4f2857;
	--cat-ac: #57243c;
	--cat-un: #393633;
	--nav-height: 56px;
	--page-width: 1180px;
	--read-width: 720px;
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-pill: 999px;
	--font-ui: system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-sym: ui-rounded, 'SF Pro Rounded', system-ui, -apple-system, sans-serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
	--text-sm: 0.8125rem;
	--weight-small: 600;
	color-scheme: dark;
}