/* Valori di design di MiCAudit: unica fonte per colori, font e misure. Regole in DESIGN.md.
   Verde pino e giallo sono scelti per non confondersi con il semaforo del portale. */
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("font/ibm-plex-sans-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("font/ibm-plex-sans-600.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("font/ibm-plex-sans-700.woff2") format("woff2"); }
:root {
  --colore-primario: #0B3B33;
  --colore-primario-scuro: #072822;
  --colore-link: #0B6B57;
  --colore-accento: #F2B233;
  --colore-accento-scuro: #DB9E22;

  --sfondo-pagina: #FFFFFF;
  --sfondo-chiaro: #EEF5F2;
  --sfondo-norma: #FFF6E0;
  --sfondo-scuro: #072822;
  --sfondo-riga-alterna: #F6FAF8;

  --testo: #1B2A26;
  --testo-secondario: #4A5C56;
  --testo-su-scuro: #FFFFFF;
  --testo-secondario-su-scuro: #BFD6CE;
  --testo-su-primario: #FFFFFF;
  --testo-secondario-su-primario: #D6E8E2;
  --testo-su-accento: #1B2A26;

  --bordo: #CBD9D4;
  --bordo-forte: #6B7F78;

  /* Semaforo: testo su fondo tenue, pallino pieno */
  --rosso: #9B1C1C;
  --rosso-fondo: #FDECEC;
  --rosso-pieno: #B3261E;
  --arancio: #8A3B00;
  --arancio-fondo: #FFF1E2;
  --arancio-pieno: #B4500A;
  --giallo: #6B5300;
  --giallo-fondo: #FFF8D6;
  --giallo-pieno: #F5C518;
  --verde: #14613A;
  --verde-fondo: #E5F6EC;
  --verde-pieno: #1B7A47;
  --evidenza: #FFF1B8;

  --font-titoli: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-testo: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --testo-xs: 0.8125rem;
  --testo-sm: 0.9375rem;
  --testo-base: 1.0625rem;
  --testo-lg: 1.25rem;
  --titolo-h4: 1.1875rem;
  --titolo-h3: 1.375rem;
  --titolo-h2: clamp(1.625rem, 1.3rem + 1.2vw, 2.125rem);
  --titolo-h1: clamp(2rem, 1.5rem + 2.2vw, 3rem);
  --interlinea-testo: 1.6;
  --interlinea-titoli: 1.2;
  --peso-normale: 400;
  --peso-medio: 600;
  --peso-forte: 700;

  --contenitore: 1240px;
  --colonna-lettura: 70ch;
  --margine-laterale: clamp(1rem, 4vw, 2rem);

  --spazio-1: 0.25rem;
  --spazio-2: 0.5rem;
  --spazio-3: 0.75rem;
  --spazio-4: 1rem;
  --spazio-5: 1.5rem;
  --spazio-6: 2rem;
  --spazio-7: 3rem;
  --spazio-sezione: clamp(3rem, 2.4rem + 2.4vw, 4.5rem);

  --raggio-sm: 0;
  --raggio: 0;
  --ombra-sm: 0 1px 2px rgba(11, 42, 50, 0.08);
}