/* Tutti i colori, i caratteri e le misure del PANNELLO di Inviti Digitali: si cambiano qui, in un punto solo.
   Sono quelli del portale Zenith (blu dei pulsanti + arancione del logo), così chi passa dal portale
   a Inviti si sente a casa. (L'INVITO per gli ospiti ha i suoi colori: non usa questo file.) */
:root {
    --primario: #1e3a8a;
    --primario-velato: #f2f5fc;
    --arancione: #DD571C;
    --avviso: #b4461a;
    --sfondo: #f4f6fa;
    --superficie: #ffffff;
    --testo: #0f172a;
    --testo-lieve: #4b5563;
    --bordo: #dfe4ee;
    --esito-sfondo: #eaf0fb;
    --errore-sfondo: #fdf0ea;
    /* lo stato di ogni persona: blu = viene, arancione = non viene, grigio = non ha ancora risposto (niente verde) */
    --stato-si-sfondo: #e6ecfa;
    --stato-si-testo: #1e3a8a;
    --stato-no-sfondo: #fbe9e0;
    --stato-no-testo: #a8410f;
    --stato-attesa-sfondo: #eef0f4;
    --stato-attesa-testo: #4b5563;
    --nuovo-sfondo: #fdf1e9;

    --font-testo: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-titoli: "Nunito Sans", sans-serif;
    --font-firma: "Great Vibes", cursive;

    --dimensione-testo: 0.875rem;
    --dimensione-piccola: 0.75rem;
    --dimensione-titolo: 1.2rem;
    --dimensione-firma: 1.75rem;

    --altezza-barra: 56px;
    --altezza-campo: 30px;
    --altezza-pulsante: 32px;
    --raggio: 8px;
    --raggio-scheda: 16px;
    --spazio: 8px;
    --larghezza-contenuto: 1100px;
}