:root {
	/* Palette ufficiale ECY/CDI */
	--cdi-cream: #F8F0EA;
	--cdi-cream-2: #FCF6F1;
	--cdi-magenta: #A10672;        /* brand ufficiale ECY */
	--cdi-magenta-2: #7A0050;      /* hover/dark */
	--cdi-magenta-light: #F5E0EE;  /* sfondi badge/hover card */
	--cdi-yellow: #EAED41;         /* accent ECY — sticker, evidenze */
	--cdi-yellow-2: #C7CA1F;       /* hover sul giallo */
	--cdi-blue: #0EBCDC;           /* accent ECY — link, info, podcast */
	--cdi-blue-2: #0892AB;         /* hover sul blu */
	--cdi-charcoal: #2A2030;
	--cdi-text: #3D2D3A;
	--cdi-text-muted: #7A6E78;
	--cdi-success: #1F7A45;
	--cdi-warn: #C2820B;
	--cdi-error: #B91C1C;

	--cdi-serif: "DM Serif Display", Georgia, "Times New Roman", serif;
	--cdi-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--cdi-radius-sm: 8px;
	--cdi-radius-md: 16px;
	--cdi-radius-lg: 24px;

	--cdi-shadow-card: 0 2px 8px rgba(42, 32, 48, 0.06), 0 8px 24px rgba(42, 32, 48, 0.04);
	--cdi-shadow-hover: 0 4px 16px rgba(161, 0, 108, 0.12), 0 12px 32px rgba(161, 0, 108, 0.08);

	--cdi-container: 1180px;
	--cdi-gutter: clamp(16px, 4vw, 32px);
	--cdi-section-y: clamp(48px, 8vw, 96px);
}