/* 
 * SAVE Variables - Variabili globali per l'applicazione
 * Created: 2023
 */

/* Font Definitions - GT America Standard */
@font-face {
    font-family: 'GT America';
    src: url('/Content/Font/GT-America-Standard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* Font Definitions - GT America Mono */

@font-face {
    font-family: 'GT America Mono';
    src: url('/Content/Font/GT-America-Mono-Regular.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



:root {
    /* Font Family */
    --save-font-primary: 'GT America', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --save-font-mono: 'GT America Mono', SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    
    /* Font Weights */
    --save-font-weight-thin: 100;
    --save-font-weight-ultra-light: 200;
    --save-font-weight-light: 300;
    --save-font-weight-regular: 400;
    --save-font-weight-medium: 500;
    --save-font-weight-bold: 700;
    --save-font-weight-black: 900;
    
    /* Font Sizes */
    --save-font-size-xs: 12px;
    --save-font-size-sm: 13px;
    --save-font-size-base: 15px;
    --save-font-size-md: 17px;
    --save-font-size-lg: 20px;
    --save-font-size-xl: 24px;

    --save-font-size-h2: 48px;
    --save-font-size-h3: 40px;
    --save-font-size-h4: 32px;
    --save-font-size-h5: 24px;

    --save-font-size-h2-mobile: 32px;
    --save-font-size-h3-mobile: 28px;
    --save-font-size-h4-mobile: 24px;
    --save-font-size-h5-mobile: 20px;
    
    
    
    /* Line Heights */
    --save-line-height: 1.4;
    
    /* Colori primari - Venezia Airport */
    --save-primary-blue: #009DDF;  /* Azzurro Venezia - CMYK: 76|22|0|0 - RGB: 0|157|223 - HEX: #009DDF - PANTONE: 2925 C */
    --save-primary-blue-dark: #0C588E; /* RGB: 12|88|142 - HEX: #0C588E */
    --save-primary-blue-darker: #123565; /* RGB: 18|53|101 - HEX: #123565 */
    --save-primary-blue-backround-panel: #E5F5FC; /* RGB: 18|53|101 - HEX: #123565 */
    --save-primary-blue-opacity: rgba(0, 157, 223, 0.15); /* Primary blue with 15% opacity */
    
    /* Grigio Airport */
    --save-gray: #717171;          /* CMYK: 54|43|41|26 - RGB: 113|113|113 - HEX: #717171 - PANTONE: 424 C */
    --save-gray-10: #E9E9E9;      /* Grigio 10% */
    --save-gray-25: #D1D1D1;      /* Grigio 25% */
    --save-gray-35: #B8B8B8;      /* Grigio 35% */
    --save-gray-50: #A8A8A8;      /* Grigio 50% */
    --save-gray-65: #888888;      /* Grigio 65% */
    --save-gray-75: #717171;      /* Grigio 75% */
    
    /* Colori base */
    --save-white: #FFFFFF;         /* Bianco */
    --save-black: #000000;         /* Nero */
    
    /* Colori di supporto per UI */
    --save-light-gray: #F8F9FA;    /* Sfondo grigio chiaro - per sfondi leggeri */
    --save-border-color: #E9ECEF;  /* Colore per bordi e separatori */
    
    /* Colori per form e input da Figma */
    --save-input-text: #404040;    /* Colore testo input e label */
    --save-input-border: #A6A6A6;  /* Colore bordo input */
    --save-input-border-focus: #000000; /* Colore bordo input in focus */
    --save-input-disabled-bg: #F3F5F6; /* Background per input disabilitati */
    --save-input-disabled-border: #BFBFBF; /* Bordo per input disabilitati */
    --save-error: #FA3200;        /* Colore per errori/alert */
    
    /* Spacing e dimensioni */
    --save-spacing-xs: 4px;
    --save-spacing-sm: 8px;
    --save-spacing-md: 16px;
    --save-spacing-lg: 24px;
    --save-spacing-xl: 32px;
    --save-spacing-xxl: 40px;
    
    /* Border radius */
    --save-border-radius: 8px;
    
    /* Shadow */
    --save-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    
    /* Transizioni */
    --save-transition: 0.2s ease;
}