:root {
	color-scheme: light;
	--bg: #f4efe7;
	--surface: #fffdf9;
	--surface-2: #ece5da;
	--surface-3: #e6ded2;
	--text: #171512;
	--muted: #6f675d;
	--soft: #948a7d;
	--border: #d8cec0;
	--gold: #b68a4b;
	--gold-2: #d5b376;
	--gold-dark: #8d6638;
	--black: #090a0a;
	--black-2: #101111;
	--hero-text: #f7f1e7;
	--header-bg: rgba(244, 239, 231, .92);
	--header-border: rgba(23, 21, 18, .10);
	--deep-bg: #e8e0d4;
	--deep-bg-2: #ded4c5;
	--deep-text: #171512;
	--deep-muted: #6f675d;
	--deep-border: #cfc4b5;
	--footer-bg: #171512;
	--footer-text: #f2ede4;
	--footer-muted: #aaa196;
	--shadow: 0 28px 80px rgba(47, 38, 25, .12);
	--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;
	--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--shell: 1280px;
	--shell-wide: 1440px;
	--gutter: clamp(20px, 3vw, 48px);
	--section: clamp(84px, 9vw, 148px);
	--ease: cubic-bezier(.22,.61,.36,1);
}

html[data-theme="dark"] {
	color-scheme: dark;
	--bg: #090a0a;
	--surface: #0f1010;
	--surface-2: #151515;
	--surface-3: #1b1a18;
	--text: #f2ede4;
	--muted: #aaa196;
	--soft: #7c756c;
	--border: #292724;
	--gold: #bd914e;
	--gold-2: #ddbd82;
	--gold-dark: #916a38;
	--header-bg: rgba(9, 10, 10, .92);
	--header-border: rgba(255,255,255,.08);
	--deep-bg: #0a0b0b;
	--deep-bg-2: #111210;
	--deep-text: #f2ede4;
	--deep-muted: #b4ada4;
	--deep-border: #2d2a26;
	--footer-bg: #090a0a;
	--footer-text: #f2ede4;
	--footer-muted: #9e978d;
	--shadow: 0 34px 90px rgba(0, 0, 0, .34);
}