/*
 * Design tokens — Editorial Heritage palette (navy ink + emerald on warm paper).
 * Mirrors the original React build's Tailwind theme 1:1.
 */
:root {
	--font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
	--font-sans: 'Inter', system-ui, -apple-system, sans-serif;
	--font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

	--navy-50: #eef3f9;
	--navy-100: #d6e2f0;
	--navy-200: #a9c1dd;
	--navy-400: #3f6796;
	--navy-600: #17406e;
	--navy-700: #113254;
	--navy-900: #0a1e36;
	--ink: #0c2340;

	--emerald-100: #d3f2e4;
	--emerald-300: #6fd3ac;
	--emerald-500: #128762;
	--galas: #0e7c5a;
	--galas-bright: #5fd9b0;

	--paper: #fbfaf6;
	--paper-2: #f3f1e9;
	--rule: #ded8ca;
	--muted-foreground: #55617a;
	--destructive: #b3261e;

	--max-width: 72rem;
	--pad-x: 1.25rem;
	--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 40rem) {
	:root { --pad-x: 2rem; }
}
@media (min-width: 64rem) {
	:root { --pad-x: 3rem; }
}