/* ════════════════════════════════════════════════════════════════════════════
   YVONNICK.IA — LES COULEURS DU SITE, ÉCRITES À UN SEUL ENDROIT
   V192
   ════════════════════════════════════════════════════════════════════════════

   POURQUOI CE FICHIER EXISTE

   Avant lui, chaque page portait ses propres couleurs dans son propre code.
   Il y avait QUATRE jeux différents sur le site :

     - la page d'accueil        fond #f7f9fb, trait #d4dce4 de 1 px
     - huit pages publiques     fond #F7F9FB, trait #E2E8EE de 1 px
     - trois pages juridiques   fond #F7F9FA, trait #DFE5EB de 1 px
     - la vitrine (V190)        fond #edf1f5, trait #b9c6d2 de 1,5 px

   Le quatrième était le bon : c'est celui refait en V190, où les blocs se
   détachent enfin du fond. Les trois autres dataient d'avant.

   Un réglage écrit à quatre endroits finit toujours par diverger. C'est la
   onzième occurrence de cette famille de défauts sur ce projet. Les couleurs
   du site vivent donc désormais ICI, et nulle part ailleurs.

   COMMENT S'EN SERVIR
   Changer le fond du site entier, c'est changer UNE ligne ci-dessous.

   ════════════════════════════════════════════════════════════════════════ */

:root {

  /* ── Les deux couleurs qui font tout ──────────────────────────────────
     Le fond doit être légèrement plus foncé que les blocs, sinon une carte
     blanche posée sur du blanc ne se voit pas, quel que soit son contour.
     C'était la vraie cause du défaut corrigé en V190. */
  --yv-fond:        #edf1f5;
  --yv-trait:       #b9c6d2;

  /* Le trait au survol : plus foncé, pour que le bloc réagisse sans bouger. */
  --yv-trait-fort:  #6c8399;

  /* Les séparations internes d'une liste : plus discrètes que le contour. */
  --yv-filet:       #dde4eb;

  /* ── L'ombre portée ───────────────────────────────────────────────────
     Deux couches : une très courte qui pose le bloc, une large et diffuse
     qui lui donne son épaisseur. Volontairement douce — une ombre marquée
     fait vieillot. */
  --yv-ombre:       0 1px 2px rgba(19,33,46,.05), 0 6px 16px rgba(19,33,46,.07);
  --yv-ombre-forte: 0 2px 4px rgba(19,33,46,.08), 0 12px 28px rgba(19,33,46,.12);

  /* ── Les arrondis ─────────────────────────────────────────────────────
     Deux valeurs, et pas une seule : un bloc et un champ de saisie n'ont
     pas la même taille, le même arrondi ne leur va pas. */
  --yv-radius-bloc: 8px;    /* cartes, panneaux, encadrés */
  --yv-radius:      6px;    /* boutons, champs, étiquettes */

  /* ══════════════════════════════════════════════════════════════════════
     LES ANCIENS NOMS

     Chaque page appelait ses couleurs par un nom à elle : --paper ici, --bg
     là, --line partout. Ces noms sont conservés et pointent tous vers les
     valeurs ci-dessus.

     Motif : renommer les variables dans dix-sept fichiers aurait touché des
     centaines de lignes pour aucun gain visible, et chaque ligne touchée est
     une occasion de casser quelque chose. Les anciens noms deviennent des
     synonymes. Le jour où l'on voudra les supprimer, ce sera un chantier à
     part, sans urgence.
     ══════════════════════════════════════════════════════════════════════ */
  --paper:    var(--yv-fond);
  --bg:       var(--yv-fond);
  --vt-fond:  var(--yv-fond);
  --line:     var(--yv-trait);
  --vt-trait: var(--yv-trait);
  --radius:   var(--yv-radius);
  --shadow:   var(--yv-ombre);
}