/* AUFTRAG-CI-ROLLOUT-CC.md Paket F (revidiert, Gruender-Feedback 23.07.2026): Kasse/Kuechenschirm/Canvas-Editor tragen jetzt durchgehend das Timla-CI - "Elevation pur" bleibt als Konzept (zwei gleichberechtigte, echte Modi, nicht nur einer mit Toggle-Attrappe), aber beide Modi sind jetzt erkennbar CI-eigen statt neutral: Dunkel = Aubergine-getoent (praxistauglich fuer Kueche/Kasse im Betrieb, vom Gruender nach Live-Ansicht bestaetigt "sieht gar nicht so schlecht aus"), Hell = der volle Sand/Weiss-Backoffice-Look. */ .pos-shell { --pos-canvas: #120D10; --pos-panel: #1C151A; --pos-surface: #271E24; --pos-text: #F7F1EA; --pos-muted: #9C8D93; --pos-faint: #6B5D62; --pos-hairline: #3B2C35; /* AUFTRAG-CI-ROLLOUT-CC.md Paket F (Doc 20 Kap. 4): Akzent zieht auf Tomate um - Weinrot (#AF2A40/#9E2338) war die Vorlaeufer-Farbe vor der CI-Entscheidung. */ --pos-accent: #E4572E; /* AUFTRAG-EVENT-EDITOR-UND-BELEGUNGSKONFLIKT-CC.md Paket G (F-58): "Senden" ist die haeufigste und wichtigste Handlung am Bon (der Bon geht in die Kueche, dutzende Male je Schicht) - "Bezahlen" passiert einmal je Vorgang. Getragen wurde die Akzentfarbe trotzdem von "Bezahlen", waehrend "Senden" in --pos-surface stand: im Hellmodus WEISS AUF WEISS, im Dunkelmodus #271E24 auf #1C151A. Eigener Token statt Hex in der Komponenten-CSS, und ausdruecklich NICHT --pos-surface umdefiniert: der leise Ton ist fuer Toolbar-Knoepfe, Zeilen-Chips und Canvas-Flaechen richtig - falsch war nur, dass die HAUPTAKTION ihn trug. Minze aus dem CI (Doc 20 / ci.css --tim-minze). Zwei kraeftige Knoepfe nebeneinander sind hier GEWOLLT: gruen = raus in die Kueche, tomatenrot = Geld; ein Vergreifen waere ein teurer Fehlgriff. */ --pos-go: #17A398; --pos-on-go: #FFFFFF; /* Gruender-Feedback 25.07.2026 (Merge-Kombination mit CI-Farben): der grosse Blur + starke Negativ-Spreizung liess Kacheln "gewoelbt"/schwebend wirken statt flach auf der Flaeche zu liegen, UND war auf dunklem Canvas/Panel kaum sichtbar. Jetzt: kein Spread, wenig Blur (flach), aber Pressed bleibt ungleich Null - der Schatten darf nie ganz verschwinden. */ --pos-shadow-rest: 0 2px 4px rgba(0, 0, 0, .4); --pos-shadow-pressed: 0 1px 2px rgba(0, 0, 0, .3); /* AUFTRAG-DIALOG-FOLGT-DER-UHRZEIT-CC.md Paket 4: der ANGEHOBENE Schatten - ein Element, das der Nutzer gerade in der Hand hat (Balken beim Ziehen). Rest/Pressed reichen dafuer nicht: die beschreiben Ruhe und Druck, nicht Abheben. Ohne eigenen Token stand dort ein hartes rgba(0,0,0,.35), das im Hellmodus wie ein Schmutzfleck wirkte. */ --pos-shadow-lift: 0 4px 10px rgba(0, 0, 0, .35); --pos-mulde-bg: rgba(247, 241, 234, .05); /* Paket 4: Warnfarben. Sie wurden bisher NUR mit Fallback benutzt (var(--pos-danger, #c0392b)) - also faktisch nie als Token, sondern immer als dunkelrote Konstante samt hellrosa Flaeche, auch im Dunkelmodus. Auf #120D10 war das ein weisser Balken mitten in der Ansicht. Dunkel traegt deshalb die helle Rotstufe auf getoenter Flaeche, Hell die dunkle auf Rosa - dieselbe Staffelung wie bei Tomate und Minze. */ --pos-danger: #FF8A75; --pos-danger-bg: rgba(192, 57, 43, .20); /* Warnfarbe fuer Marken, die auf der FARBE DES GASTES sitzen (Balken der Reservierung): dort entscheidet nicht das Theme, sondern der bunte Untergrund - der Ton bleibt in beiden Modi derselbe. Ausdruecklich ein eigener Token, damit niemand ihn spaeter "vergisst mitzudrehen". */ --pos-danger-on-color: #FF5252; /* AUFTRAG-ZUTEILUNG-HERKUNFT-CC.md (E-189): Honig als HINWEIS-Farbe (Doc 20 Kap. 4: „Funktional: Warnung, Hinweis"). Sie ist bewusst nicht Tomate - die ist Leitfarbe und damit ueberall; ein Hinweis, der aussieht wie jedes aktive Element, ist keiner. Dieselbe Staffelung wie bei Rot: dunkel die helle Stufe auf getoenter Flaeche, hell die dunkle auf Sandton. */ --pos-warn: #F2B33D; --pos-warn-bg: rgba(242, 179, 61, .18); /* …und derselbe theme-unabhaengige Ton fuer Marken auf der FARBE DES GASTES (das Schloss am Reservierungsbalken): dort entscheidet der bunte Untergrund, nicht das Theme. */ --pos-warn-on-color: #F2B33D; --ui-scale: 1; --pos-radius-btn: 6px; --pos-radius-tile: 8px; --pos-radius-sheet: 10px; --pos-radius-mulde: 10px; --pos-tile-default: #5C6470; background: var(--pos-canvas); color-scheme: dark; } .pos-shell[data-theme="light"] { color-scheme: light; --pos-canvas: #F7F1EA; --pos-panel: #FFFFFF; --pos-surface: #FFFFFF; --pos-text: #3B2C35; --pos-muted: #6E6259; --pos-faint: #A69A93; --pos-hairline: #E9E2E6; /* Tomate auf Hell etwas abgedunkelt fuer Kontrast (Doc 20 Kap. 4: "Kontraste ... mit echten Geraeten validieren") - reines Tomate #E4572E ist auf Weiss/sehr hellen Flaechen zu wenig kontrastreich fuer Text/duenne Linien. */ --pos-accent: #C4451F; /* Paket G: dieselbe Staffelung wie bei der Tomate - im Hellmodus die dunklere Minze-Stufe (--tim-minze-tief), weil weisse Schrift auf dem hellen #17A398 zu wenig Kontrast traegt. */ --pos-go: #0E6B64; --pos-on-go: #FFFFFF; /* Flach-Schatten (Gruender-Feedback 25.07.2026), Tint in Aubergine (CI). */ --pos-shadow-rest: 0 2px 4px rgba(59, 44, 53, .12); --pos-shadow-pressed: 0 1px 2px rgba(59, 44, 53, .09); --pos-shadow-lift: 0 4px 10px rgba(59, 44, 53, .22); --pos-mulde-bg: rgba(59, 44, 53, .06); /* Paket 4: die dunkle Rotstufe auf heller Flaeche - der Wert, der bisher als Fallback ueberall festgeloetet war. Hier ist er richtig. */ --pos-danger: #C0392B; --pos-danger-bg: #FDECEA; /* Honig-Hinweis auf Hell: die dunkle Stufe (Doc 20 Kap. 4) auf der hellen Flaeche - reines #F2B33D traegt als Text auf Weiss zu wenig Kontrast. */ --pos-warn: #9C6F1B; --pos-warn-bg: #FCEFD4; } @media (prefers-reduced-motion: reduce) { .pos-shell *, .pos-shell *::before, .pos-shell *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } }