:root {
	--ink: #1c1b19;
	--ivory: #f6f5f2;
	--white: #ffffff;
	--gold: #b39159;
	--gold-dark: #9b7c3c;
	--hair: #d8d5cf;
	--hair-light: #ece9e3;
	--muted: #8a8478;
	--faint: #b3ada1;
	--ok: #3f7d4e;
	--err: #a32d2d;
	/* Slightly lighter than --ink; used for a single form label where the
     * literal #55514a is visibly softer than --ink (#1c1b19) in context. */
	--ink-soft: #55514a;
	--scrim: rgba(28, 27, 25, 0.55);
	/* spacing scale (px values observed in the swept inline styles) */
	--space-1: 4px;
	--space-2: 6px;
	--space-3: 8px;
	--space-4: 9px;
	--space-5: 10px;
	--space-6: 11px;
	--space-7: 12px;
	--space-8: 14px;
	--space-9: 16px;
	--space-10: 18px;
	--space-11: 22px;
	--space-12: 24px;
	--space-13: 28px;
	--space-14: 34px;
	--space-15: 36px;
	/* font-size scale */
	--fs-1: 9.5px;
	--fs-2: 10.5px;
	--fs-3: 11px;
	--fs-4: 12px;
	--fs-5: 12.5px;
	--fs-6: 13px;
	--fs-7: 20px;
	/* letter-spacing */
	--ls-1: 1px;
	--ls-2: 1.5px;
	--ls-3: 2px;
	/* fixed sizes */
	--size-modal: 380px;
	--serif: 'Playfair Display', Didot, Georgia, serif;
	--sans: 'Jost', 'Futura', -apple-system, sans-serif;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body {
	font-family: var(--sans);
	background: var(--ivory);
	color: var(--ink);
	display: flex;
	min-height: 100vh;
}