/* ═══════════════════════════════════════════════════════════════════════
   PAGE PARTENAIRE — JJLR FILMS

   Palette relevée dans le CSS de jjlrphoto.com le 8 août 2026. Elle ne
   redéfinit QUE les jetons sémantiques de la couche 2 : la structure, les
   espacements et les composants du site restent les mêmes.

   La parenté avec le site des Impatients est frappante, et elle n'est pas
   fortuite — c'est le même auteur : fond sombre par paliers, papier crème,
   accent ambre. La transition est donc douce, ce qui est exactement ce
   qu'on veut d'une page partenaire hébergée chez quelqu'un d'autre.

   AUCUNE POLICE DISTANTE. jjlrphoto.com utilise Anton en titrage ; on garde
   Archivo, déjà chargée par le site, dont l'axe de largeur donne le même
   caractère condensé sans ajouter 200 Ko et sans ouvrir la CSP.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* Les cinq paliers d'encre de jjlrphoto.com */
  --c-palier-0: #0a0d1a;
  --c-palier-1: #0e1222;
  --c-palier-2: #151b2d;
  --c-palier-3: #1e263e;
  --c-palier-4: #283250;

  --c-papier:         #f3ede1;
  --c-papier-attenue: #cec8bb;
  --c-tungstene:      #e7b24a;
  --c-tungstene-vif:  #f2c66d;
  /* ⚠ Éclairci 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é »). À #928c80, ils tombaient à 4,48:1
     sur le fond #1e263e 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. À #9a9488, on est à 4,97:1. La teinte ne bouge pas. */
  --c-led-froid:      #9a9488;
  --c-terre:          #e5533b;

  --c-trait:      rgba(243, 237, 225, 0.12);
  --c-trait-fort: rgba(243, 237, 225, 0.22);

  /* Jetons sémantiques — recalculés sur la palette ci-dessus. */
  --fond:          var(--c-palier-1);
  --fond-surface:  var(--c-palier-3);
  --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 titrage plus serré, à la manière d'Anton. Archivo est variable : on
   pousse son axe de largeur plutôt que de charger une police de plus. */
.hero__titre,
.titre-section {
  font-stretch: 82%;
  letter-spacing: -0.015em;
}

/* Le liseré rouge de jjlrphoto.com, celui du témoin d'enregistrement.
   Une seule touche, sur l'ouverture : au-delà, il crierait. */
.partenaire-entete {
  border-inline-start: 3px solid var(--c-terre);
  padding-inline-start: var(--e-5);
}