/* ============================================================
   Design token BancoAlimentare — unica fonte di verità visiva.
   Palette OKLCH ancorata ai colori del logo (arancione + verde).
   ============================================================ */
:root {
  /* --- Colori brand: arancione Banco Alimentare --- */
  --ba-primary-50:  oklch(0.97 0.02 55);
  --ba-primary-100: oklch(0.93 0.05 55);
  --ba-primary-200: oklch(0.87 0.09 55);
  --ba-primary-300: oklch(0.79 0.13 50);
  --ba-primary-400: oklch(0.71 0.16 48);
  --ba-primary-500: oklch(0.66 0.18 45);  /* arancione pieno: accenti, selezioni */
  --ba-primary-600: oklch(0.58 0.16 43);  /* azioni primarie: testo bianco ≥4.5:1 */
  --ba-primary-700: oklch(0.50 0.14 42);
  --ba-primary-800: oklch(0.42 0.11 40);
  --ba-primary-900: oklch(0.34 0.08 40);
  /* --- Verde della spiga: successo / secondario --- */
  --ba-verde-100: oklch(0.94 0.06 130);
  --ba-verde-500: oklch(0.64 0.15 130);
  --ba-verde-700: oklch(0.48 0.12 132);
  /* --- Neutri tintati verso l'arancio (chroma 0.01) --- */
  --ba-bg:        oklch(0.985 0.005 55); /* fondo contenuti */
  --ba-surface:   oklch(0.955 0.008 55); /* nav, toolbar, pannelli */
  --ba-surface-2: oklch(0.92 0.010 55);  /* righe alternate, hover */
  --ba-bordo:     oklch(0.85 0.012 55);
  --ba-ink:       oklch(0.24 0.015 55);  /* testo principale */
  --ba-ink-2:     oklch(0.42 0.015 55);  /* testo secondario (≥4.5:1 su bg) */
  --ba-bianco:    oklch(1 0 0);
  /* --- Semantici (coppie testo/sfondo, contrasto verificato) --- */
  --ba-errore:      oklch(0.50 0.19 28);
  --ba-errore-bg:   oklch(0.95 0.03 28);
  --ba-avviso:      oklch(0.50 0.12 80);
  --ba-avviso-bg:   oklch(0.96 0.05 85);
  --ba-successo:    var(--ba-verde-700);
  --ba-successo-bg: var(--ba-verde-100);
  --ba-info:        oklch(0.48 0.10 240);
  --ba-info-bg:     oklch(0.95 0.03 240);
  /* --- Spaziature (base 4px) --- */
  --ba-sp-1: 0.25rem; --ba-sp-2: 0.5rem; --ba-sp-3: 0.75rem; --ba-sp-4: 1rem;
  --ba-sp-5: 1.25rem; --ba-sp-6: 1.5rem; --ba-sp-8: 2rem; --ba-sp-10: 2.5rem; --ba-sp-12: 3rem;
  /* --- Tipografia: una famiglia, scala fissa ~1.2 --- */
  --ba-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --ba-testo-sm: 0.875rem; --ba-testo: 1rem; --ba-testo-lg: 1.2rem;
  --ba-titolo-3: 1.44rem; --ba-titolo-2: 1.73rem; --ba-titolo-1: 2.07rem;
  /* --- Z-index semantico --- */
  --ba-z-dropdown: 100; --ba-z-sticky: 200; --ba-z-backdrop: 300;
  --ba-z-modal: 400; --ba-z-toast: 500; --ba-z-tooltip: 600;
  /* --- Raggi e ombre --- */
  --ba-raggio-ctrl: 6px;      /* controlli: bottoni, input */
  --ba-raggio-superficie: 10px; /* card, dialog */
  --ba-ombra-1: 0 1px 2px oklch(0.3 0.02 55 / 0.08);
  --ba-ombra-2: 0 2px 8px oklch(0.3 0.02 55 / 0.12);
  --ba-ombra-3: 0 8px 28px oklch(0.3 0.02 55 / 0.18);
  /* --- Motion --- */
  --ba-durata-1: 150ms; --ba-durata-2: 220ms;
  --ba-easing: cubic-bezier(0.22, 1, 0.36, 1); /* ease-out-quint */
  /* --- Dimensioni --- */
  --ba-target-min: 44px; /* WCAG target minimo */
  --ba-nav-larghezza: 250px;
  --ba-appbar-altezza: 60px;
}