/* 
 * LP Italiana - Variabili CSS 
 * Questo file centralizza tutti gli elementi di design dell'applicazione
 * per facilitare future modifiche all'identità grafica
 */

:root {
    /* Colori principali */
    --color-primary: #0064af; /* Blu - colore principale */
    --color-primary-dark: #00558f; /* Blu scuro per hover */
    --color-secondary: #ffffff; /* Bianco */
    --color-text: #333333; /* Grigio scuro per testo */
    --color-text-light: #666666; /* Grigio medio per testo secondario */
    --color-background: #ffffff; /* Bianco sfondo principale */
    --color-background-alt: #f5f8fb; /* Azzurro chiaro per sfondi alternativi */
    --color-footer: #0a2240; /* Blu scuro footer */
    --color-border: #dddddd; /* Grigio chiaro per bordi */
    /* Tipografia */
    --font-family-base: Arial, Helvetica, sans-serif;
    --font-family-headings: Arial, Helvetica, sans-serif;
    --font-size-base: 14px;
    --font-size-small: 12px;
    --font-size-medium: 16px;
    --font-size-large: 18px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    --line-height-base: 1.5;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    /* Spaziatura */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;
    --spacing-xxl: 40px;
    /* Layout */
    --container-width: 1200px;
    --container-padding: 15px;
    /* Elementi UI */
    --border-radius: 0; /* Nessun arrotondamento */
    --box-shadow: none; /* Nessuna ombra */
    --box-shadow-hover: 0 3px 6px rgba(0, 0, 0, 0.1); /* Ombra leggera per hover */
    /* Transizioni */
    --transition-base: all 0.3s ease;
    /* Z-index */
    --z-index-navbar: 1000;
    --z-index-dropdown: 1010;
    --z-index-modal: 1050;
}