/*
 * Stilprofil „etiketten“: die kleinen Zeilen über Überschriften und unter
 * Fotos (E-053).
 *
 * Zweck: „Archival Index“ aus Elisas Entwurf – Beschriftungen wie auf
 * Karteikarten im Archiv. Die Site wählt in `site.config.json` unter
 * `stil.etiketten`; der Build schreibt `data-etiketten` an `<html>`:
 *
 *   schlicht  nichts hiervon greift – Gestalt aus den --eyebrow-Tokens des
 *             Themes, wie vor E-053
 *   aus       keine Zeilen über den Überschriften; für Seiten, deren
 *             Überschriften für sich sprechen
 *   archiv    Etikettenschrift (Systemschrift, meist Schreibmaschine),
 *             Großbuchstaben, gesperrt, kurzer Strich davor
 *
 * Betroffen sind `.eyebrow`, Bildunterschriften (`figcaption`,
 * `.bildunterschrift`) und alles mit der Klasse `.etikett` – der Name für
 * künftige Beschriftungen in Karten.
 *
 * Zusammenspiel: wird nach `base.css` geladen, die Werte sind optionale
 * Tokens aus `tokens.contract.css`. Bildunterschriften bleiben auch bei
 * `aus` stehen: Sie beschreiben ein Foto und sind kein Schmuck.
 */

/* ---- aus ------------------------------------------------------------------ */

[data-etiketten='aus'] :is(.eyebrow, .etikett) {
  display: none;
}

/* ---- archiv -------------------------------------------------------------- */

[data-etiketten='archiv'] :is(.eyebrow, .etikett, figcaption, .bildunterschrift) {
  font-family: var(--f-label);
  font-style: normal;
  font-weight: 400;
  font-size: var(--etikett-groesse);
  text-transform: uppercase;
  letter-spacing: var(--etikett-sperrung);
  color: var(--text-muted);
}

/* Der Strich davor – bei jeder Überschrift gleich lang, unabhängig davon,
   was das Theme für die schlichte Stufe eingestellt hat. */
[data-etiketten='archiv'] .eyebrow::before {
  width: var(--etikett-linie);
  height: 1px;
  margin-right: calc(var(--etikett-linie) / 2);
  background: var(--accent-2);
}