/* ==========================================================================
   TOKENS — font, colori, misure del design system Synapse
   Le variabili --content-*, --section-*, --row-*, --module-* sono quelle
   native di Divi 5: impostarle qui cambia il layout di tutto il sito.
   ========================================================================== */

@font-face{font-family:'Exo 2';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/exo2-400.woff2) format('woff2');}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/exo2-600.woff2) format('woff2');}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/exo2-700.woff2) format('woff2');}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/exo2-800.woff2) format('woff2');}

:root{
  /* Colori */
  --sy-nero:#161616;            /* nero degli asset stampa */
  --sy-nero-scuro:#101214;
  --sy-card-dark:#1d2127;
  --sy-bordo-dark:rgba(255,255,255,.07);
  --sy-blu:#2f9df4;
  --sy-blu-scuro:#0b62b8;
  --sy-blu-testo:#0d6fd1;
  --sy-bianco:#ffffff;
  --sy-alt:#f5f8fb;
  --sy-card-light:#ffffff;
  --sy-bordo-light:#e4ebf2;
  --sy-titolo:#101820;
  --sy-grigio:#2b3440;
  --sy-grigio-chiaro:#5c6a7a;
  --sy-muted-dark:#9aa8b6;
  --sy-linea:#e4ebf2;
  --sy-whatsapp:#25D366;

  /* Forme */
  --sy-r:14px;
  --sy-r-btn:8px;
  --sy-ombra-card:0 18px 44px rgba(25,63,101,.12);

  /* Immagini */
  --sy-bg-network:url(../img/bg-network.jpg);
  --sy-grad-chiaro:radial-gradient(circle at 80% 12%, rgba(77,195,255,.20), transparent 32%),linear-gradient(180deg,#f8fbff 0%,#eef4fa 100%);

  /* Font */
  --sy-font:'Exo 2',sans-serif;
}

/* Variabili native di Divi 5. "html:root" batte il ":root" che Divi stampa inline. */
html:root{
  /* Divi 5: font globali */
  --et_global_body_font:'Exo 2';
  --et_global_heading_font:'Exo 2';
  --et_global_body_font_size:16px;
  --et_global_body_font_height:1.6;
  --et_global_body_font_weight:400;
  --et_global_heading_font_weight:700;

  /* Divi 5: layout (equivalente di .wrap = 1160px con 24px di padding) */
  --content-width:calc(100% - 48px);
  --content-max-width:1112px;
  --section-padding:92px;
  --section-gutter:0px;
  --row-gutter-horizontal:64px;
  --row-gutter-vertical:36px;
  --module-gutter:0px;  /* la spaziatura tra moduli la danno i componenti sy-* */
}