@import url("font/font.css");
@import url("lettura.css");
/* Openday Scuole: colori, caratteri e misure condivisi da sito, test e materiali.
   Il logo e le regole sono quelli del kit approvato (brand/logo/CLAUDE_IMPLEMENTATION_PROMPT.md); la palette è la
   «verde giovane», più chiara e viva dei verdi forest e salvia del kit, decisa dal fondatore il 27/10/2026 (brand.md).
   Mai blu, cobalto, viola o oro. Niente gradienti, niente ombre pesanti.
   Contrasti misurati (WCAG): verde notte sul fondo 11,9:1 · verde prato sul fondo 5,1:1 · bianco sul verde prato 5,3:1 ·
   verde notte sul lime 9,9:1 · verde notte sulla menta 6,7:1 · testo secondario 6,3:1 · menta sul fondo solo 1,8:1,
   quindi la menta non si usa mai per il testo su fondo chiaro.
   Il sito è sempre chiaro, anche con il telefono in modalità scura (deciso dal fondatore il 27/10/2026): il tema scuro
   resta solo se una pagina lo fa scegliere a mano (data-tema="scuro"). */
:root {
	/* I colori del marchio */
	--notte: #0B3B2E;      /* testi, fasce scure */
	--prato: #0B7A55;      /* pulsanti, link, forma sinistra del simbolo */
	--menta: #3DD598;      /* forma destra del simbolo, decorazioni */
	--lime: #D2F26B;       /* evidenziatore, adesivi */
	--fondo: #F5FBF7;      /* fondo delle pagine */

	/* I ruoli. I nomi di sinistra sono quelli storici, usati da sito.css e dal test di orientamento */
	--carta: var(--fondo);
	--superficie: #FFFFFF;
	--superficie-2: #ECF7F1;
	--quad: #E1EFE7;                   /* la quadrettatura dello sfondo */
	--margine: var(--menta);           /* la riga verticale del margine */
	--inchiostro: var(--notte);        /* testo */
	--inchiostro-2: #3F6457;           /* testo secondario */
	--linea: #CFE6DA;
	--blu: var(--prato);               /* azioni e link (il nome resta per compatibilità: è verde) */
	--blu-scuro: #086648;              /* azioni al passaggio del mouse */
	--blu-tenue: #DDF6EA;
	--su-blu: #FFFFFF;
	--rosso: #B3261E;                  /* solo errori e ritardi */
	--giallo: var(--lime);             /* evidenziatore (il nome resta per compatibilità) */
	--giallo-tenue: #F1FBD3;
	--su-giallo: var(--notte);
	--verde: var(--prato);
	--verde-tenue: #DDF6EA;
	--accento: var(--menta);           /* decorazioni, mai testo su sfondo chiaro */
	--fascia: var(--prato);            /* le fasce verdi, con testo bianco (5,3:1) */
	--fuoco: var(--prato);

	/* Inter, ospitato in brand/font/ (vedi brand.md); i caratteri di sistema solo come ripiego */
	--f-testo: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--f-titoli: var(--f-testo);
	/* Per la facilitazione di lettura: Atkinson Hyperlegible Next, disegnato per chi legge con fatica */
	--f-leggibile: "Atkinson Hyperlegible Next", "Inter", system-ui, sans-serif;

	--t-corpo: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);   /* 17-19 px */
	--t-piccolo: .9375rem;
	--t-medio: clamp(1.3125rem, 1.15rem + .7vw, 1.625rem);
	--t-grande: clamp(1.75rem, 1.35rem + 2vw, 2.5rem);
	--t-enorme: clamp(2.25rem, 1.5rem + 3.6vw, 4rem);
	--interlinea: 1.6;
	--misura: 64ch;
	--raggio: 16px;
	--margine-pagina: clamp(16px, 4vw, 40px);
	color-scheme: light;
}
:root[data-tema="scuro"] {
	--carta: #072A21; --superficie: #0D3A2E; --superficie-2: #114537; --quad: rgba(61, 213, 152, .06);
	--margine: rgba(61, 213, 152, .35); --inchiostro: var(--fondo); --inchiostro-2: #BFD9CD; --linea: #1E5544;
	--blu: var(--menta); --blu-scuro: #7BE5B8; --blu-tenue: #12493A; --su-blu: #072A21;
	--rosso: #FF9A8F; --giallo: var(--lime); --giallo-tenue: #2C3A14; --su-giallo: var(--notte);
	--verde: var(--menta); --verde-tenue: #12402F; --accento: var(--menta); --fascia: #0D3A2E; --fuoco: var(--menta);
	color-scheme: dark;
}