/*
 * Macchi — Base e design token
 * Life Color — 11/10/2026 — cmd 003
 * Note: valori dalle variabili Figma "Macchi Serafino — Sito Web". I colori e i font globali
 * di Elementor (CMD 004) useranno gli stessi valori: se cambia un token, va cambiato in entrambi.
 */
:root {
	/* Life Color — 21/10/2026 — cmd 028 — teal unico #00b2a9 → #00b5af (il logo SVG resta #00AAA6). */
	--ms-teal: #00b5af;
	/* Life Color — 12/10/2026 — cmd 009 — "Teal testo": parole teal su fondo chiaro.
	   Life Color — 16/10/2026 — cmd 020 — #007c76 → #00b5af su richiesta della persona (contrasto ≈ 2,5:1 su bianco,
	   non AA: scelta consapevole). Gli anelli di focus usano --ms-focus, che resta AA. */
	--ms-teal-text: #00b5af;
	/* Life Color — 16/10/2026 — cmd 020 — anello di focus della tastiera: resta il teal AA (5,1:1 su bianco). */
	--ms-focus: #007c76;
	--ms-nero: #1a171b;
	--ms-grafite: #2e2b30;
	--ms-gray-mid: #6b686c;
	--ms-gray-light: #a8a6a9;
	--ms-surface: #f2f1f2;
	/* Life Color — 12/10/2026 — cmd 011 — grigio dei passi del Metodo (#D9D9D9 nel Figma, non è un token del
	   design system: da confermare con il designer). */
	--ms-gray-soft: #d9d9d9;
	--ms-white: #ffffff;
	--ms-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--ms-radius-full: 9999px;
	--ms-shadow: 8px 16px 13px rgba(0, 0, 0, 0.25);
	/* Life Color — 21/10/2026 — cmd 031 — margine laterale minimo dei testi: 20 px a 290, 27 a 390, 54 a 768, 77 a 1100,
	   96 da 1372 in su. Sopra 1024 + 2 × margine resta la griglia centrata a 1024. */
	--ms-gutter: clamp(1.25rem, 7vw, 6rem);
	/* Life Color — 21/10/2026 — cmd 032 — padding predefinito dei Container interni di Elementor (10 px da 1025 px in su):
	   testo dell'hero e "Scorri in giù" partono alla stessa x del testo delle sezioni. */
	--ms-inner-pad: 0px;
}

@media (min-width: 1025px) {
	:root {
		--ms-inner-pad: 10px;
	}
}

body {
	font-family: var(--ms-font);
	color: var(--ms-nero);
}