/* Tema del sito: colori, caratteri, spaziature.
   È il perno della grafica. Cambiando questi valori cambia l'aspetto di tutto
   il sito, senza toccare stile.css. */

:root {
  /* Colori. Il verde è quello del logo ufficiale, misurato sul file SVG. */
  --verde: #479e4c;
  --verde-scuro: #2f6b33;      /* per il testo su fondo chiaro e gli stati attivi */
  --verde-tenue: #eef5ee;      /* fondi appena accennati */
  --inchiostro: #1b1d1a;       /* nero leggermente verdato, non puro */
  --grigio: #5a615a;           /* testo secondario */
  --linea: #dcdfda;            /* filetti e bordi */
  --fondo: #ffffff;
  --fondo-tenue: #f6f7f5;      /* fasce alternate, colore intonaco */

  /* Caratteri. Solo famiglie di sistema: il sito non carica font esterni,
     così non dipende da nessun servizio e non fa richieste a terzi.
     Il serif sui titoli è una scelta: un'impresa che restaura edifici storici
     non ha la voce di una startup. */
  --font-titolo: Georgia, "Iowan Old Style", "Times New Roman", Times, serif;
  --font-testo: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Scala tipografica */
  --testo-piccolo: 0.875rem;
  --testo-base: 1.0625rem;
  --testo-medio: 1.1875rem;
  --interlinea: 1.65;

  /* Spaziature */
  --spazio-1: 0.5rem;
  --spazio-2: 1rem;
  --spazio-3: 1.5rem;
  --spazio-4: 2.5rem;
  --spazio-5: 4rem;
  --spazio-6: 6rem;

  /* Misure */
  --larghezza-pagina: 1180px;
  --larghezza-testo: 68ch;
  --raggio: 2px;               /* angoli quasi vivi: è un'impresa edile */
}