/* Design tokens (direction A, Editorial). */
:root {
	--ink: #111111;
	--paper: #ffffff;
	--soft: #f4f4f4;
	--soft-2: #f1f1f1;
	--line: #e5e5e5;
	--muted: #595959;
	--accent: #d0021b;      /* fills, rules, buttons with white text */
	--accent-ink: #c00219;  /* small red text on white (contrast 5:1) */
	--accent-on-dark: #ff8a98;

	--wrap: 1280px;
	--gutter: 32px;
	--header-h: 68px;

	--font-display: 'Archivo', 'Arial Narrow', Arial, sans-serif;
	--font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
	--font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;

	--stretch-title: 75%;
	--stretch-ui: 80%;
}

@media (max-width: 700px) {
	:root {
		--gutter: 16px;
	}
}