:root {
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;

	--radius-pill: 999px;
	--radius-panel: 24px;
	--radius-card: 16px;
	--radius-sm: 8px;

	--line-weight: 2.5px;

	/* Il brand è piatto: l'ombra serve solo a UI sollevata */
	--shadow-lift: 0 12px 40px rgba(5, 81, 87, .18);

	--ease-brand: cubic-bezier(.4, 0, .2, 1);
	--duration-fast: 150ms;
	--duration-base: 300ms;

	/* Layout del sito */
	--container: 1240px;
	--gutter: clamp(16px, 4vw, 40px);
	--section-y: clamp(48px, 6vw, 88px);
	--header-h: 70px;
}