/* ============================================================
   SURTITRE — le seul style interlettré du site
   Relevé § 2.4 : `letter-spacing: normal` PARTOUT sur le thème, sauf 5 éléments
   à 2,7 px sur l'accueil — un surtitre répété, dont la règle exacte est
   Roboto Slab 18 px / 400 / `letter-spacing: 0.15em` / marge basse 10 px.
   Le complément § 1.1 le retrouve à l'identique en tête de la boutique
   (« Les cycles de l'immobilier », centré, en accent) : c'est bien LE style de
   surtitre du site, pas un accident de page.

   Leçon du run 2 gravée au skill : « ce que la planche ne montre pas n'existe
   pas » — le surtitre est un composant à part entière, pas une classe utilitaire.
   ============================================================ */

.lcdi-eyebrow {
  display: block;
  font-family: var(--font-display);      /* Roboto Slab, relevé */
  font-size: var(--type-eyebrow);        /* 18 px */
  font-weight: var(--weight-body);       /* 400, relevé */
  line-height: var(--lh-snug);
  letter-spacing: var(--ls-eyebrow);     /* 0.15em = 2,7 px à 18 px */
  color: var(--link);                    /* le teal qui porte du texte (5,30:1) */
  margin: 0 0 .625rem;                   /* 10 px, relevé */
}

.lcdi-eyebrow--center  { text-align: center; }
.lcdi-eyebrow--muted   { color: var(--text-soft); }   /* 3,32:1 : réservé au grand texte, ce qu'est un surtitre à 18 px en interlettré */

/* Sur nuit, le surtitre reprend l'accent d'origine (7,02:1). */
[data-theme="nuit"] .lcdi-eyebrow { color: var(--link); }