/* Font ospitati nel tema (non più da Google Fonts: niente IP dei visitatori a Google). File variabili, sottoinsieme latin. */
@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/lora-latin-variable.woff2') format('woff2');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/raleway-latin-variable.woff2') format('woff2');
}

:root {
	/* Colori — tema chiaro/caldo (rif. logo Paola + alissarumsey.com) */
	--color-bg: #FDF8F3;
	--color-surface: #FFFFFF;
	--color-surface-alt: #F7EDE6;
	--color-border: #EDE0D8;
	--color-border-strong: #E0CFC4;

	--color-text: #2B1512;
	--color-text-muted: #7A6560;

	--color-primary: #8B0E13;
	--color-primary-hover: #6F0B0F;
	--color-on-primary: #FFFFFF;

	--color-accent: #E95D0F;

	--color-destructive: #B93434;

	/* Tipografia */
	--font-heading: 'Lora', serif;
	--font-body: 'Raleway', sans-serif;

	--font-size-xs: 0.875rem;
	--font-size-sm: 1rem;
	--font-size-md: 1.125rem;
	--font-size-lg: 1.5rem;
	--font-size-xl: 2rem;
	--font-size-2xl: 3rem;
	--font-size-3xl: 4rem;

	--line-height-heading: 1.15;
	--line-height-body: 1.6;

	/* Spaziatura (ritmo 8px) */
	--space-1: 0.5rem;
	--space-2: 1rem;
	--space-3: 1.5rem;
	--space-4: 2rem;
	--space-5: 3rem;
	--space-6: 4rem;
	--space-7: 6rem;
	--space-8: 8rem;

	/* Layout */
	--container-max-width: 1200px;
	--radius: 12px;
	--radius-lg: 20px;
	--radius-pill: 999px;
	--transition-fast: 200ms ease-out;
	--ease: cubic-bezier(0.16, 1, 0.3, 1);
}