/* Charte de MC Routing, jetons recopiés à l'identique du :root de Outil_suivi.html (modèle téléphone).
   Polices : celles de l'application principale, chargées par index.html (versions épinglées). */
:root{
  --text            : #1c1a16;
  --text-strong     : #141210;
  --text-secondary  : #4a463c;
  --text-muted      : #6a6457;
  --surface         : #f7f4ec;
  --surface-raised  : #fffdf8;
  --surface-sunken  : #efebe0;

  --rule-strong     : #cfc7b5;
  --rule-control    : #918b7f;

  --success         : #1a6f3c;
  --danger          : #b0341f;
  --warn            : #8a5a0b;
  --info            : #1a5a9e;
  --success-soft    : #e6f4ea;
  --success-soft-rule : #bfe0ca;
  --danger-soft     : #faeae4;
  --danger-soft-rule: #efcfc3;
  --warn-soft       : #faf0df;
  --warn-soft-rule  : #edd9ae;
  --info-soft       : #eaf0f7;
  --info-soft-rule  : #c3d6e9;
  --on-accent       : #ffffff;

  --surface-inverse      : #2b2722;
  --surface-inverse-soft : #4a463c;
  --on-inverse           : #f4f0e6;
  --on-inverse-muted     : #bdb6a5;
  --on-inverse-positive  : #6cc48f;
  --success-bar          : #4cbc82;
  --warn-bar             : #dfab5a;

  /* Voiles : repli solide d'abord, color-mix ensuite (déclaration ignorée si non prise en charge). */
  --scrim-solid: var(--text-strong);
  --scrim-deep : color-mix(in srgb, var(--text-strong) 88%, transparent);
  --scrim-mid  : color-mix(in srgb, var(--text-strong) 60%, transparent);
  --shadow-mid : color-mix(in srgb, var(--text-strong) 15%, transparent);
  --shadow-deep: color-mix(in srgb, var(--text-strong) 30%, transparent);

  --surface-grain : linear-gradient(178deg, var(--surface-raised) 0%, var(--surface) 42%, var(--surface-sunken) 100%);

  --font-display : 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  --font-body    : 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono    : 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  color-scheme: only light;
}
/* Seule exception au thème clair forcé, comme dans Outil_suivi.html : la barre d'avancement. */
@media (prefers-color-scheme: dark){
  :root{ --success-bar: #b9f0cf; }
}