:root {
	/* Paper and ink */
	--colour-background: light-dark(#f6f3ee, #1c1a17);
	--colour-surface: light-dark(#fffdf9, #262320);
	--colour-text: light-dark(#2b2622, #ece6dd);
	--colour-muted: light-dark(#6e655c, #a59c91);
	--colour-border: light-dark(#ddd5ca, #3a3631);
	--colour-accent: light-dark(#8a3b1e, #e0875f);
	--colour-danger: light-dark(#b3261e, #f2b8b5);

	--font-family: system-ui, sans-serif;
	--font-family-heading: ui-serif, Georgia, serif;

	--space-s: 0.5rem;
	--space: 1rem;
	--space-l: 2rem;

	--radius: 0.5rem;
	--content-width: 40rem;
	--button-height: 8rem;
	--button-icon-size: 2rem;
	--button-height-compact: 4rem;
	--button-icon-size-compact: 1.5rem;
}