/* UniHouse — the values shared by the whole site: WordPress pages (this theme) and /candidature/ (candidature/stile.css has
   the same :root, checked by tests/tema/uniformi.cjs). Change a value here and there together.
   Colours of the brand, Montserrat for headings and Poppins for text, served from the site (no Google Fonts).
   One content width and one type scale for every page (Marco, 2026-10-18). */

@font-face { font-family: "Poppins"; font-weight: 400; font-style: normal; font-display: swap; src: url(../fonts/poppins-400.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap; src: url(../fonts/poppins-500.woff2) format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap; src: url(../fonts/poppins-600.woff2) format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 700 800; font-style: normal; font-display: swap; src: url(../fonts/montserrat.woff2) format("woff2"); }

:root {
  --verde: #2D6A4F;
  --verde-scuro: #1B3B2D;
  --verde-chiaro: #e7f0eb;
  --oro: #E9C46A;
  --oro-scuro: #8a6a12;   /* gold as text: #E9C46A on white cannot be read */
  --oro-chiaro: #fbf4e1;
  --crema: #F7F5EF;
  --ink: #1d2a24;
  --muto: #5a6660;
  --riga: #e2e0d8;
  --allarme: #9a2c2c;
  --titoli: "Montserrat", system-ui, sans-serif;
  --testo: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --max: 75rem;            /* one content width for every page: 1200 px */
  --pad: 20px;             /* side margin of the content; 40 px from the computer */
  --largo: calc(var(--max) + 2 * var(--pad));   /* max-width of every centred container, with padding-inline: var(--pad) */
  --raggio: 14px;
  --ombra: 0 1px 2px rgba(27, 59, 45, .06), 0 6px 20px rgba(27, 59, 45, .07);
  /* Type scale, ratio 1.25 from 16 px text (libreria/manuale/grafica.md, step 3): the same headings everywhere */
  --t-h1: clamp(2rem, 4.6vw, 2.75rem);
  --t-h2: clamp(1.6rem, 3.4vw, 2.1rem);
  --t-h3: 1.5rem;
  --t-h4: 1.2rem;
  --t-h5: 1rem;
  --t-h6: .8rem;
  --t-lede: 1.125rem;      /* the sentence under a page title, larger text blocks */
  --t-testo: 1rem;         /* running text, form fields and labels, buttons */
  --t-piccolo: .875rem;    /* help under a field, notes, footer: never smaller */
  --t-etichetta: .75rem;   /* only uppercase labels with letter-spacing (eyebrows, badges) */
  /* cd-cookie, cd-mappa and cd-accessibilita take the brand colours */
  --cd-cookie-sfondo: #F7F5EF; --cd-cookie-testo: #1d2a24; --cd-cookie-btn: #2D6A4F; --cd-cookie-btn-hover: #1B3B2D; --cd-cookie-btn-testo: #fff;
  --cd-a11y-scuro: #1B3B2D; --cd-a11y-chiaro: #F7F5EF; --cd-a11y-accento: #2D6A4F; --cd-a11y-raggio: 14px;
  --cd-mappa-sfondo: #e7f0eb; --cd-mappa-testo: #1d2a24; --cd-mappa-btn: #2D6A4F; --cd-mappa-btn-testo: #fff; --cd-mappa-raggio: 14px;
}
@media (min-width: 960px) { :root { --pad: 40px; } }