/* MakerSpecs — Design tokens (design guide v1.1) */

:root {
  /* SUPERFICIE */
  --color-bg:           #FFFFFF;
  --color-bg-subtle:    #F8FAFC;
  --color-bg-inset:     #F1F5F9;
  --color-bg-overlay:   #FFFFFF;

  /* BORDI */
  --color-border:         #E2E8F0;
  --color-border-strong:  #94A3B8;
  --color-border-subtle:  #F8FAFC;

  /* TESTO */
  --color-text-primary:    #0F172A;
  --color-text-secondary:  #475569;
  --color-text-tertiary:   #64748B;
  --color-text-disabled:   #94A3B8;
  --color-text-inverse:    #FFFFFF;

  /* BRAND — Indaco anodizzato */
  --color-accent:          #5765AE;
  --color-accent-hover:    #43508F;
  --color-accent-subtle:   #F1F5F9;
  --color-accent-border:   #CBD5E1;

  /* STATI SEMANTICI */
  --color-success:         #10B981;
  --color-success-subtle:  #D1FAE5;
  --color-warning:         #F59E0B;
  --color-warning-subtle:  #FEF3C7;
  --color-danger:          #E11D48;
  --color-danger-subtle:   #FFE4E6;

  /* PROCESSI — colore vive solo nel dot */
  --color-process-tag: #7C3AED;
  --color-process-add: #0EA5E9;
  --color-process-rim: #475569;
  --color-process-inc: #D97706;
  --color-process-def: #059669;
  --color-process-sta: #DB2777;
  --color-process-ass: #EA580C;
  --color-process-mis: #0891B2;
  --color-process-fin: #7C3AED;
  --color-process-tes: #BE185D;
  --color-process-ter: #B45309;

  /* FASCE F1–F5 — usati solo nel progress bar, mai come bg */
  --color-tier-1: #94A3B8;
  --color-tier-2: #64748B;
  --color-tier-3: #475569;
  --color-tier-4: #334155;
  --color-tier-5: #0F172A;

  /* SCALA TIPOGRAFICA (ratio 1.25 — Major Third) */
  --text-xs:   0.694rem;   /* 11px */
  --text-sm:   0.833rem;   /* 13px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.25rem;    /* 20px */
  --text-xl:   1.563rem;   /* 25px */
  --text-2xl:  1.953rem;   /* 31px */
  --text-3xl:  2.441rem;   /* 39px */
  --text-4xl:  3.052rem;   /* 49px */
  --text-5xl:  3.815rem;   /* 61px */

  /* LINE-HEIGHT */
  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;
  --leading-data:    1.0;

  /* LETTER SPACING */
  --tracking-tight:  -0.02em;
  --tracking-normal:  0em;
  --tracking-wide:    0.06em;
  --tracking-wider:   0.12em;

  /* SPAZIATURA (base 4px) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* BORDER RADIUS */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;

  /* TRANSIZIONI */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease-out;
}