/* ============================================
   1- VARIABILI CSS
============================================ */
:root {
    /* COLORI PRINCIPALI */
    --color-primary: #42A4B2;
    --color-primary-dark: #2F747E;
    --color-background: #ffffff;
    --color-white: #ffffff;
    --color-black: #000000;
    
    /* COLORI TESTO */
    --color-text: #000000;
    
    /* SCALA TIPOGRAFICA */
    --font-size-xs: 0.875rem; /* 14px */
    --font-size-base: 1rem; /* 16px */
    --font-size-lg: 1.25rem; /* 20px */
    --font-size-xl: 1.5rem; /* 24px */
    --font-size-2xl: 2.125rem; /* 34px */
    --font-size-3xl: 2.5rem; /* 40px */
    
    /* SPAZIATURE */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
}