/* SyncroFlow V3.1 — Direzione A «Titoli di testa»: token condivisi da tutto il sito.
   Font open source (SIL OFL 1.1) ospitati in /fonts, licenze accanto ai file. */
@font-face{font-family:"SF Display";src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"SF Text";src:url(/fonts/figtree-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}

:root{
  /* Caratteri */
  --sf-font-display:"SF Display","SF Text",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --sf-font-text:"SF Text",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  /* Colore: inchiostro petrolio, carta calda, notte di marchio, nastro del logo */
  --sf-ink:#14323a;
  --sf-ink-soft:#33504f;
  --sf-muted:#566d6d;
  --sf-paper:#f8f3ea;
  --sf-paper-rgb:248 243 234;
  --sf-surface:#fffdf8;
  --sf-line:rgba(20,50,58,.14);
  --sf-line-strong:rgba(20,50,58,.28);
  --sf-action:#16434d;
  --sf-action-hover:#0f5b68;
  --sf-link:#0d6573;
  --sf-night:#081b34;
  --sf-night-rgb:8 22 40;
  --sf-flow-cyan:#16b8e8;
  --sf-flow-blue:#1d6fe0;
  --sf-focus:#1d6fe0;

  /* Scala tipografica (rapporto ~1.25, minimo 13px anche su smartphone) */
  --sf-size-caption:.8125rem;   /* 13 */
  --sf-size-small:.9375rem;     /* 15 */
  --sf-size-body:1.0625rem;     /* 17 */
  --sf-size-lead:1.1875rem;     /* 19 */
  --sf-size-h4:1.375rem;        /* 22 */
  --sf-size-h3:clamp(1.5rem,1.2rem + .9vw,1.875rem);
  --sf-size-h2:clamp(2rem,1.4rem + 2vw,3rem);
  --sf-size-h1:clamp(2.6rem,1.6rem + 3.6vw,4.75rem);
  --sf-size-title:clamp(2.75rem,1.6rem + 3.4vw,4.5rem); /* claim delle tappe */

  /* Spaziatura (base 4px) */
  --sf-space-1:4px;--sf-space-2:8px;--sf-space-3:12px;--sf-space-4:16px;--sf-space-5:24px;--sf-space-6:32px;--sf-space-7:48px;--sf-space-8:64px;

  /* Forme */
  --sf-radius-s:10px;--sf-radius-m:16px;--sf-radius-l:24px;--sf-radius-pill:999px;
  --sf-shadow-lift:0 18px 40px -22px rgba(20,50,58,.45);

  /* Movimento (scala transitions.dev) */
  --sf-dur-stagger:40ms;--sf-dur-micro:80ms;--sf-dur-quick:150ms;--sf-dur-fast:250ms;
  --sf-dur-medium:350ms;--sf-dur-slow:400ms;--sf-dur-very-slow:500ms;
  --sf-ease-out:cubic-bezier(.22,1,.36,1);
  --sf-ease-in:cubic-bezier(.55,0,.75,.2);
  --sf-ease-bounce:cubic-bezier(.34,1.36,.64,1);
}