/* jetons.css — les valeurs autorisées de la feuille
 *
 * Camping sans voiture — 18 septembre 2026
 *
 * Ce fichier n'habille rien. Il déclare les seules valeurs que le reste
 * du CSS a le droit d'employer pour la couleur, la taille de texte, la
 * graisse, l'interligne, l'espacement, le rayon, l'ombre et l'empilement.
 *
 * Règle d'emploi, à faire tenir par une vérification :
 *   aucune autre feuille du site n'écrit un hexadécimal, un px de taille
 *   de texte, un px d'espacement, un rayon, une ombre ou un z-index en
 *   clair. Tout passe par var(--…). Les exceptions sont nommées ici même,
 *   en commentaire, et nulle part ailleurs.
 *
 * Les rapports de contraste sont mesurés (WCAG 2.1, formule de
 * luminance relative), pas estimés. Le calcul est reproductible :
 * lin(c)=c/12.92 si c<=0.03928 sinon ((c+0.055)/1.055)^2.4 ;
 * L=0.2126R+0.7152G+0.0722B ; rapport=(Lclair+0.05)/(Lsombre+0.05).
 */

:root {

  /* ---------------------------------------------------------------
   * 1. Couleur — par rôle, jamais par teinte
   *
   * Un jeton dit à quoi sert la couleur, pas de quelle couleur il
   * s'agit. « --encre-2 » se relit ; « --gris-clair » se contredit au
   * premier changement de fond.
   * --------------------------------------------------------------- */

  /* MARQUE_LOT394 — LA CHARTE A SEPT RÔLES, pas cinq : le :root de l'accueil de la maquette
     (18 septembre 2026, un seul bloc) nomme navy #153B65, ink #172B3D, sun #FFD45C, sky #EAF4FB,
     paper #FCFCF8, muted #52697E, line #D6E3EF. Les deux derniers avaient été dérivés ici à tort
     (#46586B, #D9DDE2) ; ce sont désormais les siens. Aucun autre rôle n'est à dériver.
     MARQUE_LOT390 — la palette « 2 · Marine & soleil » (Yonah, 18 septembre 2026) :
     identité #153B65, réserver #FFD45C, encadrés #EAF4FB, fond #FCFCF8, texte #172B3D.
     Chaque contraste ci-dessous est mesuré (luminance relative WCAG).
     MARQUE_LOT391 — le lot 390 avait écrit #153865 pour l'identité (un B devenu 8) : corrigé,
     contrastes recalculés ; la charte ne nomme aucun avertissement, --alerte est hérité. */
  --fond:        #FCFCF8;  /* fond de page */
  --surface:     #FFFFFF;  /* cartes, dépliants, feuilles posées sur le fond */
  --encadre:     #EAF4FB;  /* encadrés : colonne du retour, pastilles d'icône, fonds calmes
                              — jamais porteur de texte clair */

  --encre:       #172B3D;  /* texte courant et titres
                              14,09:1 sur --fond · 14,49:1 sur --surface · 12,99:1 sur --encadre */
  --encre-2:     #52697E;  /* texte secondaire, légendes, sources — MARQUE_LOT394 : la valeur
                              de la charte (« muted »), plus une dérivation à nous (#46586B)
                              5,55:1 sur --fond · 5,71:1 sur --surface · 5,12:1 sur --encadre
                              tient AA à toute taille (≥ 4,5:1) */

  --accent:      #153B65;  /* identité : liens, boutons pleins, éléments actifs, panneau du train
                              11,06:1 sur --fond · 11,38:1 sur --surface · 10,20:1 sur --encadre
                              --surface sur --accent : 11,38:1 */
  --appel:       #FFD45C;  /* « Réserver » dans la charte : la commande de réservation, nulle part
                              ailleurs — toujours avec --encre dessus : 10,23:1
                              1,38:1 sur --fond : jamais un fond de texte clair */

  --alerte:      #8A5314;  /* avertissement d'usage : correspondance courte,
                              service non garanti, dernier kilomètre incertain — la palette
                              ne nomme pas d'avertissement, une réserve reste une réserve
                              5,59:1 sur --alerte-fond · 6,14:1 sur --fond */
  --alerte-fond: #FCF0D9;

  --filet:       #D6E3EF;  /* séparation intérieure à une carte — MARQUE_LOT394 : la valeur de la
                              charte (« line »), plus une dérivation à nous (#D9DDE2 au 392) :
                              1,27:1 sur --fond, décoratif, jamais porteur */
  --filet-net:   #CBD1D8;  /* bord d'un objet, bord d'un champ
                              1,50:1 sur --fond — décoratif, jamais porteur */
  --filet-encadre: #6E8FB0;
  /* MARQUE_LOT398 — trois jetons que le :root de la maquette exige et que la charte
     n'avait pas. Contrastes calcules (verif_lot398) : --accent-fonce sur --surface
     13,7:1 (le survol d'un bouton plein, texte --surface dessus) ; --appel-survol
     sur --encre 9,0:1 (le survol de « Reserver », texte --encre dessus) ; --or sur
     --fond 5,2:1 (les etoiles, un signe, pas un texte courant). */
  --accent-fonce: #102E50;
  --appel-survol: #F6C645;
  --or:           #87651D; /* le filet d'un encadré --encadre, le seul qui se voie quand les
                              conditions sont mauvaises : 3,28:1 sur --fond · 3,03:1 sur --encadre
                              · 3,38:1 sur --surface. Un filet sous 3:1 n'est pas une garantie
                              (--filet-net vaut 1,53 sur le fond et 1,41 sur l'encadré), il
                              éteint la question. */

  /* MARQUE_LOT401 — cinq jetons que sa feuille appelait par 27 hexadécimaux sans nom. Chaque
     contraste ci-dessous est recalculé par verif_lot401 depuis ce fichier ; un rôle
     « décoratif » ne se pose jamais sur un mot (le verif compte les `color:`). */
  --transport:      #2A647A; /* le transport en commun : texte et filet d'un repère de carte et d'une
                                pastille de légende « en bus » — jamais un fond
                                6,14:1 sur --transport-fond · 6,56:1 sur --surface · 6,38:1 sur --fond */
  --transport-fond: #EFF9FF; /* le fond de ce repère et de cette pastille — --encre dessus : 13,57:1 */
  /* MARQUE_LOT439 — les couleurs de facilité des repères (plantes du lot 438),
     venues de la maquette « Repères Marine & soleil » de Yonah. Contrastes WCAG mesurés
     (verif_lot439 les recalcule). Les trois premières portent du texte (AA ≥ 4,5:1 sur
     les trois surfaces) ; --neutre est l'état « à vérifier », décoratif/UI (≥ 3:1),
     jamais du texte courant. */
  --facile:      #257653; /* facilité facile : 5,53:1 sur --surface · 5,38:1 sur --fond · 4,96:1 sur --encadre */
  --moyen:       #975D15; /* facilité moyenne : 5,40:1 sur --surface · 5,25:1 sur --fond · 4,84:1 sur --encadre */
  --difficile:   #B53C38; /* facilité difficile : 5,72:1 sur --surface · 5,57:1 sur --fond · 5,13:1 sur --encadre */
  --neutre:      #66798B; /* état à vérifier : 4,49:1 sur --surface · 4,37:1 sur --fond · 4,03:1 sur --encadre — décoratif/UI, jamais porteur */
  --focus:          #547A9E; /* l'anneau de focus clavier, 3 px, posé à 4 px hors de l'élément
                                4,51:1 sur --surface · 4,39:1 sur --fond · 4,05:1 sur --encadre
                                (un indicateur tient 3:1 ; son ambre #DF9D43 faisait 2,26:1 sur --fond) */
  --alerte-filet:   #D8C38E; /* le filet d'un encadré d'avertissement — décoratif, jamais sur un mot :
                                1,54:1 sur --alerte-fond, c'est le mot qui fait le travail */
  --encre-3:        #60758B; /* trait fin : connecteur des pas, soulignement d'un sélecteur, bord du
                                bouton secondaire du dock — décoratif, jamais sur un mot :
                                4,76:1 sur --surface · 4,63:1 sur --fond · 3,05:1 sur --encre
                                (son fichier le posait en texte de pied de page : ce texte prend --filet, 11,10:1) */

  /* MARQUE_LOT444 — les 28 nuances bespoke de la feuille candidate « reperes » (migration de
     la fiche, docs/journal/chantier-migration-fiche-reperes-marine-soleil.md, §9.5), jusque-la
     en clair dans gabarit-reperes.css (439 §7.5). Valeurs de la maquette de Yonah, nommees par
     ROLE, INCHANGEES (migration = affichage seul, § 7ter). Prefixe --rep- : locales au candidat,
     pas promues a la charte du site. Les paires etat texte/fond portent du texte (contraste WCAG
     mesure, verif_lot444 le recalcule) ; fonds, filets et ombres sont decoratifs (jamais un mot). */
  --rep-etat-facile-texte:   #206343; /* texte d'un etat « facile » (pastille, etape franchie) : 6,11:1 sur --rep-etat-facile-fond, 6,19:1 sur --rep-etape-faite-fond */
  --rep-etat-facile-fond:    #e3f0e7; /* fond de la pastille « facile » */
  --rep-etat-moyen-texte:    #895014; /* texte « moyen » : 5,81:1 sur --rep-etat-moyen-fond */
  --rep-etat-moyen-fond:     #fff0d8; /* fond de la pastille « moyen » */
  --rep-etat-difficile-texte: #9f3330; /* texte « difficile » : 5,90:1 sur --rep-etat-difficile-fond */
  --rep-etat-difficile-fond: #fbe7e4; /* fond de la pastille « difficile » */
  --rep-etat-neutre-texte:   #4f6478; /* texte « a verifier » (etat par defaut) : 5,20:1 sur --rep-etat-neutre-fond */
  --rep-etat-neutre-fond:    #e8edf2; /* fond de la pastille neutre */
  --rep-etape-faite-fond:    #e6f1e8; /* fond d'une etape franchie (panneau des reglages) */
  --rep-progres-piste:       #d0dee9; /* piste de la barre de progression — decoratif */
  --rep-surtitre-icone:      #9b741f; /* icone du surtitre (repere de lieu) : 3,83:1 sur --encadre — UI (>= 3:1), jamais un mot */
  --rep-demo-fond:           #f3f6f8; /* fond du bandeau de demonstration (supprime a la generation) */
  --rep-avatar-fond:         #fff9; /* fond translucide de l'avatar du compte — decoratif */
  --rep-favori-actif-fond:   #fff2c2; /* fond du bouton favori active — decoratif */
  --rep-tampon-filet:        #a3bbcd; /* filet pointille d'un tampon decoratif — jamais un mot */
  --rep-puce-cochee-filet:   #a9bed0; /* bord d'une puce a cocher cochee — decoratif */
  --rep-vide-filet:          #afc4d5; /* filet pointille d'un etat vide — decoratif */
  --rep-trio-fond:           #f6f9fc; /* fond du trio de plantes */
  --rep-trio-filet:          #e6edf4; /* filet du trio de plantes — decoratif */
  --rep-plante-survol-fond:  #e8f1f8; /* fond d'une plante au survol */
  --rep-credit-photo-fond:   #153b65c9; /* bandeau opaque du credit photo (§ 8, texte blanc dessus) : blanc >= 6,05:1 meme sur une photo blanche (le voile porte la lisibilite) */
  --rep-art-rando-fond:      #edf3e8; /* fond d'illustration d'un lieu — randonnee */
  --rep-art-ludique-fond:    #fff3ce; /* fond d'illustration d'un lieu — loisirs */
  --rep-art-visite-fond:     #edf1f8; /* fond d'illustration d'un lieu — visite */
  --rep-ombre-carte:         #153b650c; /* teinte de l'ombre d'une carte au survol — decoratif */
  --rep-ombre-dialogue:      #153b6538; /* teinte de l'ombre d'un dialogue — decoratif */
  --rep-ombre-toast:         #153b6522; /* teinte de l'ombre d'un toast — decoratif */
  --rep-voile-dialogue:      #102e5066; /* voile derriere un dialogue (backdrop) — decoratif */

  /* Une information n'est jamais portée par la seule couleur : un
   * avertissement porte un mot, un état actif porte une forme.
   * --filet et --filet-net ne tiennent aucun seuil de contraste de
   * texte : ils ne portent ni texte ni sens. */


  /* ---------------------------------------------------------------
   * 2. Texte — 8 tailles, 3 graisses, 3 interlignes
   *
   * La maquette mesurée en portait 19 tailles et 7 graisses. Huit
   * degrés suffisent à tout ce que la fiche dit ; au-delà, deux
   * degrés voisins ne se distinguent plus et la hiérarchie ment.
   * --------------------------------------------------------------- */

  --t-mention:  11px;     /* mention légale, crédit photo, source */
  --t-legende:  12.5px;   /* légende, étiquette, unité */
  --t-petit:    14px;     /* texte secondaire, tableau dense */
  --t-texte:    16px;     /* texte courant — le degré par défaut */
  --t-appui:    18px;     /* chapô, phrase de tête d'un bloc */
  --t-titre-3:  24px;     /* titre de section dans la fiche */
  --t-titre-2:  34px;     /* titre de la fiche */
  --t-titre-1:  54px;     /* titre d'accueil, chiffre isolé qui fait la page */

  --g-normal:   400;
  --g-appuyee:  600;      /* étiquette, titre de section, bouton */
  --g-forte:    700;      /* titre de page, total qui se lit seul */

  --i-serre:    1.2;      /* titres (--t-titre-3 et au-dessus) */
  --i-courant:  1.45;     /* étiquettes, tableaux, listes courtes */
  --i-lecture:  1.6;      /* paragraphes suivis */

  /* Familles. Le choix d'hébergement reste à trancher par une mesure :
   * deux woff2 locaux (sous-ensemble latin) contre l'appel à un tiers.
   * Tant que la mesure n'est pas faite, la pile ci-dessous rend la page
   * lisible sans aucun téléchargement. */
  /* MARQUE_LOT386 — dans le sens de la maquette : le texte en DM Sans, les titres en Manrope
     (body{font-family:'DM Sans'} ; h1,h2,h3{font-family:Manrope}) ; les deux sont servies
     depuis /polices/ (recuperer_polices.py), sous-ensembles latin et latin-ext. */
  --police-titre: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --police-texte: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --police-chiffres: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  /* Les durées, distances et heures s'alignent en colonne :
   * font-variant-numeric: tabular-nums partout où des chiffres
   * se comparent verticalement. */


  /* ---------------------------------------------------------------
   * 3. Espacement — une échelle de 4
   * --------------------------------------------------------------- */

  --e-1:   4px;
  --e-2:   8px;
  --e-3:  12px;
  --e-4:  16px;   /* gouttière par défaut, marge intérieure d'une carte */
  --e-5:  24px;
  --e-6:  32px;   /* entre deux sections de la fiche */
  --e-7:  48px;
  --e-8:  64px;

  /* L'espacement se pose par le conteneur (flex/grid + gap), pas par
   * une marge sur chaque enfant : deux marges voisines s'additionnent
   * ou s'effondrent selon le contexte, et l'écart cesse d'être mesurable. */


  /* ---------------------------------------------------------------
   * 4. Rayon — 4 valeurs
   * --------------------------------------------------------------- */

  --r-0:     0;
  /* MARQUE_LOT399 — l'échelle relevée sur le fichier de la maquette (100 déclarations,
     26 valeurs, 3 à 40 px) et ramenée à trois rayons : 3-9 → petit, 10-17 → moyen,
     18-40 → grand. Les jetons d'avant (6 / 12) avaient été écrits avant sa charte. */
  --r-petit: 8px;    /* champ, étiquette, vignette, pastille */
  --r-moyen: 12px;   /* bouton, carte de liste, encadré */
  --r-grand: 22px;   /* panneau, héros, dialogue, feuille */
  --r-pilule: 999px; /* pastille d'état, filtre actif */


  /* ---------------------------------------------------------------
   * 5. Ombre — 3 valeurs, une par hauteur
   *
   * Une ombre dit qu'un objet est détaché du fond. Trois hauteurs :
   * posé, soulevé par l'action, recouvrant la page.
   * --------------------------------------------------------------- */

  --o-repos:        0 1px 2px rgba(24, 58, 51, .06);
  --o-souleve:      0 4px 12px rgba(24, 58, 51, .10);
  --o-recouvrement: 0 12px 32px rgba(24, 58, 51, .18);


  /* ---------------------------------------------------------------
   * 6. Empilement — 4 étages, et rien entre les étages
   *
   * Étage A · contenu           0 à 9
   * Étage B · blocs isolés      chaque bloc pose isolation: isolate et
   *                             recompte à 0 chez lui ; ses enfants ne
   *                             sortent jamais de son contexte
   * Étage C · chrome          100 à 199
   * Étage D · recouvrements   200 à 299
   *
   * Un nombre hors de ces plages, ou un z-index écrit en clair dans une
   * feuille, est un défaut : c'est ainsi que la carte est passée
   * par-dessus la barre d'action.
   * --------------------------------------------------------------- */

  --z-calque:          1;  /* MARQUE_LOT390 — un calque local dans son bloc (étage 1) : l'étiquette
                              posée sur les photos, au-dessus des figures positionnées */
  --z-barre-action:  110;  /* barre d'action basse de la fiche */
  --z-site-head:     120;  /* en-tête du site */
  --z-haut:          130;  /* bouton « remonter » */
  --z-anc:           140;  /* ancres collantes de section */
  --z-saut:          190;  /* lien d'évitement, au clavier, au-dessus du chrome */

  --z-voile:         210;  /* voile derrière un recouvrement */
  --z-feuille:       220;  /* feuille qui monte du bas (mobile) */
  --z-detail:        230;  /* dépliant de détail ouvert par-dessus */
  --z-modale:        240;
  --z-visionneuse:   250;  /* photos en plein écran */

  /* La carte appartient à l'étage A et pose isolation: isolate.
   * Ses contrôles internes (zoom, calques, attribution) se numérotent
   * chez elle, de 1 à 9, et ne peuvent plus atteindre le chrome. */


  /* ---------------------------------------------------------------
   * 7. Mesures de ligne et de page
   * --------------------------------------------------------------- */

  --largeur-lecture: 68ch;   /* longueur de ligne d'un paragraphe suivi */
  --largeur-page:    1120px; /* largeur maximale du contenu */
  --cible-tactile:   44px;   /* hauteur et largeur minimales d'une cible */

  /* MARQUE_LOT522 — SES nuances (portee.css, portee-liste.css : le kit « À ma portée » du 4/10), nommées
     par rôle, valeurs inchangées ; gabarit_portee.JETONS_522 est la source, feuille() les pose. */
  --po-encre: #173e63;
  --po-filet-activity-cover: #c8dbe7;
  --po-filet-activity-types: #cfdfe9;
  --po-filet-arrival-warning: #d8a34c;
  --po-filet-booking-card: #d8e4ed;
  --po-filet-camp: #dfe7ed;
  --po-filet-card-footer: #e3eaf0;
  --po-filet-carte: #dce6ed;
  --po-filet-carte-activites: #dce7ee;
  --po-filet-checks: #cbdbe5;
  --po-filet-checks-actif: #b3d1bf;
  --po-filet-daily-group-content: #e1eaf0;
  --po-filet-detail-mobile-dock: #ccdde9;
  --po-filet-dock: #ccdbe6;
  --po-filet-empty-meter: #b6c7d3;
  --po-filet-family: #e2e9ee;
  --po-filet-filters: #cfdce5;
  --po-filet-gallery-button: #d9e3e9;
  --po-filet-header: #dfe6eb;
  --po-filet-input-grid: #c4d6e3;
  --po-filet-jauge-exclu: #8298a7;
  --po-filet-key-button: #93a9b9;
  --po-filet-ligne: #e2eaf0;
  --po-filet-live-preview: #d9e6ee;
  --po-filet-ludique: #ecdeb8;
  --po-filet-map-toolbar-bouton: #c5d9e6;
  --po-filet-notebook-line: #e1eaf1;
  --po-filet-partner-offer: #d5e1ea;
  --po-filet-partner-offer-survol: #668ea9;
  --po-filet-place-details-grid: #dce7ef;
  --po-filet-place-line: #e7eef3;
  --po-filet-preference-details: #d5e2eb;
  --po-filet-preview-stats: #cbdfe9;
  --po-filet-rando: #c9ddce;
  --po-filet-reading: #dce5ed;
  --po-filet-reading-key: #dde6ec;
  --po-filet-route-option: #dbe5ed;
  --po-filet-route-option-actif: #91b7a0;
  --po-filet-save-place: #d0dee8;
  --po-filet-save-place-actif: #b1d0bd;
  --po-filet-secondary: #cedce6;
  --po-filet-secondary-actif: #b8d5c2;
  --po-filet-section: #dfe8ef;
  --po-filet-section-number: #f1c445;
  --po-filet-segmented: #dae4eb;
  --po-filet-select-filter: #d3e1eb;
  --po-filet-sheet-footer: #dbe7ee;
  --po-filet-train-box: #dce9f2;
  --po-filet-train-shortcut: #dee8ef;
  --po-filet-travelers-field: #c6d9e7;
  --po-focus: #286db3;
  --po-fond-activity-map: #edf0e6;
  --po-fond-activity-media: #e9f2f7;
  --po-fond-activity-row-survol: #f2f6f9;
  --po-fond-activity-types-actif: #193e63;
  --po-fond-advanced: #f1f5f8;
  --po-fond-arrival-survol: #f5f8fa;
  --po-fond-badge-difficile: #fcece9;
  --po-fond-badge-exclu: #edf2f6;
  --po-fond-badge-facile: #eaf5ed;
  --po-fond-badge-moyen: #fff1de;
  --po-fond-checks-actif: #edf5ef;
  --po-fond-close: #edf3f7;
  --po-fond-curseur-piste: #e3ebf1;
  --po-fond-curseur-poignee: #204e77;
  --po-fond-curseur-rempli: #1e5279;
  --po-fond-demo-dot: #6c8395;
  --po-fond-demo-result: #f0f6fa;
  --po-fond-detail-notice: #f0f5f8;
  --po-fond-detail-stats: #eff4f7;
  --po-fond-dock-symbol: #fff0bb;
  --po-fond-encart: #f1f6f9;
  --po-fond-gallery: #e6eff4;
  --po-fond-jauge-difficile: #b24b43;
  --po-fond-jauge-exclu: #d1dce3;
  --po-fond-jauge-graduation: #dbe5ec;
  --po-fond-jauge-inconnu: #e9eef2;
  --po-fond-jauge-inconnu-hachure: #8399a8;
  --po-fond-jauge-moyen: #ae661b;
  --po-fond-jauge-piste: #edf2f5;
  --po-fond-live-preview: #edf4f8;
  --po-fond-ludique: #fff6e1;
  --po-fond-map-point: #153f66;
  --po-fond-next-step: #eff5f9;
  --po-fond-notebook-count: #eef3f7;
  --po-fond-notebook-line: #eef4f8;
  --po-fond-page: #f5f7f9;
  --po-fond-photo: #dae6ed;
  --po-fond-portee-carte: #eef3f6;
  --po-fond-primary-survol: #ffcb3a;
  --po-fond-rando: #edf4ee;
  --po-fond-route-option-actif: #fafdfb;
  --po-fond-save-place-actif: #edf6f0;
  --po-fond-secondary-actif: #eef6f0;
  --po-fond-segmented: #eaf0f5;
  --po-fond-summary-row-survol: #f6f9fb;
  --po-fond-train-box: #eef5fa;
  --po-icone-arrival-chevron: #55738a;
  --po-icone-chevron-down: #54778f;
  --po-icone-family-heading: #496b85;
  --po-icone-group-heading: #58768e;
  --po-icone-large-symbol: #285b7e;
  --po-icone-route-option: #55758d;
  --po-icone-row-chevron: #56768d;
  --po-icone-row-label: #536f84;
  --po-icone-summary-arrow: #607c90;
  --po-icone-summary-icon: #56758c;
  --po-ombre-booking-card: #1438590a;
  --po-ombre-camp: #14385908;
  --po-ombre-camp-map-pin: #18354e25;
  --po-ombre-curseur-poignee: #153d6850;
  --po-ombre-detail-mobile-dock: #173e6026;
  --po-ombre-dialog: #08264240;
  --po-ombre-dock: #193e6029;
  --po-ombre-gallery-button: #193e6030;
  --po-ombre-map-point: #18354e35;
  --po-ombre-segmented-actif: #193c4f13;
  --po-ombre-toast: #14385922;
  --po-selection: #183f64;
  --po-texte-activities-empty: #53768e;
  --po-texte-activity-access: #275778;
  --po-texte-activity-address: #5b798e;
  --po-texte-activity-count: #193f64;
  --po-texte-activity-cover: #315e7f;
  --po-texte-activity-description: #4e7088;
  --po-texte-activity-meta: #55778e;
  --po-texte-advanced: #4f6e85;
  --po-texte-affiliate-note: #58788f;
  --po-texte-amenities: #3b617d;
  --po-texte-arrival-warning: #875619;
  --po-texte-bouton-activite: #235e86;
  --po-texte-bouton-journee: #245a7d;
  --po-texte-bouton-resume: #225679;
  --po-texte-bouton-route: #285e84;
  --po-texte-breadcrumb: #567084;
  --po-texte-breadcrumb-lien: #335c7b;
  --po-texte-camp-link: #204e75;
  --po-texte-camp-location: #4c6a80;
  --po-texte-camp-map-pin: #153d5e;
  --po-texte-camp-sous-titre: #506d82;
  --po-texte-camp-titre: #123b61;
  --po-texte-card-footer: #5b7487;
  --po-texte-card-footer-bouton: #194d75;
  --po-texte-daily-chip: #2a506c;
  --po-texte-demo-note: #5d7587;
  --po-texte-demo-result: #4c6f88;
  --po-texte-description: #506f86;
  --po-texte-detail-image-credit: #5a788c;
  --po-texte-detail-link: #1f537b;
  --po-texte-detail-mobile-dock: #25587c;
  --po-texte-detail-notice: #486a82;
  --po-texte-difficile: #a13f35;
  --po-texte-easy-toggle: #315b78;
  --po-texte-exclu: #50677a;
  --po-texte-eyebrow: #516f84;
  --po-texte-facile: #256c4b;
  --po-texte-featured: #385872;
  --po-texte-form-feedback: #a24035;
  --po-texte-group-state: #4e6e84;
  --po-texte-input-grid: #56758b;
  --po-texte-intro: #506a7e;
  --po-texte-intro-titre: #173b61;
  --po-texte-invalid: #a54335;
  --po-texte-jauge-difficile: #a64036;
  --po-texte-jauge-moyen: #945414;
  --po-texte-key-button: #476c86;
  --po-texte-legend-items: #405d73;
  --po-texte-legende: #566f81;
  --po-texte-liste: #47647d;
  --po-texte-ludique: #85632a;
  --po-texte-map-toolbar: #476c85;
  --po-texte-method: #4a6c85;
  --po-texte-moyen: #91510c;
  --po-texte-next-step: #52718a;
  --po-texte-notebook-count: #1c496b;
  --po-texte-notebook-line: #55788f;
  --po-texte-offer-intro: #59788e;
  --po-texte-optional: #678499;
  --po-texte-out-of: #607788;
  --po-texte-page: #183a56;
  --po-texte-page-heading: #173b60;
  --po-texte-partner-offer: #204e70;
  --po-texte-partner-offer-note: #5b7990;
  --po-texte-period: #516c80;
  --po-texte-photo-controls: #285f85;
  --po-texte-place-details-terme: #5e7b90;
  --po-texte-place-details-valeur: #204c6c;
  --po-texte-place-line: #55758c;
  --po-texte-preview-feedback: #4e6e87;
  --po-texte-preview-feedback-actif: #25724f;
  --po-texte-preview-select: #1b4c71;
  --po-texte-preview-stats: #4e6d84;
  --po-texte-preview-stats-note: #5d7a90;
  --po-texte-price-line: #58778e;
  --po-texte-price-note: #637f91;
  --po-texte-primary: #153b60;
  --po-texte-profile-line: #587185;
  --po-texte-rando: #386d4e;
  --po-texte-range-ends: #58768b;
  --po-texte-reading: #4e6c82;
  --po-texte-route-duration: #58758b;
  --po-texte-route-facts: #4f6e84;
  --po-texte-route-frequency: #365f7e;
  --po-texte-route-why: #486d84;
  --po-texte-row-label: #254963;
  --po-texte-row-value: #244b66;
  --po-texte-save-place-actif: #286d4d;
  --po-texte-secondaire: #536e82;
  --po-texte-secondary: #204c6e;
  --po-texte-section-intro: #4c6b82;
  --po-texte-section-navigation: #284f6d;
  --po-texte-section-navigation-survol: #183e63;
  --po-texte-section-summary: #536e81;
  --po-texte-select-filter: #526f85;
  --po-texte-select-filter-valeur: #2d5673;
  --po-texte-slider-label: #536f83;
  --po-texte-summary-copy: #557185;
  --po-texte-summary-quantity: #275271;
  --po-texte-summary-row: #173d5f;
  --po-texte-train-heading: #55768d;
  --po-texte-travelers-field: #355c79;
  --po-texte-travelers-field-valeur: #193f60;
  --po-texte-tri: #526e82;
  --po-texte-why: #506e84;
  --po-voile-activity-media: #183d57b8;
  --po-voile-detail-mobile-dock: #fffffff9;
  --po-voile-dialog: #16334991;
  --po-voile-gallery-credit: #11354bba;
  --po-voile-photo-credit: #0b2e47b8;
  --po-voile-section-navigation: #fffffff5;
}

/* MARQUE_LOT390 — la fiche d'essai lit les jetons, pas le :root du generateur (les trois
   noms communs du lot 385 : --encre, --encre-2, --filet). Memes valeurs qu'au-dessus. */
body.p-essai {
  --encre: #172B3D;
  --encre-2: #52697E;
  --filet: #D6E3EF;
}
