/* Typography tokens. Titillium Web is the AgID/Designers Italia standard face for
   Italian public-administration sites; the Comune site loads it at weight 300 for body
   copy and 700 for headings. Scale values are Bootstrap Italia 2.16.2 defaults. */
:root{
  --font-sans:"Titillium Web",Geneva,Tahoma,sans-serif;
  --font-mono:"Roboto Mono",monospace;

  --font-weight-light:300;   /* body copy on the Comune site */
  --font-weight-regular:400;
  --font-weight-semibold:600;/* buttons, labels, category eyebrows */
  --font-weight-bold:700;    /* h1/h2 */

  --text-xs:.875rem;   /* 14px — chips, category, small print */
  --text-sm:1rem;      /* 16px — body */
  --text-md:1.125rem;  /* 18px — lead, link-list titles */
  --text-lg:1.25rem;   /* 20px — h5 */
  --text-xl:1.5rem;    /* 24px — h4 */
  --text-2xl:1.75rem;  /* 28px — h3 */
  --text-3xl:2rem;     /* 32px — h2 */
  --text-4xl:2.5rem;   /* 40px — h1 */

  --leading-tight:1.2; /* headings */
  --leading-body:1.5;
  --leading-loose:2;   /* link lists */

  --tracking-eyebrow:.9px; /* uppercase category label */

  --font-body:var(--font-weight-light) var(--text-sm)/var(--leading-body) var(--font-sans);
  --font-h1:var(--font-weight-bold) var(--text-4xl)/var(--leading-tight) var(--font-sans);
  --font-h2:var(--font-weight-bold) var(--text-3xl)/var(--leading-tight) var(--font-sans);
  --font-h3:var(--font-weight-semibold) var(--text-2xl)/var(--leading-tight) var(--font-sans);
  --font-h4:var(--font-weight-semibold) var(--text-xl)/var(--leading-tight) var(--font-sans);
  --font-h5:var(--font-weight-semibold) var(--text-lg)/1.5rem var(--font-sans);
  --font-h6:var(--font-weight-semibold) var(--text-sm)/1.5rem var(--font-sans);
  --font-button:var(--font-weight-semibold) var(--text-sm)/var(--leading-body) var(--font-sans);
}