:root {
	--bg: #f6eedd;
	--bg-nav: #fffaf0;
	--bg-card: #fffcf5;
	--bg-sunken: #eee2c9;
	--text: #1c130b;
	--text-muted: #45341f;
	--accent: #7a2210;
	--danger: #8a1014;
	--hot: #e9a23b;
	--on-hot: #1c1003;
	--hot-soft: #f7e0ae;
	--spark: #a3221b;
	--on-spark: #ffffff;
	--focus: #7a2210;
	--hp-healthy: #2e7a34;
	--hp-wounded: #6c7a12;
	--hp-bloodied: #b25a00;
	--hp-critical: #c02129;
	--hp-down: #6a3a9e;
	--tag-0: #f9d6c8;
	--tag-1: #f8e3a6;
	--tag-2: #d9eebf;
	--tag-3: #c8ebe1;
	--tag-4: #d6e0f7;
	--tag-5: #e5d9f5;
	--tag-6: #f9dcbb;
	--tag-7: #ebeeb4;
	--tag-8: #cbecd3;
	--tag-9: #d0e4f3;
	--tag-10: #dcd9f5;
	--tag-11: #f6d4e0;
	--border: #e3d3b2;
	--border-firm: #c9ae80;
	--shadow: 0 1px 2px rgb(60 35 0 / .07), 0 8px 24px rgb(60 35 0 / .09);
	--shadow-lg: 0 12px 48px rgb(40 22 0 / .24);
	--scrim: rgb(20 12 4 / .5);
	--nav-height: 60px;
	--content-width: 1180px;
	--page-width: calc(var(--content-width) + 2rem);
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 18px;
	--radius-pill: 999px;
	--font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--text-sm: 0.8125rem;
	--weight-small: 600;
	color-scheme: light;
}

html.dark {
	--bg: #121015;
	--bg-nav: #17141b;
	--bg-card: #1d1922;
	--bg-sunken: #25202b;
	--text: #f6eee0;
	--text-muted: #d4c6ae;
	--accent: #f4ba6b;
	--danger: #ff9e9a;
	--hot: #efa63f;
	--on-hot: #1a0e02;
	--hot-soft: #3b2a12;
	--spark: #e5544b;
	--on-spark: #160303;
	--focus: #efa63f;
	--hp-healthy: #5cc46a;
	--hp-wounded: #b9c446;
	--hp-bloodied: #f0a030;
	--hp-critical: #ff5f5b;
	--hp-down: #b590ff;
	--tag-0: #4a2418;
	--tag-1: #443411;
	--tag-2: #263e1a;
	--tag-3: #123c36;
	--tag-4: #1d2f54;
	--tag-5: #332455;
	--tag-6: #4a2f11;
	--tag-7: #383d13;
	--tag-8: #173d27;
	--tag-9: #13384a;
	--tag-10: #29295a;
	--tag-11: #4a1f35;
	--border: #332c38;
	--border-firm: #4d4356;
	--shadow: 0 1px 2px rgb(0 0 0 / .32), 0 8px 24px rgb(0 0 0 / .32);
	--shadow-lg: 0 12px 48px rgb(0 0 0 / .58);
	--scrim: rgb(0 0 0 / .62);
	--nav-height: 60px;
	--content-width: 1180px;
	--page-width: calc(var(--content-width) + 2rem);
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 18px;
	--radius-pill: 999px;
	--font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--text-sm: 0.8125rem;
	--weight-small: 600;
	color-scheme: dark;
}