/* mFree — design tokens. Unica fonte per colori, spaziature, tipografia, forme.
   Regola d'oro: nessun modulo scrive un colore o uno spazio a mano. Se un domani
   cambia il blu principale, si cambia qui e si aggiorna ovunque. */
:root {
  /* Colori */
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-secondary: #64748b;
  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-sunk: #eef2f7;      /* intestazioni, barre, piedi: zone che incorniciano */
  --color-border: #e2e8f0;
  --color-success: #16a34a;
  --color-danger: #dc2626;
  --color-warning: #d97706;
  --color-text-primary: #0f172a;
  --color-text-secondary: #64748b;

  /* Spaziature */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Tipografia */
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --font-size-sm: 13px;
  --font-size-md: 15px;
  --font-size-lg: 18px;
  --font-weight-normal: 400;
  --font-weight-bold: 500;

  /* Tinte tenui: sfondi e bordi degli stati. Esistono come token perché html2canvas
     (e i browser più vecchi) non digeriscono color-mix(), e perché una tinta usata
     in tre punti deve avere un nome, non una formula ripetuta. */
  --tint-ok-bg: #dcfce7;      --tint-ok-bd: #bbf7d0;
  --tint-warn-bg: #fef3c7;    --tint-warn-bd: #fde68a;
  --tint-danger-bg: #fef2f2;  --tint-danger-bd: #fecaca;
  --tint-primary-bd: #93b4fb;

  /* Forme */
  --radius: 8px;
  --radius-card: 12px;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, .08);
}

/* Tema scuro: si ridefiniscono solo i token, nessun componente e nessun modulo va
   toccato. È il motivo della regola "nessun colore scritto a mano": un modulo scritto
   oggi eredita gratis qualunque tema aggiunto domani. */
:root[data-theme="scuro"] {
  --color-primary: #5b8dff;
  --color-primary-dark: #7ba4ff;
  --color-secondary: #94a3b8;
  --color-bg: #131a24;        /* alzato: il fondo precedente era quasi nero */
  --color-surface: #1c2532;
  --color-sunk: #171f2b;
  --color-border: #303c4d;
  --color-success: #4ade80;
  --color-danger: #f87171;
  --color-warning: #fbbf24;
  --color-text-primary: #e6ebf3;
  --color-text-secondary: #94a3b8;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, .4);
  --tint-ok-bg: #14321f;      --tint-ok-bd: #1f5133;
  --tint-warn-bg: #3a2c10;    --tint-warn-bd: #63481a;
  --tint-danger-bg: #3a1a1a;  --tint-danger-bd: #6b2626;
  --tint-primary-bd: #3b5a9e;
}