/* ========================================================================= main.css — Einstiegspunkt für das Zero-Principle Design-System ----------------------------------------------------------------------- Importiert alle Style-Files in der richtigen Cascade-Reihenfolge: 1. tokens — CSS-Variablen (Palette, Typo, Spacing) 2. reset — minimaler Reset (Box-Sizing, Margin-Trim) 3. typography — Body, Headings, Prose 4. layout — Header, Footer, Container, Sticky-Floating 5. components — Links, Listen, Tabellen, Badges, Stats, Buttons 6. article — Long-Form-Article-Layout + Pull-Quotes 7. images — Figures, Captions, Lightbox, Diagrams 8. footnotes — Inline + Block + Tabellen-Footnotes 9. motion — View-Transitions, Animations, Reduced-Motion 10. print — @media print Overrides für Browser-Print → PDF Verwendung in HTML: Kein Build-Step nötig — CSS-@import läuft nativ. Für Production-Bundle einfach concat in einer Datei (oder von einem SSG aggregiert). IBM Plex muss separat geladen werden (siehe HTML- in examples/): https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600 &family=IBM+Plex+Serif:wght@400;500 &family=IBM+Plex+Mono:wght@400;500 &display=swap ========================================================================= */ @import "tokens.css"; @import "reset.css"; @import "typography.css"; @import "layout.css"; @import "components.css"; @import "cards.css"; @import "article.css"; @import "images.css"; @import "footnotes.css"; @import "motion.css"; @import "forms.css"; @import "print.css";