/* ==================================================================
   KALIKONTAKT — LES JETONS DE LA CHARTE

   SEUL FICHIER DU PROJET OU UNE COULEUR S'ECRIT EN HEXADECIMAL
   (règle 8). Partout ailleurs, on lit une variable. La seule autre
   exception est _css/theme.php, qui SURCHARGE ces valeurs depuis la
   base — c'est le même rôle, servi par PHP.

   La charte est celle de JuriSource, à l'identique : atelier feutré
   façon claude.ai, crème et encre, serif éditoriale pour les titres,
   ombres quasi absentes, hiérarchie portée par l'espace. Seul
   l'accent change : le terracotta devient le rouge Darty.
   ================================================================== */

:root {
  /* ----------------------------------------------------------------
     LES FONDS ET L'ENCRE — repris de JuriSource sans modification.
     ---------------------------------------------------------------- */
  --fond:        #faf9f5;   /* fond de page */
  --fond-creuse: #f0eee6;   /* rail gauche, puces, étiquettes */
  --carte:       #ffffff;   /* cartes */
  --encre:       #141413;   /* texte principal */
  --encre-douce: #6b6960;   /* méta, légendes */

  /* Texte d'invite des champs. #a8a49a donnait 2,49:1 sur blanc,
     moins de la moitié du seuil AA. Assombri jusqu'à passer sur les
     DEUX fonds : 4,76:1 sur blanc, 4,51:1 sur le crème. */
  --encre-invite: #777367;

  --bordure:         #e6e3da;   /* filets 1 px */
  --bordure-appuyee: #d6d1c4;   /* survol d'un champ, d'une puce */
  --bordure-douce:   #d9d4c7;

  /* ----------------------------------------------------------------
     LE ROUGE DARTY — ET POURQUOI IL Y EN A DEUX

     #EE0000 est le rouge de la marque. Mesuré le 2026-09-04 :
       · texte blanc DESSUS ............... 4,53:1  → passe AA (seuil 4,5)
       · comme couleur de TEXTE sur crème .. 4,30:1  → ÉCHOUE

     Une seule variable obligerait donc à choisir entre la fidélité de
     la marque et la lisibilité des liens. Deux variables règlent la
     question sans rien sacrifier : l'accent porte les APLATS (boutons,
     bandeaux, pastilles), où le texte est blanc ; l'accent-texte porte
     tout ce qui est ÉCRIT en rouge sur le fond clair.

     C'est exactement le mur que JuriSource a rencontré avec son
     terracotta, et il l'a résolu en assombrissant l'unique accent.
     Ici on ne peut pas : ce serait ne plus être Darty.
     ---------------------------------------------------------------- */
  --accent:        #EE0000;   /* aplats, texte blanc dessus : 4,53:1 */
  /* La couleur du texte POSÉ SUR l'aplat. Blanc ici, mais elle est
     recalculée par theme.php dès que l'accent change : sur un jaune,
     le blanc tomberait à 1,46:1 et le bouton principal deviendrait
     illisible sur toutes les pages, sans le moindre avertissement. */
  --accent-sur:    #ffffff;
  --accent-texte:  #D40000;   /* liens et texte sur crème : 5,25:1 */
  --accent-fonce:  #C10D0D;   /* survol d'un aplat */
  --accent-clair:  #fde8e8;   /* fond très pâle d'un encart */
  --bordure-accent:#f5c4c4;

  /* ----------------------------------------------------------------
     LES ÉTATS — chacun avec son libellé écrit, JAMAIS la couleur seule
     (règle 10e). Un daltonien lit les mêmes fichiers.
     ---------------------------------------------------------------- */
  --vert:        #2f6b4f;   /* adresse valide */
  --vert-clair:  #e3efe8;
  --vert-bordure:#c7ded1;
  --vert-fonce:  #245740;   /* survol du bouton « valider » */

  --ambre:        #8a6410;  /* indéterminée, fourre-tout, à confirmer */
  --ambre-clair:  #f6ecd4;
  --ambre-bordure:#e6d3a8;

  /* Le rouge des ERREURS n'est PAS le rouge de la marque. Les
     confondre ferait lire chaque bouton principal comme une alerte —
     et, à l'inverse, banaliserait les vraies alertes. Celui-ci est
     plus sombre et moins saturé : on le distingue au premier coup
     d'œil du #EE0000. */
  --rouge:         #9a3324;
  --rouge-clair:   #f6e0dc;
  --rouge-fonce:   #7d2a1e;
  --rouge-bordure: #e8c4bd;

  --gris:        #5c5a54;   /* état stable : suspendu, archivé */
  --gris-clair:  #eeece6;
  --gris-fonce:  #46443f;

  --voile: rgba(20, 20, 19, 0.45);
  --ombre-flottante: 0 18px 40px rgba(20, 20, 19, 0.18);

  /* ----------------------------------------------------------------
     TYPOGRAPHIE — aucune police distante, ni Google Fonts ni CDN
     (fuite d'IP vers un tiers, règle 10d). Georgia est présente
     partout ; la pile système fait le reste.
     ---------------------------------------------------------------- */
  --serif: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --sans:  ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
           Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --rayon:    12px;
  --rayon-xl: 20px;

  /* Largeur du menu de gauche. Assez large pour qu'aucun libellé ne
     se coupe ni ne passe à la ligne (règle 11i). */
  /* 268 px et non 250 depuis que le menu porte des icônes : chacune
     mange 18 px de dessin plus 10 px d'écart. Sans cet élargissement,
     « Statistiques de recherche » se coupait — or un libellé de menu
     ne se tronque pas, c'est le rail qu'on élargit (règle 11i). */
  --rail: 268px;

  /* Largeur des pages PUBLIQUES : accueil, connexion, inscription,
     mentions, conditions. ELLES LA PARTAGENT TOUTES, et c'est le seul
     endroit à changer — sur JuriSource elles avaient divergé, et l'on
     voyait la marque sauter d'un cran en passant de l'une à l'autre.

     Les pages CONNECTÉES, elles, n'ont pas de largeur maximale :
     une page d'admin occupe tout l'écran (règle 11d). */
  --largeur-front: 1080px;

  /* Largeur de SAISIE dans un formulaire. C'est le CHAMP qu'on borne,
     jamais la page : un formulaire de 1600 px ne se remplit pas mieux,
     mais borner la page laisserait la moitié droite vide pendant qu'un
     tableau se replie à gauche (règle 11d). */
  --largeur-fiche: 640px;
}