/* ==========================================================================
   Les deux thèmes du dashboard : ce que le panel ne portait pas
   ==========================================================================

   static/panel/panel.css est la copie à l'octet près du Tailwind compilé du panel KNG,
   et il ne bouge pas : c'est lui qui porte les jetons, les classes et la géométrie.
   Il a été compilé pour un thème sombre unique (class="dark" en dur), donc :

   1. les deux jeux de jetons y sont bien (:root pour le clair, .dark pour le sombre),
      et le passage de l'un à l'autre suffit pour tout ce qui est en jetons ;
   2. mais ses teintes d'état (ambre, émeraude, ciel, rose, rouge) et ses couleurs de
      série sont écrites pour un fond #09090B. Rendues sur blanc, elles tombent entre
      1,1 et 3,8 pour 1, alors qu'un texte courant demande 4,5 et un trait 3.

   Cette feuille ne corrige que cela, et rien d'autre : mêmes noms de classes, mêmes
   rôles, en clair la nuance qui se lit sur blanc. Elle se charge après panel.css.
   Chaque valeur porte le rapport de contraste mesuré (blanc = #FFFFFF, muted = #F4F4F5,
   sombre = #09090B). Aucun nom de classe n'est inventé ici.

   Elle est mesurée par refonte-kng/verif-theme.py, dans un vrai navigateur, dans les
   deux thèmes, page par page.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. En clair, les jetons du panel qui tombent sous le seuil
   -------------------------------------------------------------------------- */

:root:not(.dark) {
  /* Le gris secondaire du panel (#71717A) donne 4,40 sur le fond des onglets et des
     tuiles (#F4F4F5), juste sous les 4,5 du texte courant. Deux points de clarté en
     moins : 4,74 sur ce fond, 5,20 sur blanc. Le sombre garde le sien (7,19). */
  --muted-foreground: 240 4% 44%;       /* #6C6C74 */

  /* Le rouge plein du panel (#EF4444) porte du texte blanc à 3,76 : la nuance est faite
     pour un fond, pas pour un fond qui porte du texte. En clair il descend d'un cran,
     ce qui met les pastilles pleines à 6,47 et le texte d'erreur au même niveau. */
  --destructive: 0 74% 42%;             /* #B91C1C : 6,47 avec du blanc dessus */

  /* Les séries claires du panel (#0DA2E7, #10B77F, #F59F0A, #EF4343) donnent 2,13 à 3,78
     sur blanc : un trait de graphique doit ressortir du fond (3 pour 1), et les étiquettes
     de valeur peintes dans la couleur de la série sont du texte de 9 px, qui demande 4,5.
     En clair, chaque série prend la nuance 700 du même ton : le trait ressort, l'étiquette
     se lit. La série 3 tient déjà (5,67). Le sombre garde les siennes. */
  --chart-1: 201 96% 32%;               /* #0369A1 : 5,93 sur blanc */
  --chart-2: 163 94% 24%;               /* #047857 : 5,48 sur blanc */
  --chart-4: 26 90% 37%;                /* #B45309 : 5,02 sur blanc */
  --chart-5: 0 74% 42%;                 /* #B91C1C : 6,47 sur blanc */
}

/* --------------------------------------------------------------------------
   2. Le texte d'erreur, dans les deux thèmes
   -------------------------------------------------------------------------- */

/* --destructive est un fond dans le panel : en sombre (#7F1D1D) il donne 1,99 pour du
   texte sur le fond du dashboard. Les dates en retard, les états « ouvert » et le
   message d'erreur de la connexion étaient donc illisibles en sombre. Le texte prend
   la nuance de texte, le fond garde la sienne. En clair, le jeton suffit (6,47). */

.dark .text-destructive {
  color: hsl(0 91% 71%);                /* #F87171 : 7,19 sur #09090B */
}

/* --------------------------------------------------------------------------
   3. En clair, les teintes d'état du panel
   -------------------------------------------------------------------------- */

/* 500 sur blanc : ambre 2,15, émeraude 2,54, ciel 2,77, rose 3,67. Les encadrés
   d'alerte étaient pires encore, avec leurs nuances 200 et 300 (ambre 1,15). En clair,
   chaque rôle prend la nuance 700 du même ton : au-dessus de 4,5 sur blanc comme sur
   le fond des tuiles. Le thème sombre garde les siennes, qui tiennent déjà. */

:root:not(.dark) .text-amber-500,
:root:not(.dark) .text-amber-200 {
  color: hsl(26 90% 37%);               /* #B45309 : 5,02 sur blanc */
}

:root:not(.dark) .text-emerald-500,
:root:not(.dark) .text-emerald-300 {
  color: hsl(163 94% 24%);              /* #047857 : 5,48 sur blanc */
}

:root:not(.dark) .text-sky-500 {
  color: hsl(201 96% 32%);              /* #0369A1 : 5,93 sur blanc */
}

:root:not(.dark) .text-rose-500 {
  color: hsl(345 83% 41%);              /* #BE123C : 6,29 sur blanc */
}

:root:not(.dark) .text-red-300,
:root:not(.dark) .text-red-400 {
  color: hsl(0 74% 42%);                /* #B91C1C : 6,47 sur blanc */
}