/* ================================================================== LotzApp B2B — design tokens The one place the B2B look is defined. Loaded by every B2B surface and by nothing else: the shop shortcode (block E), the three account endpoints — reorder (block I), favourites (Posten 8) and Orte & Termine (Posten 9) — and the B2B context this plugin renders into WooCommerce's own order views (Posten 10). It lives apart from either of them because it was in neither and then in both. Block I shipped without a stylesheet at all, and giving it one meant either duplicating sixty custom properties or naming them once. Two copies of one truth is the failure this project keeps paying for — the wayfinder existed twice, AGENTS.md still does, and a fixture and its database counterpart disagreeing about one nullable cost four defects. A palette is the same kind of truth. Scoped to the roots named below rather than :root. These are shortcode and endpoint surfaces dropped into somebody else's theme, and Posten 10 sits inside WooCommerce's own markup; they may not leak a single global, and a theme that defines --brand-500 for its own purposes must not be repainted by ours. The cost of that scoping is that a new surface has to be added here as well, and a rule written against a root this file does not name resolves every `var()` on it to nothing — silently. The account suite asserts the root names for exactly that reason. The tokens are the prototype's, renamed. Where a site should be able to take over — the accent colour above all — overriding the token on either root is enough; nothing downstream hardcodes a hex. Zwei Flächen, zwei Rollen: `--lwb-surface` ist die **Grundfläche** — „Karte, Tabelle, Eingabefeld". Hier steht #fff, weil ein Plugin ohne Theme irgendwo anfangen muss; `lotzwoo-theme-base` bindet dieselbe Rolle an das Preset `surface`, und auf einem Kundentheme ist das nicht weiß (Bersta: #fbf7f0, am 2026-08-13 im Browser gelesen). **Der Token hieß bis zum 2026-08-13 `--lwb-white`**, und der Name war der Fehler: wer „weiß" liest und eine Fläche darauf setzt, bekommt auf jedem zweiten Kunden Creme. Er kostete drei Sitzungen — drei `!important`-Regeln gegen ein Symptom (AP-22), einen falsch gelesenen Befund und diesen Auftrag. Umbenannt in 48 Zeilen über zwei Repos, derselbe Wert, gemessen vorher wie nachher. `--lwb-front` ist die **Vordergrund-Rolle**: die Fläche, die sich vom Grund abheben *soll*. Sie ist wörtlich Weiß (`--lwb-white-pure`, im Theme an das Preset `white` gebunden) und trägt Kontur und Schatten mit, weil Farbe allein auf einem weißen Basistheme nichts hebt — dort fallen Grund und Vordergrund zusammen und nur Kante und Schatten bleiben. Wer eine Fläche „nach vorn" holen will, nimmt diese drei Token zusammen und nicht #fff in einer Regel. ================================================================== */ /* ------------------------------------------------------------------ Die acht Wurzeln sind ein Vertrag zwischen zwei Repos. Die Zahl war bis zum 2026-08-18 „sechs" und die Liste hatte sieben Einträge: `.lotzwoo-standing-orders` kam mit AP-58 dazu, ohne dass jemand den Satz darüber nachzog. Eine Zahl im Fließtext, die die Liste darunter zählt, veraltet still — sie steht hier trotzdem, weil sie der einzige Ort ist, an dem auffällt, dass die zweite Liste im Theme kürzer ist. Dieselbe Liste steht in `lotzwoo-theme-base/style.css`, und sie muss dort dieselbe sein. Wer hier eine Fläche hinzufügt und dort nicht, baut genau den Fehler, der am 2026-08-13 gefunden wurde: das Plugin führte fünf Wurzeln, das Theme drei, die Schnittmenge war zwei — und auf `.lotzwoo-favorites`, `.lotzwoo-locations` und `.lotzwoo-ordercontext` galt deshalb **kein einziges** Theme-Token. Die drei Konto-Flächen trugen die Marke des Kunden nicht: die Grundfläche stand dort auch auf Bersta bei #ffffff statt bei #fbf7f0. Eine Fläche steht auch dann in beiden Listen, wenn eine der beiden Seiten sie noch nicht gestaltet — `.lotzwoo-heldback` gestaltet heute nur das Theme, und das Plugin führt sie hier trotzdem. Token kosten nichts; die Lücke ist das Teure, und sie wird nirgends rot. **AP-93 (M2b), offen und benannt.** Der Rückhalt aus Block G ist in Ruhestand; die Fläche darunter heißt jetzt `.lotzwoo-conflicts` und trägt die Konfliktzeilen aus FR-MC-07. Beide stehen hier, und das ist ein Zwischenstand: `.lotzwoo-conflicts` muss in `lotzwoo-theme-base` nachgezogen werden, und erst danach darf `.lotzwoo-heldback` in **beiden** Dateien fallen. Ein Wurzelname ist ein Vertrag zwischen zwei Repos — ihn hier allein zu ändern baut genau den Fehler, vor dem der Absatz darüber warnt. Die Reihenfolge der beiden Dateien im Dokument ist seit dem 2026-08-13 zugesagt und kein Zufall der Enqueue-Kette mehr: das Theme hängt seine `style.css` an `Design_Tokens::HANDLE` und kommt damit immer danach. Wer diese Datei später lädt, gewinnt die Kaskade und nimmt jedem Kundentheme seine Farben — die Begründung steht in `includes/B2B/Design_Tokens.php`. ------------------------------------------------------------------ */ .lotzwoo-b2b-shop, .lotzwoo-reorder, .lotzwoo-favorites, .lotzwoo-locations, .lotzwoo-standing-orders, .lotzwoo-ordercontext, .lotzwoo-contextcard, /* **AP-70 (C1): die zehnte Wurzel, und die erste fremde.** Vier der acht Konto-Flaechen gehoeren WooCommerce; sie bekommen unser Design ueber Woos eigene Klassennamen statt ueber Template-Overrides. Ohne diese Zeile loeste dort **jedes** `var(--lwb-…)` ins Leere auf — lautlos, ohne Konsolenfehler und ohne rote Pruefung. Genau davor warnt der Absatz „The cost of that scoping" weiter oben, und genau das ist am 2026-08-20 beim ersten Lauf passiert: die Karten trugen den Rahmen des Themes, nicht unseren, und die Zahlen sagten es. Gegengeprobt: ohne die zwei Zeilen sind 16 von 42 Pruefungen der Konto-Suite rot. `.woocommerce-MyAccount-navigation` steht daneben, weil die Auswahlliste aus C5 darin haengt. */ .lotzwoo-overview, .lotzwoo-heldback, .lotzwoo-conflicts, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation { --lwb-brand-50: #eaf6f1; --lwb-brand-100: #cfe9de; --lwb-brand-300: #6bbb9f; --lwb-brand-500: #157d5f; --lwb-brand-600: #0f6b51; --lwb-brand-700: #0b5641; --lwb-ink-900: #0d1520; --lwb-ink-700: #263243; --lwb-ink-600: #3a4759; --lwb-ink-500: #5a6879; --lwb-ink-400: #8592a3; --lwb-ink-300: #b9c2cd; --lwb-ink-200: #dbe1e8; --lwb-ink-100: #f1f4f7; --lwb-ink-50: #f7f9fb; /* Die Grundfläche. Siehe Kopfkommentar: die Rolle heißt „Karte, Tabelle, Eingabefeld", nicht „weiß". */ --lwb-surface: #fff; /* Wörtlich Weiß — der Rückfall zum Preset `white`, das beide theme.json führen. Nicht als Fläche verwenden, sondern über `--lwb-front`; dieser Token ist die Farbe, jener die Rolle. */ --lwb-white-pure: #ffffff; --lwb-ok-50: #e8f6ee; --lwb-ok-500: #17794a; --lwb-warn-50: #fdf3e3; --lwb-warn-500: #a86a08; --lwb-err-50: #fdecec; --lwb-err-500: #b42318; --lwb-err-700: #8a1a12; --lwb-info-50: #eaf1fc; --lwb-info-500: #1e5eb8; --lwb-fs-2xs: 0.6875rem; --lwb-fs-xs: 0.75rem; --lwb-fs-sm: 0.8125rem; --lwb-fs-md: 0.875rem; --lwb-fs-base: 0.9375rem; --lwb-fs-lg: 1.0625rem; --lwb-fs-xl: 1.25rem; /* 24px. Die Stufe über xl, bisher von nichts gebraucht: die Sortimentsseite ist die erste Fläche mit einer eigenen Seitenüberschrift. Als Token und nicht als 1.5rem in einer Regel, damit die Skala eine Skala bleibt. */ --lwb-fs-2xl: 1.5rem; --lwb-sp-1: 4px; --lwb-sp-2: 8px; --lwb-sp-3: 12px; --lwb-sp-4: 16px; --lwb-sp-5: 20px; --lwb-sp-6: 24px; --lwb-sp-8: 32px; /* **Eine Bedienelementhoehe fuer die Werkzeugleiste des Sortiments** (AP-80, Teil B). Bis zum 2026-08-24 trugen ihre vier Elemente vier Hoehen — am Klon gemessen: Suchfeld 39,0 · Ansichtsumschalter 37,5 · Scan-Knopf 33,5 · Sortier-Select 36,0, Spanne 5,5 px. **40 ist nicht gegriffen:** die Kontextleiste fuehrt seit AP-70 (B1) `40 x 40` fuer ihre zwei Schaltflaechen. Mit diesem Token hat die Oberflaeche **eine** Bedienelementhoehe statt zweier Familien, und der Scan-Knopf ist nicht laenger das kleinste Fingerziel der Seite. **Als gesetzte Hoehe und nicht als Polsterrechnung**, und das ist der Punkt: ein natives `