:root {
    --colore-primario: #0284c7;
    --colore-primario-chiaro: #38bdf8;
    --colore-primario-scuro: #0369a1;
    --colore-primario-trasparente: rgba(2, 132, 199, 0.12);
    --colore-secondario: #64748b;
    --colore-secondario-chiaro: #94a3b8;
    --colore-secondario-scuro: #475569;
    --colore-sfondo-pagina: #f0f9ff;
    --colore-sfondo-scheda: #ffffff;
    --colore-sfondo-overlay: rgba(15, 23, 42, 0.4);
    --colore-sfondo-trasparente: rgba(255, 255, 255, 0.9);
    --colore-testo-principale: #0c4a6e;
    --colore-testo-secondario: #334155;
    --colore-testo-chiaro: #64748b;
    --colore-testo-bianco: #ffffff;
    --colore-testo-invertito: #ffffff;
    --colore-successo: #10b981;
    --colore-successo-chiaro: #d1fae5;
    --colore-errore: #ef4444;
    --colore-errore-chiaro: #fee2e2;
    --colore-attenzione: #f59e0b;
    --colore-attenzione-chiaro: #fef3c7;
    --colore-info: #3b82f6;
    --colore-info-chiaro: #dbeafe;
    --gradiente-primario: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    --gradiente-secondario: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --gradiente-vetro: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);
    --font-principale: 'Inter', system-ui, -apple-system, sans-serif;
    --font-titoli: 'Outfit', system-ui, -apple-system, sans-serif;
    --font-mono: 'Fira Code', monospace;
    --dimensione-font-base: 16px;
    --dimensione-font-xs: 0.75rem;
    --dimensione-font-sm: 0.875rem;
    --dimensione-font-md: 1rem;
    --dimensione-font-lg: 1.125rem;
    --dimensione-font-xl: 1.25rem;
    --dimensione-font-2xl: 1.5rem;
    --dimensione-font-3xl: 1.875rem;
    --dimensione-font-4xl: 2.25rem;
    --dimensione-font-5xl: 3rem;
    --peso-leggero: 300;
    --peso-normale: 400;
    --peso-medio: 500;
    --peso-grassetto: 700;
    --peso-extra: 800;
    --interlinea-stretta: 1.2;
    --interlinea-normale: 1.5;
    --interlinea-ampia: 1.8;
    --spazio-0: 0;
    --spazio-1: 0.25rem;
    --spazio-2: 0.5rem;
    --spazio-3: 0.75rem;
    --spazio-4: 1rem;
    --spazio-5: 1.25rem;
    --spazio-6: 1.5rem;
    --spazio-8: 2rem;
    --spazio-10: 2.5rem;
    --spazio-12: 3rem;
    --spazio-16: 4rem;
    --spazio-20: 5rem;
    --raggio-piccolo: 0.5rem;
    --raggio-medio: 0.75rem;
    --raggio-grande: 1rem;
    --raggio-extra: 1.75rem;
    --raggio-tondo: 9999px;
    --bordo-sottile: 1px solid #e0f2fe;
    --bordo-focus: 3px solid rgba(2, 132, 199, 0.3);
    --ombra-piccola: 0 1px 2px 0 rgba(12, 74, 110, 0.05);
    --ombra-media: 0 4px 6px -1px rgba(12, 74, 110, 0.1), 0 2px 4px -1px rgba(12, 74, 110, 0.06);
    --ombra-grande: 0 10px 15px -3px rgba(12, 74, 110, 0.1), 0 4px 6px -2px rgba(12, 74, 110, 0.05);
    --ombra-extra: 0 20px 25px -5px rgba(12, 74, 110, 0.1), 0 10px 10px -5px rgba(12, 74, 110, 0.04);
    --ombra-interna: inset 0 2px 4px 0 rgba(12, 74, 110, 0.06);
    --ombra-colorata: 0 10px 15px -3px rgba(2, 132, 199, 0.25);
    --sfocatura-vetro: blur(16px);
    --transizione-veloce: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transizione-normale: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transizione-lenta: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --z-negativo: -1;
    --z-normale: 1;
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fisso: 1030;
    --z-modale-sfondo: 1040;
    --z-modale: 1050;
    --z-tooltip: 1080;
    --bp-mobile: 640px;
    --bp-tablet: 768px;
    --bp-desktop: 1024px;
    --bp-desktop-grande: 1280px;
    --bp-2k: 1536px;
    --bp-4k: 2560px;
    --bp-8k: 7680px;
}