/* Design tokens — see docs/DESIGN.md */
:root {
	/* Color — core */
	--color-brand-red: #5E1128;
	--color-brand-red-deep: #3F0B1B;
	--color-ink: #2B1B14;
	--color-ink-soft: #5A4A40;
	--color-cream: #F3EAD6;
	--color-paper: #FBF6EA;
	--color-linen: #E0D4B9;
	--color-white: #FFFFFF;

	/* Color — wood */
	--color-wood-dark: #2A1A10;
	--color-wood-mid: #3E2A1C;
	--color-wood-grain: #4A2E1E;

	/* Color — regional accents */
	--color-region-se: #5E1128;
	--color-region-central: #2E5C8A;
	--color-region-north: #8B7E3A;

	/* Color — display / UI roles */
	--color-display-deep: #5E1128;
	--color-eyebrow: #435B9F;

	/* Color — utility */
	--color-border: #E5DCC8;
	--color-border-soft: #EEE6D4;

	/* Type */
	--font-display: "Newsreader", Georgia, serif;
	--font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

	/* Spacing scale (4px base) */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;
	--space-20: 80px;
	--space-24: 96px;

	/* Layout */
	--container-max: 1200px;
	--gutter: 32px;
	--gutter-mobile: 20px;

	/* Header */
	--header-height: 64px;

	/* Motion */
	--ease-out: cubic-bezier(0.2, 0.6, 0.2, 1);
	--dur-fast: 150ms;
	--dur-base: 200ms;

	/* Elevation */
	--shadow-card: 0 2px 8px rgba(43, 27, 20, 0.04);
	--shadow-lifted: 0 8px 24px rgba(43, 27, 20, 0.12);
}