/* ============================================================================= ANLEITUNG — nur das, was Neonnacht noch nicht hat ============================================================================= LADEREIHENFOLGE (aus dem Kopfkommentar von atelier-komponenten.css): fonts.css → atelier.css → atelier-komponenten.css → atelier-panel.css → anleitung.css Der traegt class="atelier". HERKUNFT DER NACHBARDATEIEN atelier.css, atelier-komponenten.css, atelier-panel.css und js/atelier-panel.js sind WORTGLEICHE KOPIEN aus /Users/renekress/Desktop/app (Stand 27.07.2026). Sie werden hier nicht gepflegt und nicht veraendert — wer etwas am Designsystem aendern will, aendert es dort und kopiert erneut. Nur fonts.css traegt zwei dokumentierte Abweichungen (Pfade, Fraunces entfernt), und nur diese Datei hier ist unser Eigentum. Warum atelier.css und nicht atelier-nacht.css: atelier-nacht.css ist die aeltere Parallelfassung derselben Bildsprache mit dem Praefix n-/body.nacht und wird im Shop-Repo ausschliesslich von der Musterseite atelier-nacht.html geladen. Sie definiert NUR die Rohwerte --n-*; atelier-komponenten.css und atelier-panel.css sprechen aber durchgehend die Rollen-Tokens --c-*, --s-*, --t-*, --r-*, --z-* — mit atelier-nacht.css allein waeren beide Dateien ohne Farbe, ohne Abstaende und ohne Radien. atelier.css ist die gepflegte Fassung und liefert beide Ebenen. WAS HIER BEWUSST NICHT STEHT Knoepfe (.a-btn), Karten (.a-card), Felder (.a-field und die Element- Selektoren aus atelier-komponenten.css), Abzeichen (.a-mark, .badge), Leerzustand (.empty-state), Zeitstrahl (.tl-item/.tl-dot), Ladeplatzhalter (.a-skeleton), Bestaetigungsdialog (.confirm-dialog-*), Panels (.a-panel*), Fokusring, Filmkorn, Scheinwerfer. Alles vorhanden, alles benutzt. EIN FARBHINWEIS Der unsichere KI-Entwurf ist im Text "gelb". Umgesetzt ist er in Bernstein (--c-warn #E89B3C), NICHT im Neon-Gelb #FBCD0A: das Gelb ist im Designsystem ausschliesslich fuer Exklusives reserviert (atelier.css Abschnitt 1). Ein Warnzustand in derselben Farbe nimmt dem Gelb genau die Bedeutung, wegen der es reserviert wurde. ============================================================================= */ /* ============================================================================= 0 EINE KORREKTUR AM UEBERNOMMENEN SYSTEM ----------------------------------------------------------------------------- Im Shop-Repo ist .a-btn (atelier.css) in freier Wildbahn nie auf einem