:root {
    /* ============================================
       SFONDO PAGINA - MODIFICARE QUI PER TUTTE LE PAGINE
       ============================================ */
    --page-background: #f5f5f5;  /* Grigio chiaro minimal */

    /* ============================================
       GRADIENTI CARD DASHBOARD - MODIFICARE QUI
       ============================================ */
    /* ============================================
       ICONE CARD - Colore uniforme bianco + sfondo consistente
       ============================================ */
    --color-card-icon: #ffffff;  /* Tutte le icone bianche */
    --color-card-icon-bg: rgba(255, 255, 255, 0.25);  /* Sfondo bianco trasparente 25% */

    /* Card Ordini (blu) - scuro in alto a sinistra, chiaro in basso a destra */
    --gradient-card-orders: linear-gradient(135deg, #2171b5 0%, #6baed6 100%);

    /* Card Preventivi (verde) */
    --gradient-card-quotes: linear-gradient(135deg, #0d7a5f 0%, #38ef7d 100%);

    /* Card Produzione/Galleria (arancione) */
    --gradient-card-production: linear-gradient(135deg, #d45a1e 0%, #f5a623 100%);

    /* Card Gestione Clienti (giallo) */
    --gradient-card-clients: linear-gradient(135deg, #c9a227 0%, #f0d861 100%);

    /* Card Gestione Accessi (cyan) */
    --gradient-card-access: linear-gradient(135deg, #00838f 0%, #4dd0e1 100%);

    /* Card Setup (grigio scuro) */
    --gradient-card-setup: linear-gradient(135deg, #1f2937 0%, #6b7280 100%);

    /* Card Backup (blu scuro) */
    --gradient-card-backup: linear-gradient(135deg, #1a1a2e 0%, #4facfe 100%);

    /* Card Monitoraggio Incassi (viola/porpora - scuro per leggibilità) */
    --gradient-card-incassi: linear-gradient(135deg, #4a235a 0%, #6c3483 100%);

    /* Card Approvvigionamento/Magazzino (teal/acquamarina) */
    --gradient-card-magazzino: linear-gradient(135deg, #00695c 0%, #26a69a 100%);

    /* ============================================
       COLORI TEMA PRINCIPALE
       ============================================ */
    --color-primary-light: #6ca5f0;  /* Blu chiaro iniziale gradiente */
    --color-primary-dark: #3e76ad;   /* Blu scuro finale gradiente */

    /* Gradiente principale */
    --gradient-primary: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary-dark) 100%);
    
    /* Varianti colore primario */
    --color-primary-hover: #358ade;
    --color-primary-light-bg: #e3f2fd;
    --color-primary-alpha-20: rgba(61, 90, 158, 0.2);
    --color-primary-alpha-30: rgba(61, 90, 158, 0.3);
    --color-primary-alpha-40: rgba(61, 90, 158, 0.4);
    
    /* Colori secondari */
    --color-green: #28a745;
    --color-green-hover: #218838;
    --color-green-light: #d4edda;
    --color-green-text: #155724;
    
    --color-orange: #f57c00;
    --color-orange-light: #fff3e0;
    
    --color-red: #dc3545;
    --color-red-hover: #c82333;
    --color-red-light: #ffebee;
    --color-red-text: #721c24;
    
    --color-teal: #00796b;
    --color-teal-light: #e0f2f1;
    
    --color-cyan: #17a2b8;
    --color-cyan-hover: #138496;
    
    /* Colori stato badge */
    --status-pending-bg: #fff3cd;
    --status-pending-text: #856404;
    
    --status-confirmed-bg: #cfe2ff;
    --status-confirmed-text: #084298;
    
    --status-in-progress-bg: #e7f3ff;
    --status-in-progress-text: #0066cc;
    
    --status-ready-bg: #d1ecf1;
    --status-ready-text: #0c5460;
    
    --status-delivered-bg: #d4edda;
    --status-delivered-text: #155724;
    
    --status-cancelled-bg: #f8d7da;
    --status-cancelled-text: #721c24;
    
    /* Colori base UI */
    --color-white: #ffffff;
    --color-gray-50: #f8f9fa;
    --color-gray-100: #f5f5f5;
    --color-gray-200: #f0f0f0;
    --color-gray-300: #e9ecef;
    --color-gray-400: #dee2e6;
    --color-gray-500: #999;
    --color-gray-600: #666;
    --color-gray-700: #333;
    
    /* Shadow */
    --shadow-sm: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-md: 0 5px 15px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.1);
    --shadow-xl: 0 15px 40px rgba(0,0,0,0.2);
    
    /* Border radius */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 15px;
    --radius-round: 20px;
    
    /* Transitions */
    --transition-fast: 0.2s;
    --transition-normal: 0.3s;
    --transition-slow: 0.5s;
}