/* GENERATED by scripts/sync-tokens.mjs — do not edit.
   Source: ../sossoldi-social-kit/design/tokens.css
   The palette lives in sossoldi-social-kit/design/tokens.json. */

/* ============================================================
   SOSSOLDI — TOKEN DEL SISTEMA VISIVO · v0.1 (03/11/2026)
   Fonte unica per card e caroselli. Ogni template legge da qui.
   DECISO il 03/11/2026 da Marco:
   carta = blue7 #F1F5F9 (il celestino dell'app) · numero e titoli = solo Nunito Sans.
   Il serif (Instrument Serif, Newsreader) è scartato: non fa parte del sistema.
   ============================================================ */

/* ---------- font self-hosted: viaggiano con il progetto ---------- */
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Light.woff2");font-weight:300;font-style:normal}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Regular.woff2");font-weight:400;font-style:normal}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Medium.woff2");font-weight:500;font-style:normal}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-SemiBold.woff2");font-weight:600;font-style:normal}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Bold.woff2");font-weight:700;font-style:normal}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-ExtraBold.woff2");font-weight:800;font-style:normal}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Black.woff2");font-weight:900;font-style:normal}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-Italic.woff2");font-weight:400;font-style:italic}
@font-face{font-family:"Nunito Sans";src:url("../fonts/NunitoSans-BlackItalic.woff2");font-weight:900;font-style:italic}

:root{
  /* ---------- superfici ------------------------------------- */
  --sos-ink:#00152D;          /* blue1 · fondo scuro, testo su carta */
  --sos-paper:#F1F5F9;        /* blue7 · fondo chiaro (freddo, è il bianco dell'app) */
  --sos-struct:#023B79;       /* blue3 · secondo piano su carta: grafici, blocchi */

  /* ---------- segno: il colore entra solo con un +/- --------- */
  --sos-pos:#248731;          /* verde · solo dato positivo */
  --sos-neg:#C52626;          /* rosso · solo dato negativo */

  /* ---------- testo secondario ------------------------------ */
  --sos-muted-on-paper:#666666;   /* 5,2:1 su carta */
  --sos-muted-on-ink:#7DA1C4;     /* 6,8:1 su inchiostro */

  /* ---------- tipografia ------------------------------------ */
  --sos-sans:"Nunito Sans","Helvetica Neue",Arial,sans-serif;

  /* scala · px su tela 1080×1350 (verificata a 400 px di larghezza) */
  --sos-t-numero:260px;       /* 900, line-height .78, tracking -.045em */
  --sos-t-titolo:110px;       /* 800, line-height 1.00, tracking -.028em */
  --sos-t-occhiello:56px;     /* 700, line-height 1.10, tracking -.015em */
  --sos-t-corpo:34px;         /* 400, line-height 1.42 */
  --sos-t-etichetta:20px;     /* 700, maiuscolo, tracking .20em */
  --sos-t-firma:15px;         /* 700, maiuscolo, tracking .18em */

  /* ---------- griglia del foglio ---------------------------- */
  --sos-w:1080px;
  --sos-h:1350px;             /* feed 4:5 */
  --sos-cover-w:1920px;       /* cover articolo Pulse */
  --sos-cover-h:1080px;
  --sos-ml:92px;              /* margine sinistro */
  --sos-mr:120px;             /* margine destro: 28 px in meno, asimmetria voluta */
  --sos-mt:80px;
  --sos-mb:64px;
  --sos-gutter:16px;          /* distanza tra blocchi affiancati */
  --sos-rule:1px;             /* i filetti sono sempre 1px, mai decorativi a tutta pagina */

  /* ---------- stati dell'interfaccia web -------------------- */
  --sos-line:#C9D6E4;         /* bordo su carta: un filo, non una decorazione */
  --sos-focus:#023B79;        /* anello di focus = struct, 2px */
  --sos-disabled:#8A99A8;     /* testo disabilitato su carta */

  /* ---------- livello web (approvato 04/11/2026) ------------ */
  --sos-tint:#F4F7FB;         /* fondo pagina */
  --sos-surface:#FFFFFF;      /* card e pannelli */
  --sos-r-sm:12px;
  --sos-r-md:16px;
  --sos-r-lg:24px;
  --sos-r-pill:999px;
  --sos-shadow:0 20px 50px rgba(0,21,45,.08);
  --sos-shadow-lift:0 30px 70px rgba(0,21,45,.22);

  /* ---------- regole non negoziabili ------------------------ */
  /* 1. Due superfici e basta: inchiostro e carta. Nessun terzo fondo. */
  /* 2. Verde e rosso esistono solo con un dato che ha un segno. */
  /* 3. Un solo colore d'accento per pezzo; mai verde e rosso insieme se non in un confronto. */
  /* 4. Nessun gradiente, nessuna ombra, nessun angolo arrotondato. */
  /* 5. Su verde solo testo bianco e solo in corpo grande (4,6:1). */
  /* 6. Il serif, se entra, tocca solo numeri e citazioni: mai il corpo. */
}