:root {
    /* Palette dei colori */
    --color-1: #20376C;
    --color-1-hover: #17274D;
    --color-1-soft: #C8CFDD;
    --color-gray: #f0f0f0;
    --color-gray-soft: #f7f8fa;
    --color-gray-dark: #333;
    --color-red: #ee5951;
    --color-red-soft: #ffebeb;
    --color-red-hover: #942823;
    --color-green: #189145;
    --color-green-soft: #E1FFB1;
    --color-green-hover: #11632f;
    --color-orange: #F76E11;
    --color-orange-soft: #FED2AA;
    --color-orange-hover: #cf5c10;
    --color-orange-medium: #FF9F45;
    --color-blue: #3874FF;
    --color-yellow: #FFD41D;
    --color-yellow-soft: #FFFDE1;
    --color-yellow-hover: #e4bc07;
    --color-beige: #ece6df;
    --color-text: #707070;
    --color-text-soft: #999;
    --color-title: #000000;
    --color-link: #1773b0;
    --color-backdrop: #00000085;

    /* Font */
    --font-text-size: 0.75em;
    --font-title-size: 0.85em;
    --font-button-size: 0.75em;

    /* Ombre */
    --shadow-soft: 0px 0px 20px 0px #0000000f;
    --shadow-normal: 0px 0px 20px 0px rgba(0, 0, 0, .10);

    /* Transizioni ed animazioni */
    --transition-fast: all .2s ease-in-out;
    --transition-normal: all .6s ease-in-out;
}