/* ═══════════════════════════════════════════════════════════════════════
   PAGE PARTENAIRE — EYESCAPE BOURGOIN-JALLIEU

   Palette relevée dans le CSS d'eyescape.fr le 8 août 2026 :
   bleu #47a0c6, bleu foncé #326d86, gris ardoise #394550, fond blanc.

   ─────────────────────────────────────────────────────────────────────
   CETTE PAGE EST CLAIRE, LE RESTE DU SITE EST SOMBRE

   C'est l'inverse exact du site des Impatients, et c'est voulu : la page
   d'un partenaire porte l'identité du partenaire. Mais tout le CSS du site
   a été écrit pour du texte clair sur fond sombre — on ne peut donc pas se
   contenter d'échanger deux couleurs.

   Deux points ont demandé une vérification, et non une supposition :

     — le bouton principal pose du texte sombre sur fond doré. En clair,
       il faut du BLANC sur le bleu, sinon le contraste tombe sous 3:1 ;
     — les traits de séparation sont écrits en blanc translucide. Sur fond
       blanc ils disparaissent : ils repassent en ardoise translucide.
   ─────────────────────────────────────────────────────────────────────

   AUCUNE POLICE DISTANTE. eyescape.fr utilise Open Sans ; on garde Archivo
   et Source Serif, déjà chargées. Ajouter Open Sans coûterait un aller-
   retour réseau et une entorse à la règle « aucune ressource tierce », qui
   est ce qui permet à la page de confidentialité de dire que rien n'est
   collecté.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* Les paliers vont du blanc vers le gris clair : la conduite lumière du
     site s'inverse, mais elle reste une progression. */
  --c-palier-0: #ffffff;
  --c-palier-1: #f7fafc;
  --c-palier-2: #eef4f8;
  --c-palier-3: #e3edf3;
  --c-palier-4: #d7e6ee;

  --c-papier:         #394550;   /* ici c'est l'ENCRE, pas le papier */
  /* ⚠ Assombri le 18 août 2026 : #5d6a76 sur blanc donnait 5,54:1 en
     plein, mais 4,45:1 dans le pied de page, qui atténue encore. À #4d5a68
     on est à 5,48:1 là-bas et 7,05:1 partout ailleurs, sans quitter
     l'ardoise d'Eyescape. */
  --c-papier-attenue: #4d5a68;
  --c-tungstene:      #47a0c6;
  --c-tungstene-vif:  #326d86;
  --c-led-froid:      #326d86;
  --c-terre:          #ff5255;

  /* Traits en ardoise translucide : en blanc, ils seraient invisibles. */
  --c-trait:      rgba(57, 69, 80, 0.14);
  --c-trait-fort: rgba(57, 69, 80, 0.28);

  --fond:          var(--c-palier-0);
  --fond-surface:  var(--c-palier-2);
  --texte:         var(--c-papier);
  --texte-attenue: var(--c-papier-attenue);
  --texte-fiche:   var(--c-led-froid);
  /* ─────────────────────────────────────────────────────────────────────
     ⚠ L'ACTION EST LE BLEU FONCÉ, PAS LE BLEU CLAIR. Mesuré le 18 août 2026.

     #47a0c6 est bien la couleur d'Eyescape, mais elle ne tient pas comme
     TEXTE sur une page claire : 2,95:1 sur blanc, 2,66:1 sur les encadrés.
     Elle tombait donc sous le seuil partout où --action sert d'encre, et
     ils sont nombreux : les prix des grilles, le montant de l'avantage,
     « Réserver » dans l'en-tête, le lien d'évitement, et tous les liens
     de la page, puisque site.css écrit `a { color: var(--action) }`.
     En blanc SUR ce bleu, c'est le même 2,95:1 : le bouton de bannière
     était logé à la même enseigne.

     Le fichier corrigeait déjà le bouton plein, un composant à la fois. Le
     défaut n'était pas dans les composants : il était dans le jeton. On
     prend donc leur bleu foncé, #326d86, qu'ils déclarent eux aussi, et
     tout ce qui en découle passe d'un coup : 5,7:1 sur blanc, 5,2:1 sur les
     encadrés, 5,7:1 en blanc dessus.

     Le bleu clair reste la couleur de la page, il n'est simplement plus
     chargé de porter du texte.
     ───────────────────────────────────────────────────────────────────── */
  --action:        var(--c-tungstene-vif);
  --action-vive:   #275a70;
  --alerte:        var(--c-terre);
  --trait:         var(--c-trait);
  --trait-fort:    var(--c-trait-fort);
  --focus:         var(--c-tungstene-vif);
}

/* Le bouton principal : blanc sur bleu. Le site écrit du sombre sur doré,
   ce qui donnerait ici du #394550 sur #47a0c6, soit 2,9:1 — sous le seuil.
   En blanc sur ce même bleu on est à 3,3:1, et le texte est en gras à
   1 rem, ce que la WCAG accepte pour du texte large. */
.bouton--primaire,
.encart__bouton {
  background: var(--c-tungstene-vif);
  color: #ffffff;
}

.bouton--primaire:hover,
.encart__bouton:hover {
  background: #275a70;
  color: #ffffff;
}
/* Le titrage d'Eyescape est rond et sans empattement, jamais condensé :
   on relâche l'axe de largeur d'Archivo plutôt que de le serrer. */
.hero__titre,
.titre-section {
  font-stretch: 100%;
  letter-spacing: -0.01em;
}

/* Sur fond clair, une ombre portée légère rend aux encadrés le relief que
   le contraste leur donnait sur fond sombre. */
.encart,
.panneaux__cadre {
  box-shadow: 0 1px 3px rgba(57, 69, 80, 0.08);
}

.partenaire-entete {
  border-inline-start: 3px solid var(--c-tungstene);
  padding-inline-start: var(--e-5);
}