/* Spaziature. Il codice reale non è agganciato a una griglia 4/8 rigida
   (usa 13px, 22px, 26px, 34px): questa scala riporta i valori davvero presenti. */
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 10px;
  --sp-4: 12px;
  --sp-5: 14px;
  --sp-6: 16px;
  --sp-7: 18px;
  --sp-8: 22px;
  --sp-9: 26px;
  --sp-10: 34px;
  --sp-11: 48px;
  --sp-12: 80px;

  /* Padding ricorrenti */
  --pad-card: 16px 18px;      /* kpi card */
  --pad-card-l: 24px 22px;    /* box di gestione */
  --pad-input: 12px 14px;
  --pad-btn: 12px 22px;
  --pad-cella: 13px 14px;

  /* Larghezze di pagina */
  --w-page: 1160px;
  --w-page-narrow: 900px;
  --w-card: 380px;
  --w-prosa: 70ch;

  /* Altezza minima delle superfici toccabili (mobile-first, da CLAUDE.md di Faro) */
  --touch-min: 44px;
}