:root {
	/* Color — varm kol/svart + mässing/guld + kräm, "boutique event studio" */
	--color-ink: #1e1a16;
	--color-ink-soft: #322b24;
	--color-cream: #faf5ec;
	--color-surface: #ffffff;
	--color-accent: #b4884b;
	--color-accent-light: #d8b778;
	--color-accent-dark: #8f6a38;
	--color-text: #2a241e;
	--color-text-muted: #6b6055;
	--color-text-on-dark: #f3e9d8;
	--color-border: rgba(180, 136, 75, 0.25);

	/* Typografi — redaktionell serif rubrik + ren sans-serif brödtext */
	--font-serif: "Playfair Display", Georgia, serif;
	--font-sans: "Inter", -apple-system, "Segoe UI", sans-serif;
	--fs-h1: clamp(2.25rem, 4vw + 1rem, 3.75rem);
	--fs-h2: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);
	--fs-h3: clamp(1.25rem, 1.5vw + 1rem, 1.75rem);
	--fs-body: 1.0625rem;
	--fs-small: 0.9rem;
	--lh-heading: 1.15;
	--lh-body: 1.65;

	/* Spacing-skala (4px bas, generöst vitrum med flit) */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;
	--space-9: 6rem;
	--space-10: 8rem;

	/* Layout */
	--container-max: 1200px;
	--prose-max: 68ch;
	--radius-sm: 4px;
	--radius-md: 10px;
	--radius-lg: 16px;
	--shadow-card: 0 12px 32px rgba(30, 26, 22, 0.08);
	--shadow-card-hover: 0 20px 48px rgba(30, 26, 22, 0.14);
	--transition-base: 200ms ease;
}