/* App-Schale (Fassade) — die EINE Datei, die index.html für die Schale verlinkt;
 * sie @importiert die Teile aus css/layout/base/. Neue Schalen-Regel: in das
 * passende Modul, kein zusätzlicher <link>. Gleiches Muster wie css/tokens.css.
 *
 * WARUM zerlegt: die Datei trug Reset, Grid, Kopfzeile und Navigation in einem und
 * lief auf das 600-Zeilen-Limit zu (CLAUDE.md → File-Limits) — mit zwei Sessions,
 * die gleichzeitig daran arbeiteten, war sie die Datei mit den meisten Konflikten.
 * Die vier Teile haben je ein Thema und werden getrennt angefasst.
 *
 * Die Reihenfolge der @imports ist die Quellreihenfolge INNERHALB von @layer base.
 * Sie entscheidet hier nichts (die vier Teile teilen keinen Selektor), bleibt aber
 * bewusst die alte Lesefolge: Dokument → Schale → Kopfzeile → Navigation.
 * Die responsiven Zustände der Schale liegen NICHT hier, sondern in
 * layout/shell-responsive.css (eigener <link>, siehe dort). */

@import url('/css/layout/base/document.css');
@import url('/css/layout/base/shell.css');
@import url('/css/layout/base/header.css');
@import url('/css/layout/base/nav.css');