/* ====================================================================
   Design tokens — palette terre/papier, couleurs par rôle
   ==================================================================== */

:root {
  --ink: #0f1419;
  --ink-2: #2a3038;
  --ink-3: #5a6470;
  --ink-4: #8a939e;
  --paper: #faf8f3;
  --paper-2: #f1ede4;
  --line: #e3ddd0;
  --line-2: #d4cbb7;
  --accent: #b8451f;
  --accent-soft: #e8d5c4;
  --green: #2d6a4f;
  --green-soft: #d8e8de;
  --amber: #b07d18;
  --amber-soft: #f0e2bf;
  --red: #9b2c2c;
  --red-soft: #f0d4d4;

  /* Couleurs accent par rôle (sobres) */
  --role-commercial: #2d6a4f;
  --role-commercial-soft: #d8e8de;
  --role-manager: #1f4f87;
  --role-manager-soft: #d4e0ec;
  --role-admin: #6b2d8a;
  --role-admin-soft: #e2d4ec;
}

/* Application des couleurs de rôle au scope .app */
.app[data-role="commercial"] {
  --current-role-color: var(--role-commercial);
  --current-role-soft: var(--role-commercial-soft);
}
.app[data-role="manager"] {
  --current-role-color: var(--role-manager);
  --current-role-soft: var(--role-manager-soft);
}
.app[data-role="admin"] {
  --current-role-color: var(--role-admin);
  --current-role-soft: var(--role-admin-soft);
}