:root {
    --color-primary-50: #FEDBDD;
    --color-primary-100: #F5B9BB;
    --color-primary-200: #E7898C;
    --color-primary-300: #E06266;
    --color-primary-400: #D83A40;
    --color-primary-500: #D0131A;
    --color-primary-600: #AD1016;
    --color-primary-700: #8B0D11;
    --color-primary-800: #680A0D;
    --color-primary-900: #450609;
  
    --color-secondary-50: #D6DFEC;
    --color-secondary-100: #BAC9DF;
    --color-secondary-200: #97AECF;
    --color-secondary-300: #7593BF;
    --color-secondary-400: #5378AF;
    --color-secondary-500: #305D9F;
    --color-secondary-600: #284E84;
    --color-secondary-700: #203E6A;
    --color-secondary-800: #182F50;
    --color-secondary-900: #101F35;
  
    --color-neutral-50: #F7F9FB;
    --color-neutral-100: #F1F4F9;
    --color-neutral-200: #EAEFF5;
    --color-neutral-300: #E4EAF2;
    --color-neutral-400: #DDE4EF;
    --color-neutral-500: #D6DFEC;
    --color-neutral-600: #B2BAC5;
    --color-neutral-700: #737B84;
    --color-neutral-800: #474A4F;
    --color-neutral-900: #2B2D2F;

    --color-success-dark: #166534;
    --color-success: #16a34a;
    --color-success-light: #bbf7d0;
  
    --color-error-dark: #991b1b;
    --color-error: #ef4444;
    --color-error-light: #fecaca;
  
    --color-warn-dark: #9a3412;
    --color-warn: #f97316;
    --color-warn-light: #fed7aa;
  
    --color-info-dark: #075985;
    --color-info: #0ea5e9;
    --color-info-light: #bae6fd;
  
    --color-brand-00: #D0131A;
    --color-brand-01: #2B2B2B;
  
    --color-salvia: #4A7769;
    --color-bando-aperto: #A1CCB1;
    --color-bando-in-attivazione: #FCD07B;
    --color-archiviato: #1F2937;
  
    --color-focusring: #025ECC;

    /* DEFINE SPACING UNIT */
    --spacing-base: 0.25rem; /* 4px/16 = 0.25 - Valore base configurabile */
    
    /* Spaziature basate sui fattori moltiplicativi forniti */
    --spacing-0: calc(var(--spacing-base) * 0);       /* 0x */
    --spacing-0-5: calc(var(--spacing-base) * 0.5);   /* 0.5x */
    --spacing-1: calc(var(--spacing-base) * 1);       /* 1x */
    --spacing-1-5: calc(var(--spacing-base) * 1.5);   /* 1.5x */
    --spacing-2: calc(var(--spacing-base) * 2);       /* 2x */
    --spacing-2-5: calc(var(--spacing-base) * 2.5);   /* 2.5x */
    --spacing-3: calc(var(--spacing-base) * 3);       /* 3x */
    --spacing-3-5: calc(var(--spacing-base) * 3.5);   /* 3.5x */
    --spacing-4: calc(var(--spacing-base) * 4);       /* 4x */
    --spacing-5: calc(var(--spacing-base) * 5);       /* 5x */
    --spacing-6: calc(var(--spacing-base) * 6);       /* 6x */
    --spacing-7: calc(var(--spacing-base) * 7);       /* 7x */
    --spacing-8: calc(var(--spacing-base) * 8);       /* 8x */
    --spacing-9: calc(var(--spacing-base) * 9);       /* 9x */
    --spacing-10: calc(var(--spacing-base) * 10);     /* 10x */
    --spacing-11: calc(var(--spacing-base) * 11);     /* 11x */
    --spacing-12: calc(var(--spacing-base) * 12);     /* 12x */
    --spacing-14: calc(var(--spacing-base) * 14);     /* 14x */
    --spacing-16: calc(var(--spacing-base) * 16);     /* 16x */
    --spacing-20: calc(var(--spacing-base) * 20);     /* 20x */
    --spacing-24: calc(var(--spacing-base) * 24);     /* 24x */
    --spacing-28: calc(var(--spacing-base) * 28);     /* 28x */
    --spacing-32: calc(var(--spacing-base) * 32);     /* 32x */
    --spacing-36: calc(var(--spacing-base) * 36);     /* 36x */
    --spacing-40: calc(var(--spacing-base) * 40);     /* 40x */
    --spacing-44: calc(var(--spacing-base) * 44);     /* 44x */
    --spacing-48: calc(var(--spacing-base) * 48);     /* 48x */
    --spacing-52: calc(var(--spacing-base) * 52);     /* 52x */
    --spacing-56: calc(var(--spacing-base) * 56);     /* 56x */
    --spacing-60: calc(var(--spacing-base) * 60);     /* 60x */
    --spacing-64: calc(var(--spacing-base) * 64);     /* 64x */
    --spacing-72: calc(var(--spacing-base) * 72);     /* 72x */
    --spacing-80: calc(var(--spacing-base) * 80);     /* 80x */
    --spacing-96: calc(var(--spacing-base) * 96);     /* 96x */

    /* DEFINE PROJECT FONT SETTINGS */
    --fontfamily-sans: 'Open Sans';

    --fontsize-text-xs: 0.75rem;
    --fontsize-text-sm: 0.875rem;
    --fontsize-text-base: 1rem;
    --fontsize-text-lg: 1.125rem;
    --fontsize-text-xl: 1.25rem;
    --fontsize-text-2xl: 1.5rem;
    --fontsize-text-3xl: 1.875rem;
    --fontsize-text-4xl: 2.25rem;
    --fontsize-text-5xl: 3rem;
    --fontsize-text-6xl: 3.75rem;
    --fontsize-text-7xl: 4.5rem;
    --fontsize-text-8xl: 6rem;
    --fontsize-text-9xl: 8rem;

}