/*
 * ACSI — Variabili di brand
 * Un solo posto da toccare per cambiare colori o font su tutto il sito.
 * Verde e arancione sono la stessa tonalità esatta del logo, scuriti quanto
 * basta per passare il contrasto AA (verificato: 7,3:1 e 5,45:1 su sfondo).
 *
 * REGOLA D'USO — da rispettare in ogni template che usa queste variabili:
 * --colore-primario-chiaro e --colore-grigio vanno bene per blocchi grandi,
 * icone, bordi, hover. MAI come colore di testo piccolo (paragrafi, didascalie):
 * il contrasto scende sotto la soglia AA (rispettivamente 3,83:1 e 4,23:1
 * su sfondo crema, contro i 4,5:1 richiesti per testo normale).
 */

/*
 * Reset globale: senza questo, ogni elemento con padding + max-width/width
 * dichiarati rischia di rendere PIÙ LARGO di quanto scritto (il padding si
 * aggiunge invece di starci dentro). Bug trovato e corretto in questo
 * progetto su header, footer, hero e box-contatti — messo qui una volta
 * per tutte invece che ripetuto componente per componente.
 */
*, *::before, *::after {
	box-sizing: border-box;
}

body {
	background: var(--colore-sfondo-alt);
	margin: 0;
}

:root {

	/* Colori */
	--colore-primario: #345A2A;
	--colore-primario-chiaro: #A0C896;
	--colore-accento: #9D4E15;
	--colore-sfondo: #F7F5F0;
	--colore-grigio: #757575;
	--colore-testo: #1C1C1A;

	/* Varianti derivate, per stati hover/focus — stesse tonalità, non nuovi colori */
	--colore-primario-hover: #2A4821;
	--colore-accento-hover: #7E3F11;
	--colore-sfondo-alt: #EDEAE2;

	/* Font */
	--font-titoli: 'Manrope', sans-serif;
	--font-testo: 'Public Sans', sans-serif;

	/* Base layout condivisa (facoltativo, comodo per coerenza negli altri template) */
	--raggio-bordo: 8px;
	--raggio-bordo-card: 12px;
}