/*
 * 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 {
	--ms-teal: #00b2a9;
	/* Life Color — 12/10/2026 — cmd 009 — "Teal testo (AA)": testi piccoli teal su fondo chiaro (5,1:1 su bianco), approvato il 12/10/2026. */
	--ms-teal-text: #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);
}

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