/* =========================================================
   ZIX-TRANS-CRM — Design Tokens (Light + Dark)
   Charger ce fichier AVANT crm.css
   ========================================================= */

:root,
[data-theme="light"] {
  --surface-1: #ffffff;
  --surface-2: #f4f6f9;
  --border: #e2e6ec;
  --border-success: #b8e2c8;

  --text-primary: #1a2233;
  --text-secondary: #5b6472;
  --text-muted: #9aa2ad;
  --text-accent: #2f7ad1;
  --text-success: #1f9d55;

  --fill-accent: #378add;
  --fill-accent-hover: #2f78c2;
  --bg-accent: #e8f1fc;
  --on-accent: #ffffff;

  --danger: #e5484d;
  --warning: #d9a441;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 14px rgba(16, 24, 40, 0.08);

  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 14px;
}

[data-theme="dark"] {
  --surface-1: #141b28;
  --surface-2: #0c1420;
  --border: rgba(255, 255, 255, 0.08);
  --border-success: rgba(46, 204, 113, 0.35);

  --text-primary: #f2f4f8;
  --text-secondary: #a8b0bd;
  --text-muted: #6b7280;
  --text-accent: #7fb3f0;
  --text-success: #4fd583;

  --fill-accent: #378add;
  --fill-accent-hover: #4a97e6;
  --bg-accent: rgba(55, 138, 221, 0.15);
  --on-accent: #ffffff;

  --danger: #ff6b6b;
  --warning: #f0b955;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);

  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 14px;
}

body,
body * {
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}