fix(web): Schriftzug traegt im dunklen Modus die Markenfarbe

Die vorherige Korrektur war zu grob: sie hat das Gelb ueberall durch die
Vordergrundfarbe ersetzt, obwohl es nur im hellen Erscheinungsbild ein Problem war.
Nachgerechnet gegen die tatsaechlichen Farbwerte aus globals.css:

  Gelb auf hellem Grund   1,26 : 1   (Kopfleiste)   unlesbar
  Gelb auf heller Leiste  1,24 : 1   (Seitenleiste) unlesbar
  Gelb auf dunklem Grund 13,06 : 1                  hervorragend
  Gelb auf dunkler Leiste 14,00 : 1                 hervorragend

WCAG verlangt 3:1 fuer grossen fetten Text. Das Gelb faellt also nur auf hellem
Grund durch — auf dunklem ist es die mit Abstand beste Wahl.

Der Schriftzug erbt jetzt im hellen Erscheinungsbild die Vordergrundfarbe (19:1) und
traegt im dunklen die Markenfarbe. Umgesetzt ueber wordmarkClassName an den beiden
Aufrufstellen, nicht in der Komponente selbst: das gelbe Anmelde-Panel ist
themeunabhaengig hell und braucht dort weiterhin dunkle Schrift.

Im Browser in beide Richtungen gemessen: hell oklch(0.15 0 0), dunkel
oklch(0.91 0.19 102) — letzteres ist exakt --primary.

Ausserdem in STATE.md festgehalten, dass Tessera zunaechst nur intern eingesetzt wird
und die Abnahme der Mandantentrennung (Plan 02-05, Erfolgskriterium 4) deshalb
bewusst zurueckgestellt ist — nicht zurueckgebaut, und vor einem Einsatz bei externen
Kunden nachzuholen.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01K5jtbGzC5Sf9npJ3JCjKhq

.planning/STATE.md

@@ -6,9 +6,9 @@ current_phase: 17
 current_phase_name: eigene-ausschreibungs-quellen-je-nutzer
 status: verified
 stopped_at: "Wortlaut-Korrekturen abgeschlossen (Quick 260907-ipz): vier Du-Stellen auf Siezen, Loeschdialog mit echter Ein-/Mehrzahl in beiden Sprachen. Im Browser an zwei Gruppen gegengeprueft. Damit sind alle in dieser Sitzung gefundenen Sprachmaengel behoben."
-last_updated: "2026-09-07T11:50:00.000Z"
+last_updated: "2026-09-07T12:00:00.000Z"
 last_activity: 2026-09-07
-last_activity_desc: Anrede vereinheitlicht (Siezen) und Ein-/Mehrzahl im Loeschdialog korrigiert
+last_activity_desc: Schriftzug traegt im dunklen Modus die Markenfarbe; Mandanten-Abnahme zurueckgestellt
 progress:
   total_phases: 17
   completed_phases: 17
@@ -336,6 +336,14 @@ Items acknowledged and carried forward from previous milestone close:
 | Live-Test AD | WINDOWS #6 — Sync ausloesen und die drei Zahlenzeilen sowie die Amber-Zeile bei verschobener Standardmarkierung pruefen | offen, bewusst auf das Live-System verschoben | 2026-09-07 |
 | Live-Test E-Mail | WINDOWS #12 — echtes Portal-Alert-Postfach ueber Exchange/EWS anbinden und eine echte Alarm-Mail ingestieren; der handgeschriebene NTLM/SOAP-Weg ist bisher nur gegen Mocks geprueft | offen, bewusst auf das Live-System verschoben | 2026-09-07 |
 
+**Entscheidung des Users vom 2026-09-07 zur Mandantenfaehigkeit:** Tessera wird
+zunaechst **nur intern** eingesetzt. Die Mandantentrennung ist damit vorerst
+zweitrangig — sie bleibt in der Architektur verankert und wird nicht zurueckgebaut,
+aber ihre Abnahme hat keine Dringlichkeit. Konkret betrifft das den offenen
+Abnahmeplan 02-05 (Phase 2), dessen Erfolgskriterium 4 die Datentrennung zweier
+Mandanten im Browser nachweisen soll: bewusst zurueckgestellt, nicht vergessen. Vor
+einem Einsatz bei externen Kunden ist er nachzuholen.
+
 **Entscheidung des Users vom 2026-09-07:** Diese drei Punkte werden spaeter am
 Live-System geprueft, nicht in der Entwicklungsumgebung. Sie bleiben im Ledger
 ausdruecklich `open` und sind NICHT auf `waived` gesetzt — sie sollen nachgeholt

apps/web/src/components/layout/header.tsx

@@ -89,7 +89,15 @@ export function Header() {
             <line x1="3" y1="18" x2="21" y2="18" />
           </svg>
         </button>
-        <TesseraLogo variant="horizontal" size={28} />
+        <TesseraLogo
+          variant="horizontal"
+          size={28}
+          // Gelb traegt nur auf dunklem Grund: gemessen 13,1:1 im dunklen
+          // Erscheinungsbild gegen 1,26:1 im hellen (WCAG verlangt 3:1 fuer
+          // grossen fetten Text). Im hellen Modus erbt der Schriftzug daher
+          // die Vordergrundfarbe, im dunklen steht die Markenfarbe.
+          wordmarkClassName="dark:text-primary"
+        />
       </div>
 
       {/* Center: Breadcrumb / page title */}

apps/web/src/components/layout/sidebar.tsx

@@ -223,7 +223,15 @@ export function Sidebar() {
           />
           <aside className="fixed left-0 top-0 z-50 h-full w-[var(--sidebar-width)] bg-sidebar shadow-lg">
             <div className="flex h-[var(--header-height)] items-center justify-between border-b border-sidebar-border px-4">
-              <TesseraLogo variant="horizontal" size={28} />
+              <TesseraLogo
+                      variant="horizontal"
+                      size={28}
+                      // Gelb traegt nur auf dunklem Grund: gemessen 13,1:1 im dunklen
+                      // Erscheinungsbild gegen 1,26:1 im hellen (WCAG verlangt 3:1 fuer
+                      // grossen fetten Text). Im hellen Modus erbt der Schriftzug daher
+                      // die Vordergrundfarbe, im dunklen steht die Markenfarbe.
+                      wordmarkClassName="dark:text-primary"
+                    />
               <button
                 onClick={() => setMobileOpen(false)}
                 className="rounded-md p-2 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"