/* ==========================================================================
   Design tokens — colors, fonts, spacing, shadows.
   Change a value here and it updates everywhere the theme uses it.
   ========================================================================== */
:root {
	--color-primary: #2f5d50;
	--color-primary-dark: #1e3f36;
	--color-primary-light: #4f7f6f;
	--color-secondary: #d98a3d;
	--color-secondary-dark: #b76f28;
	--color-gold: #c9a24b;
	--color-bg: #faf7f2;
	--color-bg-alt: #f1ebdd;
	--color-surface: #ffffff;
	--color-text: #2b2620;
	--color-text-light: #6b6153;
	--color-border: #e6ddc9;
	--color-success: #2f5d50;
	--color-error: #b3452f;

	/* A small rotation of accent hues for icon badges / multi-item grids
	   that need more variety than primary/secondary/gold alone — kept
	   muted and earthy so they sit comfortably next to the rest of the
	   palette instead of reading as a generic bright SaaS accent set. */
	--accent-sage: #4f7f6f;
	--accent-terracotta: #c9784f;
	--accent-ochre: #b5894a;
	--accent-dusk-blue: #6b7f9e;
	--accent-mauve: #9c6b8a;
	--accent-olive: #7a8f5c;

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

	--container: 1240px;
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 28px;
	--shadow-sm: 0 2px 10px rgba(43, 38, 32, 0.07);
	--shadow-md: 0 10px 30px rgba(43, 38, 32, 0.1);
	--shadow-lg: 0 20px 50px rgba(43, 38, 32, 0.16);
	--header-h: 84px;
	--transition: 220ms ease;
}