/* L'action à l'encre. Le vert d'action #21593f et la toile verte de l'identité visuelle
   #174e35 ne sont qu'à 1,18:1 l'un de l'autre : pilules, liens, focus, fil du formulaire, croix, curseur et
   sélection passent à l'encre, comme la carte contact. Les trois toiles sont les seules couleurs du site.
   Sur une toile, la pilule suiveuse est écrue.
   Branchée après profond.css.

   Contrastes mesurés (WCAG 2.x, styles calculés) :
   pilule à l'encre      écru sur #271f19 14,10 · au survol, sur #3a3027 11,20
   pilule désactivée     #5c5047 sur le filet #d8cec0 5,02
   lien                  encre sur papier 14,10, sur surface 12,77 · soulignement #aea69b 2,09 sur papier,
                         à l'encre au survol et au focus
   anneau de focus       encre, 2 px : papier 14,10, surface 12,77 ; autour des toiles, sur le papier
   sélection             écru sur encre 14,10 ; sur les toiles et l'encre, encre sur écru 14,10
   l'encre et les toiles 1,54 (bordeaux) · 1,68 (vert) · 1,63 (bleu de Prusse) : jamais posée dessus */

:root {
  --accent: #271f19;        /* l'encre agit : pilules, fil du formulaire */
  --accent-fort: #3a3027;   /* survol et captage */
  --accent-trait: #aea69b;  /* soulignement des liens : l'encre à 35 % sur le papier */
  --accent-filet: #aea69b;  /* même jeton, sous le nom que profond.css emploie */
}

/* La croix est déjà à l'encre au repos : au survol, elle prend l'encre du survol */
.refermer:hover, .refermer.capte { background: var(--accent-fort); }

/* Liens du texte courant : à l'encre comme le texte, reconnus à leur soulignement au filet,
   qui passe à l'encre au survol et au focus. La couleur ne bouge plus ; le soulignement s'affirme. */
.accroche a, .atelier-texte p a, .preuve a, .etape p a, .fiche-corps section p a, .colophon a, .fiche-infos dd a,
.facon p a, .legende-projet a, .atelier-texte a, .legal p a {
  color: var(--fg);
  text-decoration-color: var(--accent-trait);
}
:is(.accroche a, .atelier-texte p a, .preuve a, .etape p a, .fiche-corps section p a, .colophon a, .fiche-infos dd a,
.facon p a, .legende-projet a, .atelier-texte a, .legal p a):is(:hover, :focus-visible) {
  color: var(--fg);
  text-decoration-color: currentColor;
}

/* La carte contact du pied des fiches est à l'encre, comme partout (source) : son étiquette prend le secondaire de l'encre */
.fiche-pied .pied-contact .etiquette { color: var(--sur-sombre); }

/* Sélection : à l'encre sur le papier (source) ; écrue sur les toiles, comme sur l'encre */
:is(.pied-contact, .offres .offre[data-teinte], body[data-teinte] .carte, .renvoi:is(:hover, .capte, :focus-visible))::selection,
:is(.pied-contact, .offres .offre[data-teinte], body[data-teinte] .carte, .renvoi:is(:hover, .capte, :focus-visible)) ::selection { background: var(--bg); color: var(--fg); }