:root{
  --bg: #f6f7fb;
  --surface: #ffffff;
  --text: #0f172a;
  --muted: #64748b;

  --border: rgba(15, 23, 42, .10);
  --shadow: 0 10px 30px rgba(15, 23, 42, .08);
  --shadow-sm: 0 6px 18px rgba(15, 23, 42, .08);

  --radius: 16px;
  --radius-sm: 12px;

  --accent: #4f46e5;   /* indigo */
  --accent-2: #22c55e; /* green */

  --kpi-blue: #2563eb;
  --kpi-orange: #f59e0b;
  --kpi-red: #ef4444;
  --kpi-green: #22c55e; /* ✅ aggiunto */

  /* semantici (comodi per testi pos/neg) */
  --success: #22c55e;
  --danger: #ef4444;
}

[data-theme="dark"]{
  --bg: #0b1220;

  /* livelli superficie (fondamentali per non “impastare” tutto) */
  --surface: #111827;      /* card / sidebar */
  --surface-2: #0f172a;    /* contenuti dentro card (table wrap, accordion body) */
  --surface-3: #0b1220;    /* background page */

  --text: #e5e7eb;
  --muted: #b6c2d9;        /* un filo più leggibile */
  --muted-2: #94a3b8;

  --border: rgba(148,163,184,.18);  /* più “fine” e coerente */
  --shadow: 0 16px 50px rgba(0,0,0,.55);
  --shadow-sm: 0 10px 30px rgba(0,0,0,.45);

  /* semantici: in dark teniamo gli stessi (sono già leggibili) */
}