/* Token di design G Noleggio: palette del logo, tipografia, forme.
   Contrasti AA verificati per testo su bianco e su ghiaccio (vedi qa/RAPPORTO_QA.md). */
:root {
  /* Marca */
  --blu: #0F4E7A;
  --blu-700: #0B3B5D;
  --blu-500: #2A6A97;
  --blu-chiaro: #E3EEF6;
  --blu-chiaro-2: #CFE0EE;
  --corallo: #FF7F61;
  --corallo-600: #F2694A;
  --corallo-testo: #B8452A;      /* corallo scurito per testo su chiaro (AA) */
  --corallo-chiaro: #FFE9E3;
  --navy: #0A2A40;
  --navy-2: #0D3550;
  --navy-3: #12405F;
  --ghiaccio: #F4F8FB;

  /* Testo e superfici */
  --ink: #0E2233;
  --ink-2: #33495C;
  --ink-3: #5A6F82;              /* testo secondario: 4.9:1 su bianco */
  --ink-4: #8496A6;              /* solo per elementi decorativi o grandi */
  --surface: #FFFFFF;
  --surface-2: #F8FBFD;
  --surface-3: #EEF4F9;
  --line: #DCE6EF;
  --line-2: #E9F0F6;
  --overlay: rgba(6, 26, 40, 0.48);

  /* Stati (colore pieno per punti e barre, "-t" per il testo, "-bg" per i fondi) */
  --st-attivo: #17A398;   --st-attivo-t: #0B7A71;   --st-attivo-bg: #E2F5F3;
  --st-scaduto: #D64545;  --st-scaduto-t: #B42F2F;  --st-scaduto-bg: #FCE8E8;
  --st-ricontatto: #FF7F61; --st-ricontatto-t: #B8452A; --st-ricontatto-bg: #FFEDE7;
  --st-lead: #3B9AD9;     --st-lead-t: #1D6C9E;     --st-lead-bg: #E5F2FB;
  --st-cliente: #0F4E7A;  --st-cliente-t: #0F4E7A;  --st-cliente-bg: #E3EEF6;
  --st-inattivo: #6B7F8F; --st-inattivo-t: #4F6170; --st-inattivo-bg: #EBF0F3;
  --st-perso: #9AA7B2;    --st-perso-t: #5F6C77;    --st-perso-bg: #F0F2F4;
  --st-ok: #17A398;

  /* Tipografia */
  --f-title: "Sora Variable", "Sora", "Segoe UI", system-ui, sans-serif;
  --f-ui: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --f-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.9375rem;
  --fs-lg: 1.0625rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;

  /* Spaziatura (scala a 4) */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px;

  /* Forme */
  --r-xs: 8px;
  --r-sm: 10px;
  --r: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(10, 42, 64, 0.06), 0 1px 1px rgba(10, 42, 64, 0.03);
  --sh-2: 0 1px 2px rgba(10, 42, 64, 0.05), 0 4px 12px rgba(10, 42, 64, 0.05), 0 14px 32px -12px rgba(10, 42, 64, 0.10);
  --sh-3: 0 2px 4px rgba(10, 42, 64, 0.06), 0 12px 28px rgba(10, 42, 64, 0.12), 0 32px 64px -16px rgba(10, 42, 64, 0.22);
  --sh-coral: 0 6px 18px -6px rgba(242, 105, 74, 0.55);
  --ring: 0 0 0 3px rgba(59, 154, 217, 0.45);   /* alone dei campi di testo con il focus */
  --focus: #2A6A97;                               /* anello di focus da tastiera: 2 px, staccato di 2 px */
  --focus-dark: #FF9C85;                          /* lo stesso anello su fondo navy */

  /* Movimento: l'unico posto con durate e curve (wave 4). Interfaccia sotto i 300 ms. */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --d-fast: 140ms;    /* pressione, hover, colori */
  --d-std: 200ms;     /* standard: menu, cambio vista, dissolvenze */
  --d-slow: 280ms;    /* righe che entrano, indicatori che scorrono */
  --d-enter: 360ms;   /* ingresso a scaglioni al primo caricamento */
  --d-scene: 500ms;   /* solo login: il momento raro */
  --d-press: var(--d-fast);
  --d-tip: 160ms;
  --d-menu: var(--d-std);
  --d-modal: 240ms;
  --d-panel: 320ms;
  --stagger: 40ms;
  --d-data: 700ms;    /* grafici che si disegnano, solo al primo caricamento */
  --d-flash: 1000ms;  /* lampo dei campi compilati dal cliente (wave 2) */

  /* Layout */
  --sidebar-w: 248px;
  --topbar-h: 64px;
  --tabbar-h: 64px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);

  --z-sidebar: 30;
  --z-topbar: 20;
  --z-tabbar: 40;
  --z-drawer: 60;
  --z-modal: 70;
  --z-palette: 80;
  --z-toast: 90;
  --z-tip: 95;
}