/* =====================================================================
   BauWERK Core — Wortmarke und App-Namen
   Fassung 2.0, 05.09.2026. Gehört zu bauwerk-wortmarke.js, siehe ADR-010.

   Zwei Dinge, die zusammengehören:

   1. `.bw-wortmarke`  die Marke der Suite — bau.WERK.zeug. In den Apps
      **ohne** die Zeile „suite"; die steht auf der Website und auf der
      Startseite der Cloud. In den Apps sitzt sie am **rechten** Rand der
      Kopfleiste, weit weg vom Namen der App: sie ist die Herkunft, nicht
      die Überschrift.

   2. `.bw-appmarke`   der Name der App — Vorname in Schwarz, WERK
      gezeichnet in der Leitfarbe der App (ADR-008), samt Gliedermaßstab
      im W. Dasselbe WERK in allen zehn Apps; verbindlich.

   Variablen:

     --bw-wortmarke-hoehe   Höhe der Marke; die Breite folgt
     --bw-marke-akzent      Leitfarbe für das gezeichnete WERK
     --bw-werk-hoehe        Versalhöhe der Hausschrift (Feinjustage)
   ===================================================================== */

/* ---------------------------------------------------------------------
   1 · Die Marke der Suite
   --------------------------------------------------------------------- */
.bw-wortmarke {
  display: inline-flex;
  align-items: center;
  align-self: center;
  flex: 0 0 auto;
  line-height: 0;                 /* keine Zeilenhöhe unter der Zeichnung */
}
.bw-wortmarke svg {
  display: block;
  height: var(--bw-wortmarke-hoehe, 18px);
  width: auto;
}

/* Drei Stufen. Die mittlere ist die Regel in einer Kopfleiste.

     --klein   14 px   enge Leisten
     (Vorgabe) 18 px   Kopfleiste einer Desktop-App
     --gross   40 px   Startblende, Über-Fenster, Druckkopf

   Ohne die Zeile „suite" ist die Marke einzeilig; 18 px Höhe heißt hier
   also 18 px Versalhöhe von bau.WERK.zeug, nicht 18 px für zwei Zeilen.
   Deshalb sind die Zahlen kleiner als in Fassung 1.0. */
.bw-wortmarke--klein { --bw-wortmarke-hoehe: 14px; }
.bw-wortmarke--gross { --bw-wortmarke-hoehe: 40px; }

/* Die Ecke rechts in der Kopfleiste: Strich, dann Marke. `margin-left:auto`
   schiebt beides ans Ende, egal was davor steht. */
.bw-markenecke {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-left: auto;
  flex: 0 0 auto;
}
.bw-markenstrich {
  width: 1px;
  height: 20px;
  flex: 0 0 auto;
  align-self: center;
  background: var(--bw-color-line, #e2e6ea);
}

/* ---------------------------------------------------------------------
   2 · Der Name der App
   ---------------------------------------------------------------------
   „Prüf" + WERK, „Termin" + WERK, „Kosten" + WERK … Der Vorname bleibt in
   der Hausschrift und in der Textfarbe, WERK kommt als Zeichnung und trägt
   die Leitfarbe. Beide stehen auf derselben Grundlinie: das SVG sitzt mit
   `vertical-align: baseline` darauf, und weil der Rahmen von WERK genau
   die Versalhöhe umfasst, treffen sich auch die Oberlängen von selbst —
   vorausgesetzt, die Höhe entspricht der Versalhöhe der Schrift.
   Roboto Condensed: 1456/2048 em, also 0,711.
   --------------------------------------------------------------------- */
.bw-appmarke {
  font-weight: var(--bw-font-weight-emphasis, 700);
  letter-spacing: -.02em;
  white-space: nowrap;
}
.bw-appmarke .bw-werk {
  display: inline-block;
  height: var(--bw-werk-hoehe, .711em);
  width: auto;
  vertical-align: baseline;
  margin-left: var(--bw-werk-abstand, .015em);
  color: var(--bw-marke-akzent, var(--bw-color-accent, #4d6bbb));
}

/* ---------------------------------------------------------------------
   3 · Im Kopf- und Fußband eines Ausdrucks
   ---------------------------------------------------------------------
   Wer eine Kopf-/Fußzeile selbst bestimmen kann, kann dort auch die Marke
   setzen — als Platzhalter `{marke}` oder `{erstelltmit}`. Beide nehmen die
   Schriftgröße des Feldes an, so wie jeder andere Platzhalter auch, und
   stehen auf derselben Grundlinie wie der Text daneben.
   --------------------------------------------------------------------- */
.bw-druckmarke {
  /* 0,89 em statt 1 em: der Rahmen der Marke misst Ober- bis Unterlänge
     (70,86 Einheiten) bei 56,56 Versalhöhe — also 0,798 em Versalien bei
     1 em Rahmen. Roboto Condensed hat 0,711. Bei 1 em stünde die Marke
     rund 12 % größer da als der Text daneben und drückte das Band
     auseinander; 0,711/0,798 = 0,89 stellt beide auf dieselbe Versalhöhe. */
  --bw-wortmarke-hoehe: .89em;
  display: inline-flex;
  align-items: baseline;
  gap: .34em;
  white-space: nowrap;
  vertical-align: baseline;
  line-height: 1;
}

/* ---------------------------------------------------------------------
   4 · Notfälle
   ---------------------------------------------------------------------
   Einfarbig: alles läuft in der Textfarbe mit. Für einfarbigen Druck,
   Stempel und alles, was keine drei Farben halten kann. */
.bw-wortmarke--einfarbig {
  --bw-wortmarke-schrift: currentColor;
  --bw-wortmarke-akzent: currentColor;
  --bw-wortmarke-zusatz: currentColor;
}

/* Dunkler Grund: Graphit verschwindet dort, also wird gehoben. Bewusst
   ohne `prefers-color-scheme` — die Apps der Suite sind hell, und eine
   dunkel eingestellte Oberfläche des Rechners würde die Marke sonst in
   einer hellen Kopfleiste unsichtbar machen. Wer dunkel zeigt, sagt es
   an: `data-bw-grund="dunkel"`. */
[data-bw-grund="dunkel"] .bw-wortmarke {
  --bw-wortmarke-schrift: #eef1f4;
  --bw-wortmarke-zusatz: #9fb0bb;
  --bw-wortmarke-akzent: #2a9fe0;
}
[data-bw-grund="dunkel"] .bw-markenstrich { background: rgb(255 255 255 / 16%); }