/* Design tokens — colors, type, spacing. Single source of truth. */

:root {
	/* Palette — warm terracotta */
	--ms-accent: #B0542A;
	--ms-accent-soft: #E47A4A;
	--ms-ink: #14110E;
	--ms-ink-2: #3A322A;
	--ms-ink-muted: #8C847A;
	--ms-surface: #FBF7F0;
	--ms-bg: #F5F0E8;
	--ms-page: #F0EEE9;
	--ms-line: #E5DED3;
	--ms-muted: #6B655C;
	--ms-text-on-dark: #FBF7F0;
	--ms-text-on-dark-muted: #BAB2A5;

	/* Type */
	--ms-font-sans: 'Archivo', -apple-system, system-ui, sans-serif;
	--ms-font-serif: 'Instrument Serif', Georgia, serif;
	--ms-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	/* Measure */
	--ms-container: 1400px;
	--ms-pad-x-min: 48px;
	/* Side padding centers content at --ms-container width on wide viewports
	 * and falls back to --ms-pad-x-min on narrower screens. Every section
	 * uses this token, so backgrounds remain full-bleed while content stays
	 * within the 1400px column. */
	--ms-pad-x: max(var(--ms-pad-x-min), calc((100vw - var(--ms-container)) / 2));
}