/* Palette de la vitrine — GÉNÉRÉ, ne pas éditer à la main.
 *
 *   python tools/couleurs/exporter_vitrine.py
 *
 * Source de vérité : Application/app/src/theme/couleurs.ts.
 * Le pourquoi est dans l'en-tête du script.
 */
:root {
  /* Dit au navigateur que les DEUX thèmes existent : sans ça, les
     contrôles natifs (barres de défilement, champs) restent clairs sur
     un fond sombre. */
  color-scheme: light dark;

  /* ── Clair : le défaut ─────────────────────────────────────────── */
  --fond: #f7f3ee;
  --papier: #ffffff;
  --encre: #17140f;
  --gris: #5e5853;
  --gris-clair: #756e69;
  --trait: #e3dcd4;
  --lina: #01757e;
  --lina-2: #2ea3b0;
  --sinan: #c91212;
  --sinan-2: #e5484d;
  --voile: #e6f3f5;
  --voile-sinan: #fdecea;
  --juste: #3d7a15;
  --orbe-clair: #fbd9d9;
  --orbe-fonce: #6b0a0a;
  --sur-lina: #ffffff;
  --sur-sinan: #ffffff;
}

/* Le réglage du système — sauf si le visiteur a explicitement demandé
   le clair, auquel cas `data-theme="clair"` désarme ce bloc. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    --fond: #100e0c;
    --papier: #191614;
    --encre: #f4efe8;
    --gris: #9c928a;
    --gris-clair: #897f74;
    --trait: #2a2521;
    --lina: #35cdd9;
    --lina-2: #7de8f0;
    --sinan: #ff7068;
    --sinan-2: #ff9c96;
    --voile: #0c2a2e;
    --voile-sinan: #331a18;
    --juste: #68d94a;
    --orbe-clair: #ffd7d4;
    --orbe-fonce: #5c1010;
    --sur-lina: #100e0c;
    --sur-sinan: #100e0c;
  }
}

/* Le choix explicite du visiteur : il gagne dans les deux sens. */
:root[data-theme="sombre"] {
  --fond: #100e0c;
  --papier: #191614;
  --encre: #f4efe8;
  --gris: #9c928a;
  --gris-clair: #897f74;
  --trait: #2a2521;
  --lina: #35cdd9;
  --lina-2: #7de8f0;
  --sinan: #ff7068;
  --sinan-2: #ff9c96;
  --voile: #0c2a2e;
  --voile-sinan: #331a18;
  --juste: #68d94a;
  --orbe-clair: #ffd7d4;
  --orbe-fonce: #5c1010;
  --sur-lina: #100e0c;
  --sur-sinan: #100e0c;
}