/* Token del CRM Futura (palette smeraldo per lo scuro, crm.css:243-247 per il chiaro).
   Percorsi e misure: SPEC_DESIGN_MAPPA_FUTURA.md, sezione 2. Un solo carattere, tre pesi. */

/* Tre caratteri come nelle Impostazioni del CRM (Personalizza > Aspetto), file locali con la licenza OFL accanto (font/OFL-*.txt). */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;src:url("font/inter-tight-latin.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:"Hanken Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("font/hanken-grotesk-latin.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:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("font/instrument-sans-latin.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}

:root{
  --f:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kt:1; /* Grandezza del testo di Personalizza: 1, 1,1, 1,2, 1,3. Mai sotto 1 (testi minimi 12 px, campi 16 px) */
  --t1:calc(clamp(13px,.2vw + 10.2px,14px) * var(--kt));
  --t2:calc(clamp(15px,.2vw + 12.2px,16px) * var(--kt));
  --t3:calc(clamp(16px,.35vw + 11px,19px) * var(--kt));
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:28px;
  --r-box:18px;--r-ctl:12px;--r-badge:8px;--r-pill:999px;
  --ease:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.215,.61,.355,1);--ease-pop:cubic-bezier(.23,1,.32,1);--ease-molla:cubic-bezier(.34,1.56,.64,1);
  --blur:18px;
  --h-btn:36px;--h-riga:44px;
  --pw:475px;          /* larghezza del pannello destro, la imposta il JS */
  --pw-aperto:0px;     /* 0 a pannello chiuso: sposta chip, controlli e attribuzione */
  --ph:0px;            /* altezza del foglio da telefono */
}

[data-carattere=inter]{--f:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif}
[data-carattere=hanken]{--f:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif}

/* Scuro = smeraldo del CRM. Accento predefinito: il Blu del CRM (crm.css:239 e 248), scelta di Giuseppe del 26/10;
   Verde e Grafite in Personalizza. Informa è petrolio, non blu: con l'accento blu si confondeva. */
:root,[data-tema=scuro]{
  color-scheme:dark;
  --g-bg:#060B0A;--g-solid:#0B1613;--g-fill2:rgba(255,255,255,.08);--g-line:rgba(255,255,255,.22);--g-ctl:rgba(255,255,255,.34);
  --tx:rgba(255,255,255,.94);--mu:#BCCFC6;--sink:rgba(0,0,0,.24);
  --acc:#9CCBFF;--on-acc:#06111C;--acc2:#5BB0FF;--pill:#9CCBFF;--on-pill:#06111C;
  --ok:#B0FCCE;--warn:#E3A53A;--err:#FF8A73;
  --e-blocca:#FF8A73;--e-parere:#E3A53A;--e-informa:#7DD3E8;--e-verifica:#BCCFC6;
  --sup:rgba(11,22,19,.94);
  --ombra:inset 0 1px 0 rgba(255,255,255,.2),0 14px 34px rgba(0,0,0,.32);
  --ombra-pop:0 18px 50px rgba(0,0,0,.45);
  --ombra-pannello:-18px 0 40px rgba(0,0,0,.28);
  --velo:rgba(0,0,0,.6);
}
/* Chiaro (crm.css:243-247). Il fuoco usa l'accento: il ciano su bianco non si vede. */
[data-tema=chiaro]{
  color-scheme:light;
  --g-bg:#F7F8F7;--g-solid:#FFFFFF;--g-fill2:rgba(14,20,17,.05);--g-line:#D9DFDB;--g-ctl:#858F89;
  --tx:#0E1411;--mu:#566059;--sink:#F2F4F2;
  --acc:#1558B0;--on-acc:#FFFFFF;--acc2:#1558B0;--pill:#DCE9FA;--on-pill:#0B2F63;
  --ok:#0B6B42;--warn:#8A5200;--err:#B3261E;
  --e-blocca:#B3261E;--e-parere:#8A5200;--e-informa:#0B6A85;--e-verifica:#566059;
  --sup:rgba(255,255,255,.94);
  --ombra:0 1px 2px rgba(14,20,17,.08),0 8px 24px rgba(14,20,17,.10);
  --ombra-pop:0 18px 50px rgba(14,20,17,.18);
  --ombra-pannello:-18px 0 40px rgba(14,20,17,.10);
}

[data-accento=verde][data-tema=scuro]{--acc:#B0FCCE;--on-acc:#060B0A;--acc2:#2BFFF8;--pill:#B0FCCE;--on-pill:#060B0A}
[data-accento=verde][data-tema=chiaro]{--acc:#0B7A4B;--on-acc:#FFFFFF;--acc2:#0B7A4B;--pill:#DDF1E6;--on-pill:#06402A}

@media (max-width:820px){:root{--t1:calc(13px * var(--kt));--t2:calc(16px * var(--kt));--t3:calc(17px * var(--kt));--h-btn:44px;--blur:10px}}
[data-testo="1"]{--kt:1.1}[data-testo="2"]{--kt:1.2}[data-testo="3"]{--kt:1.3}