/* ============================================================
   Volta — token di marca
   Tutto il marchio vive qui dentro. Per fare un rebrand basta
   cambiare questi valori e sostituire assets/logo.svg.

   Scelta cromatica: un azzurro cordiale (non un blu cupo da
   banca), inchiostro blu-ardesia al posto del nero, e neutri
   leggermente virati verso l'azzurro cosi' da sembrare scelti
   e non ereditati.
   ============================================================ */

:root {
  /* Azzurro di marca */
  --v-blu:          #3B6FE8;   /* azione principale */
  --v-blu-scuro:    #2A57C4;   /* passaggio del mouse */
  --v-blu-chiaro:   #7BA4F7;   /* dettagli, grafici */
  --v-blu-tenue:    #EEF3FE;   /* sfondo di selezioni e schede */
  --v-blu-bordo:    #CBDBFA;

  /* Inchiostro: blu ardesia, mai nero */
  --v-notte:        #22314B;   /* titoli e barre */
  --v-testo:        #3D4A5F;
  --v-testo-tenue:  #78849B;

  /* Accento caldo */
  --v-ambra:        #E0912B;
  --v-ambra-tenue:  #FDF3E3;
  --v-ambra-scuro:  #8A5B12;

  /* Stati */
  --v-verde:        #17A17A;
  --v-verde-tenue:  #E5F5F0;
  --v-rosso:        #D75C5C;
  --v-rosso-tenue:  #FBEDED;
  --v-rosso-scuro:  #A63A3A;
  --v-grigio-stato: #78849B;
  --v-grigio-tenue: #EEF1F6;

  /* Neutri virati verso l'azzurro */
  --v-fondo:        #F5F8FD;
  --v-bianco:       #FFFFFF;
  --v-linea:        #E3E9F3;
  --v-linea-forte:  #D2DAE8;
  --v-bordo-input:  #C9D3E3;

  /* Forma: raggi diversi per ruoli diversi, non uno solo ovunque */
  --r-card:  12px;
  --r-btn:   9px;
  --r-input: 8px;
  --r-pill:  999px;

  /* Ombre: usate con parsimonia, solo su cio' che sta sopra */
  --ombra-1: 0 1px 2px rgba(34, 49, 75, .05);
  --ombra-2: 0 6px 16px rgba(34, 49, 75, .08);
  --ombra-3: 0 16px 40px rgba(34, 49, 75, .16);
  --anello:  0 0 0 3px rgba(59, 111, 232, .22);

  /* Movimento: tre curve per tutto il sito, cosi' ogni cosa si muove allo stesso modo */
  --molla:    cubic-bezier(.34, 1.36, .64, 1);   /* la bolla: arriva e si assesta, con un filo di rimbalzo */
  --cassetto: cubic-bezier(.32, .72, 0, 1);      /* pannelli e fogli: partono svelti, frenano dolci */
  --dolce:    cubic-bezier(.4, 0, .2, 1);        /* colori, ombre, sfondi */
  --t-breve: 180ms;
  --t-medio: 340ms;
  --t-lungo: 460ms;

  /* Tipografia — stack di sistema: nessuna richiesta di rete,
     e su Mac e Windows sono caratteri gia' pensati per le interfacce */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
          Arial, 'Noto Sans', sans-serif;
  --font-num: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;

  /* Misure */
  --barra-h: 58px;
  --largh-max: 1160px;
  --largh-form: 620px;
}