/* ==========================================================================
   THÈME — toutes les couleurs du site sont ici, et seulement ici.
   Pour changer une couleur : modifier sa valeur dans le bloc « clair » et,
   si besoin, dans le bloc « sombre ». Les variantes (-soft, -strong, -faint)
   sont calculées automatiquement à partir de la couleur de base : changer
   --good change aussi tous les fonds et textes verts du site.
   Les couleurs choisies dans Paramètres → « Couleurs du thème » s'ajoutent
   par-dessus ce fichier (dans le navigateur de l'utilisateur seulement).
   ========================================================================== */

/* ---- Mode clair ---- */
:root {
  --bg: #f3f6fb;
  --card: #ffffff;
  --border: #e5e9f0;
  --grid: #eef1f5;
  --text: #16213a;
  --text-2: #4b5669;
  --muted: #7a8496;
  --navy: #0e1c38;
  --navy-2: #182a4d;
  --nav-text: #c9d3e6;
  --primary: #1f6fd6;
  --primary-soft: #e8f1fd;
  --s1: #2a78d6; --s2: #eb6834; --s3: #1baf7a; --s4: #eda100; --s5: #e87ba4; --s-other: #a3adbb;
  --good: #1f9d55; --warn: #f0a500; --crit: #e03131;
  --ab: #e5484d; --mv: #f4a6bd; --ec: #c8d3e1; --ok: #57c27f;
  --heat-0: #fdeeee; --heat-1: #b3121b;
  --shadow: 0 1px 2px rgba(16, 30, 60, .04), 0 2px 8px rgba(16, 30, 60, .04);
  --radius: 12px;
  color-scheme: light;
  /* issues ajoutées (règles v3) */
  --fe: #9aa6b8; --rv: #7aa7e8; --mach: #8b6fe0;
  /* tuile « Appels sans réponse humaine » (sprint 10) : couleurs propres à cette tuile, sûres pour la protanopie et la deutéranopie,
     contraste ≥ 3:1 sur --card (WCAG 1.4.11). --ab (Abandons) et --mv / --ec / --fe (globaux) ne changent pas. */
  --uns-mv: #2a78d6; --uns-nr: #14907a; --uns-fe: #4a5568;
  /* accent (délai de réponse, parcours) */
  --accent: #6d4ad6;
  /* fond de la carte de France */
  --land: #e3e9f2;
  /* texte posé sur une couleur pleine */
  --on-strong: #ffffff;
}

/* ---- Mode sombre (automatique selon le système, sauf si « clair » est forcé) ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1420; --card: #171d2b; --border: #273043; --grid: #222a3a;
    --text: #eef2f8; --text-2: #c3cad6; --muted: #8e98aa;
    --navy: #0a1122; --navy-2: #16223e; --nav-text: #b9c4d8;
    --primary: #4b8ff0; --primary-soft: #1b2a45;
    --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500; --s5: #d55181; --s-other: #6b7587;
    --good: #2fb56a; --warn: #e0a100; --crit: #f0555a;
    --ab: #ec5a5f; --mv: #c7658a; --ec: #4b586d; --ok: #3aa86a;
    --heat-0: #2a1f25; --heat-1: #f0555a;
    --shadow: none; color-scheme: dark;
    --fe: #5d6b80; --rv: #4b78b8; --mach: #7c62cc;
    --uns-mv: #4b8ff0; --uns-nr: #1f9a85; --uns-fe: #aab6cb;
    --accent: #9a7ff0;
    --land: #253049;
  }
}
/* ---- Mode sombre forcé (Paramètres → Thème → Sombre) ---- */
:root[data-theme="dark"] {
  --bg: #0f1420; --card: #171d2b; --border: #273043; --grid: #222a3a;
  --text: #eef2f8; --text-2: #c3cad6; --muted: #8e98aa;
  --navy: #0a1122; --navy-2: #16223e; --nav-text: #b9c4d8;
  --primary: #4b8ff0; --primary-soft: #1b2a45;
  --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500; --s5: #d55181; --s-other: #6b7587;
  --good: #2fb56a; --warn: #e0a100; --crit: #f0555a;
  --ab: #ec5a5f; --mv: #c7658a; --ec: #4b586d; --ok: #3aa86a;
  --heat-0: #2a1f25; --heat-1: #f0555a;
  --shadow: none; color-scheme: dark;
  --fe: #5d6b80; --rv: #4b78b8; --mach: #7c62cc;
  --uns-mv: #4b8ff0; --uns-nr: #1f9a85; --uns-fe: #aab6cb;
  --accent: #9a7ff0;
  --land: #253049;
}

/* ---- Variantes calculées (ne pas modifier : elles suivent les couleurs de base) ---- */
:root {
  --good-soft:   color-mix(in srgb, var(--good) 18%, var(--card));   /* fond vert : Top, ✓, pastilles */
  --good-faint:  color-mix(in srgb, var(--good) 8%, var(--card));
  --good-strong: color-mix(in srgb, var(--good) 72%, var(--text));   /* texte vert sur fond clair */
  --crit-soft:   color-mix(in srgb, var(--crit) 15%, var(--card));   /* fond rouge : 5 derniers, ✗, erreurs */
  --crit-faint:  color-mix(in srgb, var(--crit) 6%, var(--card));
  --crit-strong: color-mix(in srgb, var(--crit) 78%, var(--text));
  --warn-soft:   color-mix(in srgb, var(--warn) 22%, var(--card));
  --warn-faint:  color-mix(in srgb, var(--warn) 8%, var(--card));
  --accent-soft: color-mix(in srgb, var(--accent) 15%, var(--card));
  --s-other-strong: color-mix(in srgb, var(--s-other) 75%, var(--text)); /* « autres appels » des barres de la fiche agence : contraste de forme ≥ 3:1 sur --card (WCAG 1.4.11) */
}