/* ═══════════════════════════════════════════════════════════════════════
   PAGE PARTENAIRE — UN AMOUR DE CHAUSSURES

   ─────────────────────────────────────────────────────────────────────
   D'OÙ VIENT CETTE PALETTE

   Le magasin n'a pas de site : unamourdechaussures.com est une page
   d'accueil de 1 809 octets, une carte de visite. Il n'y avait donc pas
   d'identité à reprendre telle quelle, mais il y avait deux sources
   fiables, et c'est d'elles que tout vient :

     — leur feuille de style déclare #7c0040 et #7c003f ;
     — leur logo est composé à 89 % de #700030, avec 4 % de crème #f0f0c0.

   Le bordeaux est donc leur couleur, mesurée et non choisie. Le crème du
   logo devient le fond de la page.
   ─────────────────────────────────────────────────────────────────────

   CETTE PAGE EST CLAIRE, comme celle d'Eyescape et contrairement au reste
   du site. Le logo étant bordeaux foncé (11 % de luminosité), il lui faut
   un fond clair : sur le bleu nuit des Impatients, il disparaîtrait.

   AUCUNE POLICE DISTANTE. Leur page charge Open Sans depuis Google ; on
   garde Archivo et Source Serif, déjà chargées. Une police distante ferait
   partir l'adresse de chaque visiteur chez Google, et la CSP la refuserait.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* Du crème vers le rosé le plus pâle : la progression du site tient,
     mais dans les tons chauds du logo. */
  --c-palier-0: #fdfbf6;
  --c-palier-1: #faf6ee;
  --c-palier-2: #f5efe3;
  --c-palier-3: #efe6d6;
  --c-palier-4: #e8dcc8;

  --c-papier:         #3a2029;   /* ici l'ENCRE : un brun-prune très sombre */
  --c-papier-attenue: #6b5058;
  --c-tungstene:      #7c0040;   /* leur bordeaux, tel qu'ils le déclarent */
  --c-tungstene-vif:  #5c0030;
  /* ⚠ Assombri le 18 août 2026, et c'est mesuré, pas cosmétique.
     Ce jeton porte --texte-fiche, donc les libellés de 12 px des encadrés
     (« Où », « Comment », « Validité »). À #8c6b74, ils tombaient à 4,10:1
     sur le fond #f5efe3 de ces encadrés : sous les 4,5:1 exigés pour du
     petit texte, de peu, mais un échec reste un échec pour tout outil qui
     l'auditera. À #82606a, on est à 4,79:1. La teinte ne bouge pas. */
  --c-led-froid:      #82606a;
  --c-terre:          #b3261e;

  --c-trait:      rgba(58, 32, 41, 0.14);
  --c-trait-fort: rgba(58, 32, 41, 0.26);

  --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);
  --action:        var(--c-tungstene);
  --action-vive:   var(--c-tungstene-vif);
  --alerte:        var(--c-terre);
  --trait:         var(--c-trait);
  --trait-fort:    var(--c-trait-fort);
  --focus:         var(--c-tungstene);
}

/* Le bouton principal : crème sur bordeaux.
   Le site pose du sombre sur son doré, ce qui donnerait ici #3a2029 sur
   #7c0040, soit 1,9:1 — illisible. En crème sur ce bordeaux on est à
   10,9:1, et la couleur de marque reste celle du fond. */
.bouton--primaire,
.encart__bouton,
.banniere__bouton {
  background: var(--c-tungstene);
  color: #fdfbf6;
}

.bouton--primaire:hover,
.encart__bouton:hover,
.banniere__bouton:hover {
  background: var(--c-tungstene-vif);
  color: #fdfbf6;
}

/* Le prix d'une grille de tarifs est doré sur le site : en bordeaux ici. */
.tarif__prix { color: var(--c-tungstene); }

/* Un titrage un peu plus ouvert et une lettre légèrement espacée : c'est
   ce qui distingue une enseigne de mode d'un studio vidéo, à police égale. */
.hero__titre,
.titre-section,
.banniere__titre {
  font-stretch: 100%;
  letter-spacing: 0.01em;
  font-weight: 600;
}

/* Sur fond clair, les encadrés ont besoin d'un peu de relief que le
   contraste leur donnait sur fond sombre. */
.carte,
.pratique-carte,
.tarif {
  box-shadow: 0 1px 3px rgba(58, 32, 41, 0.07);
}

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