:root {
/* Superfici */
--background:      #f7f7f5;
--surface:         #ffffff;
--surface-alt:     #f1f2f0;

/* Testi */
--text: #232527;
--text-strong: #111315;
--text-muted: #5b5e63;
--text-disabled:   #a3a6aa;

/* Linee */
--border:          #dedfdd;
--divider:         #ececea;

/* Colore principale */
--primary:         #315f8c;
--primary-hover:   #244c73;

/* Feedback */
--success:         #2d7d46;
--warning:         #c4831d;
--info:            #3b82b6;

/* Focus */
--focus:           #4d90d8;

/* Overlay */
--overlay:         rgba(32, 33, 36, 0.35);

/* dimensione dei contenitori principali di ogni pagina */
--container-width:  90%;
/* dimensione massima del media per switchare a visualizzazione per mobile */
--media-width: 60rem;
}