:root {
	--color-forest: #1f3d2a;
	--color-vine: #3d6b45;
	--color-mist: #e4ebe3;
	--color-earth: #8a7355;
	--color-grape: #6b3a4a;
	--color-ink: #1a1c1a;
	--color-paper: #f3f6f2;
	--color-white: #ffffff;

	/* Pastelli vivi (sezioni / pills), piatti, no gradient */
	--pastel-mint: #c8e6c0;
	--pastel-lilac: #d9d0f0;
	--pastel-lemon: #f5e89a;
	--pastel-sky: #b8d9f0;
	--pastel-blush: #f0c4c8;

	--radius-l: 1.25rem;
	--radius-xl: 2rem;
	--radius-pill: 999px;

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;

	--font-sans: "Source Sans 3", "Segoe UI", sans-serif;
	--font-display: "Merriweather", Georgia, serif;

	--header-h: 4.5rem;
	--content-max: 72rem;

	--transition-duration: 300ms;
	--transition-easing: ease;
}

.pg-section--mint {
	background-color: var(--pastel-mint);
}

.pg-section--lilac {
	background-color: var(--pastel-lilac);
}

.pg-section--mist {
	background-color: var(--color-mist);
}

.pg-pill--mint {
	background-color: var(--pastel-mint);
}

.pg-pill--lilac {
	background-color: var(--pastel-lilac);
}

.pg-pill--lemon {
	background-color: var(--pastel-lemon);
}

.pg-pill--sky {
	background-color: var(--pastel-sky);
}

.pg-pill--blush {
	background-color: var(--pastel-blush);
}