/* Design tokens. Every colour, font and size used by the theme starts here. */
:root {
	/* Surfaces */
	--bg: #FBFAF7;
	--bg-tint: #F4F1EA;
	--bg-callout: #F1EEE6;
	--surface: #FFFFFF;

	/* Text */
	--ink: #1A1A1A;
	--text: #22201C;
	--text-2: #3D3A35;
	--text-3: #4A4741;
	--muted: #5A5650;
	--meta: #6B675F;

	/* Lines and inputs */
	--rule: #DDD8CE;
	--rule-light: #E7E2D8;
	--input-border: #BFB8AA;
	--btn-border: #CFC9BD;

	/* Accent. Overridden from the Customizer by an inline :root rule. */
	--accent: #1E3B2F;
	--accent-hover: #162C23;

	/* Footer */
	--footer-bg: #1A1A1A;
	--footer-text: #D9D4CA;
	--footer-link: #FBFAF7;
	--footer-small: #BDB7AC;

	/* Login error */
	--error-bg: #FBEDEB;
	--error-border: #E5B9B3;
	--error-text: #8A2A1E;

	/* Type */
	--font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
	--font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

	/* Layout */
	--container: 1120px;
	--gutter: 24px;
	--radius: 4px;
	--radius-card: 6px;
}