/* M7.1 — token approvati in docs/design/. Tema chiaro operativo. */
:root {
  --canvas: #F4F7FC;
  --surface: #FFFFFF;
  --text: #15213D;
  --muted: #526079;
  --border: #D7DFEB;
  --control-border: #71809A;
  --action: #233EC4;
  --on-action: #FFFFFF;
  --focus: #233EC4;
  --success: #146C43;
  --success-bg: #EBF7F0;
  --warning: #805000;
  --warning-bg: #FFF4D6;
  --error: #B42332;
  --error-bg: #FFF0F1;
  --info: #233EC4;
  --info-bg: #EEF2FF;
}
[data-theme="dark"] {
  --canvas: #0D1730;
  --surface: #152342;
  --text: #F3F6FC;
  --muted: #BDC9DE;
  --border: #354767;
  --control-border: #8294B7;
  --action: #A6B8FF;
  --on-action: #0D1730;
  --focus: #55D4FC;
  --success: #8CE0B2;
  --success-bg: #16392C;
  --warning: #FFD787;
  --warning-bg: #3E3017;
  --error: #FFB5BD;
  --error-bg: #431F2B;
  --info: #A6B8FF;
  --info-bg: #202E57;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-pill: 999px;
  --size-target: 44px;
  --size-sidebar: 240px;
  --size-contentMax: 1280px;
  --motion-fast: 150ms;
  --motion-reduced: 0ms;
  --chart-primary: #233EC4;
  --chart-comparison: #087E9B;
  --chart-estimate: #805000;
  --font-family: Inter, system-ui, "Segoe UI", sans-serif;
  --brand-cyan: #55D4FC;
  --brand-navy: #13235B;
  --brand-gradient: linear-gradient(135deg, #15249C, #233EC4, #55D4FC);
}