/* StudioWorkflow — Design tokens
   Variabili CSS centralizzate. Cambiare qui per ridiscordare l'intera UI. */

:root {
    /* Tipografia */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'SF Mono', Menlo, Consolas, 'Courier New', monospace;

    --fs-xs:    0.75rem;     /* 12 */
    --fs-sm:    0.875rem;    /* 14 */
    --fs-base:  1rem;        /* 16 */
    --fs-lg:    1.125rem;    /* 18 */
    --fs-xl:    1.25rem;     /* 20 */
    --fs-2xl:   1.5rem;      /* 24 */
    --fs-3xl:   1.875rem;    /* 30 */
    --fs-4xl:   2.25rem;     /* 36 */

    --fw-regular: 400;
    --fw-medium:  500;
    --fw-semi:    600;
    --fw-bold:    700;

    /* Spaziature (scala 4) */
    --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;

    /* Colori — palette */
    --color-bg:           #f7f8fa;
    --color-surface:      #ffffff;
    --color-surface-alt:  #f3f4f6;
    --color-border:       #e5e7eb;
    --color-border-strong:#d1d5db;

    --color-text:         #111827;
    --color-text-muted:   #6b7280;
    --color-text-light:   #9ca3af;

    --color-primary:        #1d4ed8;
    --color-primary-hover:  #1e40af;
    --color-primary-light:  #dbeafe;
    --color-primary-text:   #ffffff;

    --color-success:        #16a34a;
    --color-success-bg:     #dcfce7;
    --color-warning:        #d97706;
    --color-warning-bg:     #fef3c7;
    --color-danger:         #dc2626;
    --color-danger-bg:      #fee2e2;
    --color-info:           #0284c7;
    --color-info-bg:        #e0f2fe;

    /* Priorità task */
    --color-prio-urgente:  #dc2626;
    --color-prio-alta:     #ea580c;
    --color-prio-media:    #d97706;
    --color-prio-bassa:    #6b7280;

    /* Bordi e ombre */
    --radius-sm: 4px;
    --radius:    6px;
    --radius-lg: 10px;
    --radius-xl: 14px;

    --shadow-sm:  0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow:     0 1px 3px rgba(15, 23, 42, 0.10), 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-lg:  0 10px 15px rgba(15, 23, 42, 0.10), 0 4px 6px rgba(15, 23, 42, 0.05);
    --shadow-xl:  0 20px 25px rgba(15, 23, 42, 0.10), 0 10px 10px rgba(15, 23, 42, 0.04);

    /* Layout */
    --sidebar-width: 240px;
    --topbar-height: 60px;
    --content-max-width: 1280px;

    /* Animazioni */
    --transition-fast: 0.15s ease;
    --transition:      0.2s ease;
}