/* =========================================================================== PMA Ops — Design System "JUNTA" backend/static/css/tokens.css Layer 1 + 2: Kaskaden-Ordnung, Marken-Primitive, semantische Tokens. Hand-gepflegt. Kein Build-Schritt, kein Präprozessor, kein CDN. Vollständige Spezifikation: docs/DESIGN-SYSTEM.md =========================================================================== DIE FÜNF INVARIANTEN. Wer eine davon bricht, bricht das ganze System — es wirkt nur deshalb wie eine Entscheidung, weil es ausnahmslos gilt. 1 FUGE Jede Trennung zwischen zwei Flächen ist `var(--joint)` (2px) in `--grout`. Eine 1px-Haarlinie als EINZIGE Trennung zweier Blöcke ist ein Bug — sie verschwindet in der Sonne. 1px ist nur INNERHALB von /ops-Tabellen erlaubt. 2 RADIUS `border-radius` darf ausschließlich `var(--r-edge)` (2px), `var(--r-chip)` (999px) oder `0` sein. Die Pille ist für Status RESERVIERT: etwas Rundes bedeutet immer „Zustand“. Fotos sind nie gerundet (Rechteck = Beweis). 3 SCHATTEN `box-shadow` kennt genau VIER erlaubte Formen, alle mit Blur-Radius 0: `var(--lift)`, `none`, ein `inset …`-Streifen und der äußere Fokusring `0 0 0 Npx var(--focus-halo)`. Kein Blur, keine Transluzenz, kein backdrop-filter, kein Glas. Max. ZWEI `--lift`-Elemente pro Screen. 4 MONO `--f-data` markiert DATEN: Zahlen, Beträge, IDs, Deltas, Lizenz-/Permit-Nummern, Zeitstempel — und die Großbuchstaben-Labels, die unmittelbar eine Zahl betiteln (`.data-label`, Ledger-Spaltenköpfe, `.stat__l`). Fließtext, Überschriften und Bildunterschriften NIE in Mono. `.eyebrow` (allgemeines Abschnittslabel) ist deshalb --f-body. 5 FARBE Farbe steht nie allein. Jeder Zustand trägt Form (Glyph), Wort und Farbe. Die semantische Trias (--ok/--warn/--crit/ --wait) liegt außerhalb von `@layer tenant` und ist NICHT mandantenfähig — eine Firma mit roter Marke darf nie mit „crítico“ kollidieren. Durchgesetzt durch tests/test_css_invariants.py (siehe DESIGN-SYSTEM.md §12). --------------------------------------------------------------------------- WARUM KEIN light-dark() Das System hat VIER Zustände, nicht zwei: `:root` (hell), OS-dunkel, explizit dunkel, und `[data-mode="sol"]` (Außenmodus auf /owner — keine Theme-Präferenz, sondern eine Sichtbedingung). `light-dark()` löst genau zwei auf und kann den vierten nicht ausdrücken. Dokumentierter Fallback: jedes Token wird zuerst auf blankem `:root` deklariert und in den drei Override-Blöcken NUR neu definiert. Ein Token, das nur in einem Override existiert, ist der klassische stille Unlesbar-Bug. =========================================================================== */ @layer reset, tokens, base, layout, components, pages, utilities, tenant; @layer tokens { /* ========================================================================= LAYER 1 · MARKEN-PRIMITIVE (pro Mandant überschreibbar) Jinja2 gibt für die Org genau diese Tokens in einem