:root {
    /* Colori principali */
    --color-primary: #2196f3;
    --color-primary-dark: #1268ac;
    --color-primary-hover: #18578a;
    
    /* Colori di stato */
    --color-success: #28a745;
    --color-success-dark: #218838;
    --color-error: #dc3545;
    --color-error-dark: #c82333;
    --color-info: #007bff;
    --color-info-dark: #0056b3;
    
    /* Colori neutri */
    --color-background: #f5f5f5;
    --color-background-light: #f9f9f9;
    --color-background-hover: #f0f0f0;
    --color-text: #333;
    --color-text-muted: #666;
    --color-text-light: #999;
    --color-border: #e0e0e0;
    --color-border-light: #ddd;
    
    /* Colori UI */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-shadow: rgba(0, 0, 0, 0.1);
    --color-shadow-medium: rgba(0, 0, 0, 0.15);
    --color-shadow-dark: rgba(0, 0, 0, 0.3);
    --color-overlay: rgba(0, 0, 0, 0.9);
    --color-overlay-light: rgba(0, 0, 0, 0.5);
    
    /* Colori secondari */
    --color-secondary: #6c757d;
    --color-highlight: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    
    /* Colori aggiuntivi per mappe e UI */
    --color-intermediate: #ff9800;
    --color-text-lighter: #888;
    --color-text-dark: #555;
    
    /* Colori per alert/notifiche */
    --color-success-bg: #d4edda;
    --color-success-text: #155724;
    --color-success-border: #c3e6cb;
    
    /* Gradient principale */
    --gradient-primary: linear-gradient(135deg, #2196f3 0%, #1268ac 100%);
}