/* ═══════════════════════════════════════════════════════════════════════════
   LE MOT-SYMBOLE — source unique
   ═══════════════════════════════════════════════════════════════════════════

   « ArchiFlow » s'écrit PARTOUT de la même façon : Satoshi, une seule graisse,
   un seul interlettrage. Demandé le 2026-08-18.

   Ce qu'il y avait avant, et pourquoi c'était le défaut :

     · rail de l'application  — « archi » + « flow » en DEUX <span>, deux
       graisses (700 puis 500) et un `gap: 1px` entre les deux. Le gap se
       voyait : l'espace entre le « i » et le « f » n'était pas celui des
       autres lettres. C'est exactement ce que Jérôme a relevé.
     · pages publiques        — « archiflow » en minuscules, composé en
       Playfair Display (une serif), donc ni la bonne casse ni la bonne
       police.
     · landing et pages légales — « Archi » + « Flow » en Space Grotesk, la
       seconde moitié à la couleur d'accent.

   Trois endroits, trois dessins différents du même nom.

   ⚠️ UN SEUL NŒUD DE TEXTE. Ne pas redécouper le mot en <span> : deux boîtes
   côte à côte rouvrent la question de l'espace entre elles, et c'est ce que
   cette feuille existe pour fermer. La casse est portée par le TEXTE
   (« ArchiFlow »), pas par un text-transform — un capitalize sur « archiflow »
   donnerait « Archiflow », avec un f minuscule.

   ⚠️ Satoshi doit être déclarée sur la page. Elle l'est par `style.css`
   (@font-face, fichiers locaux) et par la coquille des pages publiques. Cette
   feuille ne la redéclare pas : deux déclarations divergeraient un jour.

   La TAILLE reste au point d'appel : le rail, la barre ChantierFlow et le pied
   de la landing n'ont pas la même place. Seuls la police, la graisse et
   l'interlettrage sont figés ici.
   ═══════════════════════════════════════════════════════════════════════════ */

.af-marque {
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1;
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  /* Aligné sur la LIGNE DE PIED, pas sur le milieu de la boîte : c'est ce qui
     pose la pastille au bas des lettres, comme sur l'ancien ChantierFlow. */
  align-items: baseline;
  white-space: nowrap;
  /* Chiffres et lettres ne se recomposent pas d'un thème à l'autre. */
  font-variant-ligatures: none;
}

/* ⚠️ LE MOT EST UNE SEULE BOÎTE. `.af-marque` est un flex : si « Archi » et
   « Flow » y étaient deux enfants directs, ils deviendraient deux ITEMS —
   deux boîtes voisines, sans crénage entre le « i » et le « F ». On les
   enferme donc dans un seul item, où le texte coule normalement. */
.af-marque__mot { display: inline; }

/* La seconde moitié en teinte claire — le traitement de l'ancien ChantierFlow,
   redemandé le 2026-08-18. SEULE la couleur change : ni graisse, ni espace.
   C'est le `gap: 1px` + la graisse 500 de l'ancien rail qui se voyaient.
   Chaque contexte pose sa valeur (le rail est sur bleu-nuit, la barre
   ChantierFlow sur gris clair) : sans elle, la moitié reste de la couleur
   du reste, jamais illisible. */
.af-marque__2 {
  color: var(--af-marque-2, inherit);
  font-weight: inherit;
}

/* La pastille d'accent qui suit le mot dans le rail et dans ChantierFlow.
   Elle est À CÔTÉ du mot, jamais dedans : elle ne participe pas à
   l'interlettrage.

   ⚠️ DIMENSIONS EN `em`, PAS EN PIXELS. Elle valait 7 px en dur : à 17 px de
   texte elle était juste, à 26 px elle devenait une miette. Les proportions
   reprises sont celles de l'ancien ChantierFlow — 7 px de pastille et 4 px
   d'écart pour 17 px de texte, soit 0,41 em et 0,24 em.

   Le conteneur aligne sur la ligne de pied et la pastille est une boîte vide :
   sa propre ligne de pied est son bord BAS, elle se pose donc sur celle du
   texte, au niveau du bas des lettres. */
.af-marque__point {
  width: 0.41em;
  height: 0.41em;
  margin-left: 0.24em;
  border-radius: 50%;
  background: var(--af-accent, var(--acc, #6E56CF));
  flex: none;
}