/* ============================================================
   main.css — Einstiegspunkt des Stylesheets
   Bündelt alle modularen CSS-Bausteine in definierter Reihenfolge.
   Reihenfolge zählt: tokens → reset → base → components → sections.
   Dokumentation: ../../docs/design-system.md
   ============================================================ */

/* 1) Design-Tokens & Grundlagen */
@import "base/fonts.css";
@import "base/tokens.css";
@import "base/reset.css";
@import "base/typography.css";
@import "base/layout.css";
@import "base/animations.css";

/* 2) Wiederverwendbare Komponenten */
@import "components/buttons.css";
@import "components/cards.css";
@import "components/header.css";
@import "components/footer.css";
@import "components/to-top.css";
@import "components/modal.css";

/* 3) Seiten-Sektionen */
@import "sections/hero.css";
@import "sections/dartboard.css";
@import "sections/features.css";
@import "sections/showcase.css";
@import "sections/stats.css";
@import "sections/download.css";
@import "sections/faq.css";
@import "sections/cta.css";
@import "sections/legal.css";
@import "sections/catalog.css";
@import "sections/changelog.css";
@import "sections/notfound.css";