/*
 * Design tokens for mariemann.com. Source of truth for colour, type,
 * spacing and motion. theme.json mirrors these for the editor.
 * Rule: add a token here before using a value anywhere else.
 *
 * Placeholder palette until art direction is set: warm paper, near-black
 * ink, one oxblood accent. Change the values, not the names.
 */
:root {
	/* Surfaces */
	--paper: #f6f1e8;
	--paper-2: #ede6d9;
	--line: #d9d0c0;

	/* Text */
	--ink: #1b1a17;
	--ink-2: #4a463f;
	--muted: #7d766b;

	/* Accent */
	--accent: #8a2f1f;
	--accent-wash: #f1e1dc;

	/* Sky (homepage) */
	--sky: #2d7bae;
	--sky-2: #5aa0cc;
	--acid: #d9f22b;
	--navy: #1e3a4a;
	--frame-inset: 14px;

	/* Type */
	--font-display: "Newsreader", Georgia, "Times New Roman", serif;
	--font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;
	--font-mono: "DM Mono", ui-monospace, SFMono-Regular, monospace;

	--text-xs: 12px;
	--text-sm: 14px;
	--text-md: 17px;
	--text-lg: 22px;
	--text-xl: 32px;
	--text-2xl: 48px;

	--leading-tight: 1.15;
	--leading-body: 1.6;

	/* Space */
	--gap-xs: 4px;
	--gap-sm: 8px;
	--gap-md: 12px;
	--gap-lg: 16px;
	--gap-xl: 24px;
	--gap-2xl: 40px;
	--gap-3xl: 64px;
	--section: 96px;

	/* Layout */
	--measure: 680px;
	--wide: 1200px;
	--gutter: 20px;

	/* Shape + motion */
	--radius: 2px;
	--dur: 240ms;
	--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--dur: 0ms;
	}
}