:root {
    /* ─── Colori Primari ─────────────────────── */
    --color-primary:        #2563eb;
    --color-primary-hover:  #1d4ed8;
    --color-primary-light:  #dbeafe;
    --color-primary-dark:   #1e40af;
    --color-secondary:      #475569;
    --color-secondary-hover:#334155;

    /* ─── Colori di Stato ────────────────────── */
    --color-success:        #16a34a;
    --color-success-light:  #dcfce7;
    --color-success-dark:   #15803d;
    --color-warning:        #d97706;
    --color-warning-light:  #fef3c7;
    --color-danger:         #dc2626;
    --color-danger-light:   #fee2e2;
    --color-danger-dark:    #b91c1c;
    --color-info:           #0891b2;
    --color-info-light:     #cffafe;

    /* ─── Neutri ─────────────────────────────── */
    --color-white:          #ffffff;
    --color-gray-50:        #f8fafc;
    --color-gray-100:       #f1f5f9;
    --color-gray-200:       #e2e8f0;
    --color-gray-300:       #cbd5e1;
    --color-gray-400:       #94a3b8;
    --color-gray-500:       #64748b;
    --color-gray-600:       #475569;
    --color-gray-700:       #334155;
    --color-gray-800:       #1e293b;
    --color-gray-900:       #0f172a;

    /* ─── Tipografia ─────────────────────────── */
    --font-family:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-family-mono:     'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    --font-size-xs:         0.75rem;
    --font-size-sm:         0.875rem;
    --font-size-base:       1rem;
    --font-size-lg:         1.125rem;
    --font-size-xl:         1.25rem;
    --font-size-2xl:        1.5rem;
    --font-size-3xl:        1.875rem;
    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;
    --line-height-tight:    1.25;
    --line-height-normal:   1.5;
    --line-height-relaxed:  1.75;

    /* ─── Spaziatura ─────────────────────────── */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    /* ─── Bordi e Raggi ──────────────────────── */
    --radius-sm:    0.25rem;
    --radius-md:    0.375rem;
    --radius-lg:    0.5rem;
    --radius-xl:    0.75rem;
    --radius-2xl:   1rem;
    --radius-full:  9999px;
    --border-color: var(--color-gray-200);

    /* ─── Ombre ──────────────────────────────── */
    --shadow-sm:    0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md:    0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg:    0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl:    0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

    /* ─── Layout ─────────────────────────────── */
    --sidebar-width:        260px;
    --sidebar-collapsed:    64px;
    --topbar-height:        60px;
    --content-max-width:    1200px;

    /* ─── Transizioni ────────────────────────── */
    --transition-fast:      150ms ease;
    --transition-normal:    250ms ease;
    --transition-slow:      350ms ease;

    /* ─── Z-index ────────────────────────────── */
    --z-sidebar:    100;
    --z-topbar:     110;
    --z-dropdown:   120;
    --z-modal:      200;
    --z-toast:      300;
}