/*
 * main.css – Einstiegspunkt für alle Styles
 *
 * Reihenfolge:
 * 1. tokens.css  → Design-Tokens (Farben, Fonts, Abstände …)
 * 2. base.css    → Reset, Body, globale Typo, Utilities
 * 3. nav.css     → Navigation
 * 4. hero.css    → Hero-Sektion
 * 5. painpoints.css
 * 6. services.css
 * 7. projects.css
 * 8. about.css
 * 9. contact.css
 * 10. footer.css
 * 11. page.css   → Standardseiten, Blog
 * 11. home.css   → Startseite
 *
 * Farben, Fonts und globale Tokens NUR in tokens.css ändern.
 */

@import url('tokens.css');
@import url('base.css');
@import url('icons.css');
@import url('nav.css');
@import url('hero.css');
@import url('painpoints.css');
@import url('services.css');
@import url('projects.css');
@import url('about.css');
@import url('contact.css');
@import url('footer.css');
@import url('page.css');
@import url('home.css');