:root{

    /* -- DEFINIZIONE TOKEN GLOBALI -- */
    /* -- DEFINIZIONE TOKEN GLOBALI -- */
    /* -- DEFINIZIONE TOKEN GLOBALI -- */

    /* colori background */
    
    /*ROSSO*/
    --color-background-accent: #02518F;
    --color-background-accent-hover: #00365f;
    --color-background-accent-lighter: #3473A5;
    --color-background-accent-lightest: #02518F;

    --color-background-warning-ok: #008055;
    --color-background-warning-no: #CC334D;
    --color-background-warning-med: #FCD57C;


    /*GIALLO*/
    --color-background-primary: var(--color-orange-50);
    --color-background-primary-lighter: var(--color-orange-50);

    --color-background-primary-light: var(--color-orange-70);
    --color-background-primary-lightest: #F5F5F5;
    --color-background-primary-lighter: #FFFFFF;

    --color-background-primary-dark: #333333;


    
    --color-background-dark: #000000;



    /*BIANCO*/
    --color-background-secondary: var(--color-white-90);
    --color-background-secondary-light: var(--color-white-100);
    --color-background-secondary-dark: var(--color-carbon-20);



    --color-background-thirdiary: var(--color-black-10);
    --color-background-inverse: var(--color-carbon-0);
    --color-background-inverse-opacity: var(--color-carbon-0-opacity);


    /* colori testo */
    --color-text-accent: #02518F;
    --color-text-accent-dark: #00365f;
    --color-text-accent-hover: #00365f;

    --color-text-base: var(--color-carbon-10);
    --color-text-primary: var(--color-yellow-50); /* Nero */
    --color-text-secondary: var(--color-white-100); /* grigio scuro */
    --color-text-secondary-light: var(--color-white-100); /* grigio scuro */
    --color-text-inverse: var(--color-white-100); /* Bianco */
    --color-text-inverse-light: var(--color-white-100); /* Bianco */
    --color-text-primary-dark: #1c1c1c;
    --color-text-body: #1c1c1c;



    /* Grigio chiaro */
    --color-text-muted: var(--color-carbon-25);



    /* colori footer */
    --footer-background: #202A2E;
    --footer-bottom-background: #202A2E;

    /* bordi */
    --color-border-primary: #707070;
    --color-border-inverse: var(--color-white-100);
    --color-border-secondary: var(--color-carbon-90);
    --color-border-thirdiary: var(--color-blue-50);
    --color-border-accent: #02518F;
    --color-border-accent-lighter: #02518F;

    /* icone */
    --color-icon-accent: #02518F;
    --color-icon-primary: #333333;
    --color-icon-secondary: var(--color-background-secondary);
    --color-icon-white: var(--color-background-secondary);

    /* font */
    --heading-1-font-size: var(--font-size-6);
    --heading-2-font-size: var(--font-size-5);
    --heading-3-font-size: var(--font-size-4);
    --heading-4-font-size: var(--font-size-3);
    --heading-5-font-size: var(--font-size-2);
    --heading-6-font-size: var(--font-size-1);

    --heading-1-line-height: var(--font-line-height-6);
    --heading-2-line-height: var(--font-line-height-5);
    --heading-3-line-height: var(--font-line-height-4);
    --heading-4-line-height: var(--font-line-height-3);
    --heading-5-line-height: var(--font-line-height-2);
    --heading-6-line-height: var(--font-line-height-1);




    /* font mobile */
    --heading-1-font-size-sm: var(--font-size-6-sm);
    --heading-2-font-size-sm: var(--font-size-5-sm);
    --heading-3-font-size-sm: var(--font-size-4-sm);
    --heading-4-font-size-sm: var(--font-size-3-sm);
    --heading-5-font-size-sm: var(--font-size-2-sm);
    --heading-6-font-size-sm: var(--font-size-1-sm);

    --heading-1-line-height-sm: var(--font-line-height-6-sm);
    --heading-2-line-height-sm: var(--font-line-height-5-sm);
    --heading-3-line-height-sm: var(--font-line-height-4-sm);
    --heading-4-line-height-sm: var(--font-line-height-3-sm);
    --heading-5-line-height-sm: var(--font-line-height-2-sm);
    --heading-6-line-height-sm: var(--font-line-height-1-sm);
    

    --heading-1-font-weight: var(--font-weight-7);
    --heading-2-font-weight: var(--font-weight-7);
    --heading-3-font-weight: var(--font-weight-7);
    --heading-4-font-weight: var(--font-weight-7);
    --heading-5-font-weight: var(--font-weight-7);
    --heading-6-font-weight: var(--font-weight-7);

    --body-font-sans: var(--font-titillium);
    --body-font-serif: var(--font-lora);
    --body-font-size: var(--font-size-1);
    --body-font-line-height: var(--font-line-height-1);
    --body-font-weight: var(--font-weight-4);

    --body-font-size-sm: var(--font-size-1-sm);
    --body-font-line-height-sm: var(--font-line-height-1-sm);
    
    --body-background-color: #FFFFFF;


    --font-sans: var(--font-titillium);
    --font-serif: var(--font-lora);



    /* -- VALORIZZAZIONE TOKEN -- */
    /* -- VALORIZZAZIONE TOKEN -- */
    /* -- VALORIZZAZIONE TOKEN -- */

    /*colori*/
    --color-purple-18: #46163F;
    --color-purple-84: #E2CADF;
    --color-purple-95: #F6EFF5;
    --color-purple-98: #FBF9FB;
    --color-carbon-0: #190C0C;
    --color-carbon-15: #262626;
    --color-carbon-20: #333333;
    --color-carbon-opacity-20: #333333af;
    --color-carbon-40: #666666;
    --color-carbon-90: #e6e6e6;

    --color-blue-50: #5C6F82;
    --color-gray-96: #f5f5f5;


    /* Nuovi */
    --color-red-70: #ad5454;
    --color-red-50: #980000;
    --color-red-30: #520000;
    --color-red-10: #CC334D;

    --color-white-100: #FFFAFA;
    --color-white-90: #FCFAF4;

    --color-yellow-50: #EACB9A;
    --color-yellow-70: #FADEA0;
    --color-yellow-95: #F8ECD9;
    --color-carbon-10: #2F2F2F;
    --color-carbon-25: #666666;
    --color-carbon-0-opacity: #262626b1;

    --color-red-20: #520000;
    --color-orange-50: #F2B78C;
    --color-orange-70: #FBDFA0;
    --color-orange-90: #F8ECD9;


    /* font */
    --font-size-0: 15px;
    --font-size-1: 18px; /*h6*/
    --font-size-2: 24px; /*h5*/
    --font-size-3: 28px; /*h4*/
    --font-size-4: 31px; /*h3*/
    --font-size-5: 36px; /*h2*/
    --font-size-6: 48px; /*h1*/

    --font-line-height-1: 28px;
    --font-line-height-2: 30px;
    --font-line-height-3: 32px;
    --font-line-height-4: 37px;
    --font-line-height-5: 45px;
    --font-line-height-6: 56px;



    /* Mobile size*/
    --font-size-0-sm: 15px;
    --font-size-1-sm: 16px; /* h6 ok */
    --font-size-2-sm: 20px; /* h5 */
    --font-size-3-sm: 24px; /* h4 ok */
    --font-size-4-sm: 26px; /* h3 ok */
    --font-size-5-sm: 28px; /* h2 ok */
    --font-size-6-sm: 35px; /* h1 ok */

    /* Mobile line*/
    --font-line-height-1-sm: 24px; /* ok */
    --font-line-height-2-sm: 30px; 
    --font-line-height-3-sm: 32px; /* ok */;
    --font-line-height-4-sm: 32px; /* ok */;
    --font-line-height-5-sm: 35px; /* ok */
    --font-line-height-6-sm: 44px; /* ok */



    --font-weight-2: 200;
    --font-weight-3: 300;
    --font-weight-4: 400; /*regular*/
    --font-weight-6: 600; /*Semibold*/
    --font-weight-7: 700; /*bold*/

    --font-titillium: "Titillium Web", Geneva, Tahoma, sans-serif;
    --font-lora: 'Lora';
    

    /* Ombre */
    --shadow-l-x: 0;
    --shadow-l-y: 4px;
    --shadow-l-blur: 8px;
    --shadow-l-spread: 0;
    --shadow-l-color: rgba(0,0,0,.10);
    --shadow-l-type: '';

}