:root {
	--color-ivory: #fff8ee;
	--color-cream: #f5e8d6;
	--color-beige: #e8c79d;
	--color-caramel: #c9975b;
	--color-gold: #d8a85b;
	--color-coffee: #3b2416;
	--color-espresso: #21130c;
	--color-burgundy: #6b1111;
	--color-burgundy-hover: #7d1717;
	--color-muted-red: #9e241c;
	--color-text: #1e130d;
	--color-text-muted: #6f5a4a;
	--color-white: #ffffff;
	--color-border: #e6d3b8;
	--color-border-soft: rgba(59, 36, 22, 0.08);
	--color-input-border: #dcc6a8;
	--color-success: #2e7d32;
	--color-error: #b42318;

	--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
	--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--container-xl: 1440px;
	--container-default: 1320px;
	--container-laptop: 1200px;
	--content-width: 1180px;
	--reading-width: 760px;
	--form-width: 640px;
	--cta-width: 980px;
	--container-padding-desktop: 32px;
	--container-padding-tablet: 24px;
	--container-padding-mobile: 20px;

	--section-space-desktop: 80px;
	--section-space-tablet: 64px;
	--section-space-mobile: 48px;

	--radius-small: 12px;
	--radius-medium: 18px;
	--radius-large: 24px;
	--radius-xl: 32px;
	--radius-pill: 999px;

	--shadow-level-1: 0 8px 24px rgba(33, 19, 12, 0.06);
	--shadow-level-2: 0 16px 36px rgba(33, 19, 12, 0.08);
	--shadow-level-3: 0 28px 70px rgba(33, 19, 12, 0.12);

	--transition-fast: 200ms ease;
	--transition-standard: 280ms ease;
	--transition-slow: 400ms ease;

	--z-background: 0;
	--z-content: 10;
	--z-header: 100;
	--z-dropdown: 200;
	--z-drawer: 300;
	--z-modal: 400;
	--z-loader: 500;
	--z-toast: 600;
}