/* Emerald — tipografia. Tre caratteri, ruoli distinti. */
:root{
  --font-outline:'Messapia',serif;          /* SOLO parole giganti a contorno */
  --font-tech:'Syne',system-ui,sans-serif;  /* etichette, menu, numeri, nomi unit */
  --font-text:'Work Sans',system-ui,sans-serif; /* titoli e testi */

  /* Display a contorno (Messapia) */
  --type-outline-xl:clamp(64px,13vw,168px);  /* parola hero */
  --type-outline-l:clamp(64px,10vw,150px);   /* "about us" */
  --type-outline-m:clamp(56px,8vw,112px);    /* aperture pagine interne */
  --outline-stroke:1px; /* @kind font */
  --outline-stroke-l:1.4px; /* @kind font */

  /* Syne grandi */
  --type-unit:clamp(34px,6vw,74px);          /* nomi unit, 500, +0.5px */
  --type-stat:clamp(44px,6vw,72px);          /* contatori, 600 */
  --type-payoff:clamp(15px,1.9vw,24px);      /* "we sharpen your ideas into", 500, +3px */

  /* Work Sans titoli */
  --type-h1:clamp(36px,5.6vw,72px);          /* 500, lh 1.02, -1px */
  --type-h2:clamp(32px,4.4vw,58px);          /* 500, lh 1.05, -0.5px */
  --type-claim:clamp(28px,3.4vw,46px);       /* 300, lh 1.32, -0.5px */
  --type-h3:clamp(24px,3vw,40px);            /* 300, lh 1.3 — riga CTA */
  --type-h4:clamp(24px,2.6vw,34px);          /* 500 — titolo progetto */
  --type-h5:20px;                            /* Syne 600 — titolo valore */

  /* Work Sans testi */
  --type-body-xl:19px;  /* lh 1.7 */
  --type-body-l:17px;   /* lh 1.7 */
  --type-body:16px;     /* lh 1.7 */
  --type-body-s:15px;   /* lh 1.6–1.7 */
  --type-body-xs:14px;  /* lh 1.75 */
  --type-caption:12px;  /* lh 1.5 */

  /* Syne etichette (MAIUSCOLO) */
  --type-eyebrow:13px;     --track-eyebrow:2.5px; /* @kind font */   /* 600, smeraldo */
  --type-nav:12px;         --track-nav:1.6px; /* @kind font */       /* 500 menu / 600 pulsanti */
  --type-label:11px;       --track-label:1.8px; /* @kind font */     /* 600 campi modulo */
  --type-index:15px;       --track-index:1px; /* @kind font */       /* "001", 600, smeraldo */
  --type-tag:13px;         --track-tag:1px; /* @kind font */         /* servizi elenco */
  --type-marquee:15px;     --track-marquee:2px; /* @kind font */     /* fascia servizi, 500 */
  --type-meta:13px;        --track-meta:1.5px; /* @kind font */      /* contatore 01 / 10, etichette stat */
  --type-footer-head:12px; --track-footer-head:1.8px; /* @kind font */

  --lh-tight:1; /* @kind font */
  --lh-display:0.92; /* @kind font */
  --lh-heading:1.05; /* @kind font */
  --lh-claim:1.32; /* @kind font */
  --lh-body:1.7; /* @kind font */
  --lh-relaxed:1.9; /* @kind font */

  --track-display:-1px; /* @kind font */
  --track-heading:-0.5px; /* @kind font */

  /* Plus accordion */
  --type-plus:34px; --weight-plus:200; /* @kind font */
}