:root {
	--bg: #f6f1e7;
	--card: #fffdf8;
	--ink: #2b2621;
	--taupe: #7c6a52;
	--terracotta: #7a1f2b;
	--sage: #5c6b4f;
	--line: rgba(43, 38, 33, 0.12);

	--font-display: 'Fraunces', serif;
	--font-body: 'Work Sans', sans-serif;
}

/* Variable fonts: one file per style covers the whole 300-600 (Fraunces)
   / 400-700 (Work Sans) weight range, per Google Fonts' own woff2 delivery. */
@font-face {
	font-family: 'Fraunces';
	src: url('../fonts/fraunces/fraunces-variable-normal.woff2') format('woff2');
	font-weight: 300 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Fraunces';
	src: url('../fonts/fraunces/fraunces-variable-italic.woff2') format('woff2');
	font-weight: 300 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Work Sans';
	src: url('../fonts/work-sans/work-sans-variable.woff2') format('woff2');
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}