/* ==========================================================================
   tokens.css — Bizando
   Fonte: docs/design/"Bizando Design System.dc.html" (export Claude Design v0.1),
   blocco :root. 54 custom properties importate integralmente, nomi invariati.

   Due sole differenze rispetto all'export, deliberate e documentate:
   1. I @font-face qui sotto sostituiscono il <link> al CDN di font di terze
      parti usato dall'export. Font self-hostati, subset latin, nessuna chiamata a domini
      terzi (GDPR).
   2. body{background:#e9e6e1} dell'export NON è un token: è il fondo del
      canvas di Design. Il fondo del sito è --color-off-white (vedi base.css).
   ========================================================================== */

/* --- Font self-hostati: Cormorant (display) + Sora (testo) --------------- */

@font-face {
  font-family: "Cormorant";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Cormorant";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/cormorant-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Cormorant";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-latin-400-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/sora-latin-300-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/sora-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/sora-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Sora";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/sora-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Il monospaziato non veniva dall'export: era uno stack di sistema, quindi il
   sigillo "fine del perimetro" — l'elemento firma del sito — si renderizzava con
   un font diverso per ogni visitatore. Self-hostato come gli altri, stesso
   subset latin, stesso pipeline. Un peso solo: serve per etichette brevi. */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- Custom properties: import integrale dall'export --------------------- */

:root{
  --color-navy:#0a1628;
  --color-navy-deep:#060f1c;
  --color-cta:#d45a2a;
  --color-cta-hover:#c14f22;
  --color-accent:#E94E1B;
  --color-off-white:#f5f3f0;
  --color-surface:#fbfaf8;
  --color-ink:#1a1a1a;
  --color-ink-muted:#4a4744;
  --color-on-navy:#f5f5f5;
  --color-on-navy-muted:rgba(245,245,245,0.62);
  --color-rule:rgba(26,26,26,0.14);
  --color-rule-strong:rgba(26,26,26,0.22);
  --color-rule-navy:rgba(245,245,245,0.16);

  --font-display:'Cormorant',Georgia,'Times New Roman',serif;
  --font-text:'Sora',system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --text-display:60px;      --lh-display:1.15;  --ls-display:-0.015em;
  --text-display-m:38px;    --lh-display-m:1.15;
  --text-h2:40px;           --lh-h2:1.2;
  --text-h3:26px;           --lh-h3:1.25;
  --text-price:46px;        --lh-price:1.05;
  --text-price-m:38px;
  --text-lead:21px;         --lh-lead:1.58;
  --text-lead-m:18px;
  --text-body:17px;         --lh-body:1.65;
  --text-small:15px;        --lh-small:1.6;
  --text-label:13px;        --ls-label:0.14em;

  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;

  --measure:65ch;
  --radius-sm:2px;
  --radius-md:3px;
  --border-hair:1px;
  --hero-h:75vh;
  --bp-mobile:768px;
}