/**
 * I valori del sito: colori, testo, spazi, bordi.
 *
 * Sono la fonte unica. Un colore scritto a mano in un altro file e' un errore,
 * non una variante: prima di questo file convivevano QUATTRO blu diversi per
 * lo stesso ruolo (il blu del logo, due azzurri generici e un viola), ed e' la
 * ragione per cui il sito non sembrava fatto dalla stessa mano.
 *
 * Direzione: minimalismo. Sfondi bianchi, carattere di sistema, poche schede,
 * bordo sottile invece di ombre, colore usato con parsimonia.
 */

:root {

  /* --- MARCA ---------------------------------------------------------
     Il blu viene dal logo, misurato sul file: #3F8AC9. E' l'unico colore
     di marca che esiste, tutto il resto e' costruito attorno a lui. */
  --ba-blue:            #3F8AC9;
  --ba-blue-hover:      #3474AC;   /* premuto: piu' scuro, non piu' saturo */
  --ba-blue-active:     #2C6294;
  --ba-blue-soft:       #EAF3FA;   /* sfondi tenui: etichette, avvisi */
  --ba-blue-border:     #C7DFF1;

  /* --- ACCENTO CALDO --------------------------------------------------
     Un rosa attenuato, quasi complementare al blu (tinta 359 contro 207)
     ma con saturazione bassa in entrambi: si affiancano senza litigare.
     Serve a scaldare un'interfaccia che, di soli blu e grigi, diventa
     fredda.

     ⚠️ NON e' un colore d'azione. Il pulsante che porta alla prenotazione
     resta blu: e' l'azione piu' importante del sito e deve parlare la
     lingua del marchio. Il rosa segnala e sottolinea, non comanda. */
  --ba-accent:        #CD9091;
  --ba-accent-hover:  #BC7C7D;
  --ba-accent-soft:   #F9EFEF;   /* sfondi: etichette, evidenziazioni */
  --ba-accent-ink:    #8C4E4F;   /* testo su fondo chiaro, leggibile */

  /* --- TESTO ---------------------------------------------------------
     Mai nero assoluto: su schermo affatica e sembra sporco. */
  --ba-ink:             #1A1D21;   /* titoli e testo principale */
  --ba-ink-soft:        #5B6470;   /* secondario: localita', didascalie */
  --ba-ink-faint:       #8B939E;   /* terziario: note, segnaposto */
  --ba-ink-invert:      #FFFFFF;

  /* --- SUPERFICI -----------------------------------------------------
     Bianco puro come sfondo. Il grigio serve solo a separare. */
  --ba-canvas:          #F7F8F9;   /* lo sfondo della pagina: grigio chiarissimo,
                                      cosi' le schede bianche si staccano senza
                                      bisogno di ombre */
  --ba-surface:         #FFFFFF;   /* le schede e i riquadri: bianco pieno */
  --ba-surface-alt:     #F2F4F6;   /* campi e sezioni alternate, un tono sotto */
  --ba-border:          #E5E8EB;   /* 1px, mai ombre */
  --ba-border-strong:   #D2D7DD;

  /* --- AZIONE SECONDARIA ---------------------------------------------
     Antracite chiaro: presente ma senza competere col blu. */
  --ba-slate:           #E8EAED;
  --ba-slate-hover:     #DCDFE3;
  --ba-slate-ink:       #2B3138;

  /* --- STATO ---------------------------------------------------------
     Desaturati: devono informare, non gridare. Mancavano del tutto. */
  --ba-ok:              #2E7D5B;
  --ba-ok-soft:         #EAF4EF;
  --ba-warn:            #9A6B12;
  --ba-warn-soft:       #FBF3E2;
  --ba-error:           #B3453F;
  --ba-error-soft:      #FBECEB;

  /* --- CARATTERE -----------------------------------------------------
     Quello di sistema: su Mac e iPhone e' San Francisco, su Windows
     Segoe. Nessun carattere da scaricare, nessuna attesa, e su ogni
     dispositivo si vede il testo a cui l'utente e' abituato. */
  --ba-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
             system-ui, "Helvetica Neue", Arial, sans-serif;
  --ba-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --ba-text-xs:   0.75rem;
  --ba-text-sm:   0.875rem;
  --ba-text-base: 1rem;
  --ba-text-lg:   1.125rem;
  --ba-text-xl:   1.375rem;
  --ba-text-2xl:  1.75rem;
  --ba-text-3xl:  2.25rem;

  --ba-weight-normal: 400;
  --ba-weight-medium: 500;
  --ba-weight-bold:   600;   /* mai 700: appesantisce */

  --ba-leading-tight: 1.2;   /* titoli */
  --ba-leading-base:  1.6;   /* testo corrente */

  /* --- SPAZI ---------------------------------------------------------
     Scala a passi di 4. Uno spazio fuori scala si nota. */
  --ba-space-1:  0.25rem;
  --ba-space-2:  0.5rem;
  --ba-space-3:  0.75rem;
  --ba-space-4:  1rem;
  --ba-space-5:  1.5rem;
  --ba-space-6:  2rem;
  --ba-space-7:  3rem;
  --ba-space-8:  4rem;

  /* --- FORMA ---------------------------------------------------------
     Angoli netti. Le forme a pillola solo per le etichette piccole. */
  --ba-radius-sm:   4px;
  --ba-radius:      8px;
  --ba-radius-lg:   12px;
  --ba-radius-pill: 999px;

  /* --- PROFONDITA' ---------------------------------------------------
     Quasi assente: si separa col bordo, non con l'ombra. L'unica ombra
     ammessa e' per cio' che galleggia davvero (menu, finestre). */
  --ba-shadow-none:  none;
  --ba-shadow-float: 0 4px 16px rgba(26, 29, 33, 0.08);

  /* --- MOVIMENTO -----------------------------------------------------
     Presente ma non appariscente. */
  --ba-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ba-fast: 120ms;
  --ba-slow: 240ms;
}