/**
 * ClubFlex Design System v3 — Single Entry Point
 *
 * Diese Datei ist die EINZIGE Quelle der Wahrheit. head.php lädt nur diese
 * (oder das Bundle, das daraus gebaut wird). Page-spezifisches CSS bleibt
 * weiterhin optional per $cf_page_css einbindbar.
 *
 * Reihenfolge ist verbindlich:
 *   1. tokens/        ← reine Custom-Properties
 *   2. base/          ← reset, defaults, focus, dark-mode-overrides
 *   3. layout/        ← strukturelle Primitives
 *   4. components/    ← UI-Komponenten (in Phase 2)
 *   5. utility.css    ← atomare Helpers
 *   6. responsive.css ← globale Media-Queries
 */

/* ── 1. Tokens ─────────────────────────────────────────── */
@import url("./tokens/color.css");
@import url("./tokens/space.css");
@import url("./tokens/radius.css");
@import url("./tokens/shadow.css");
@import url("./tokens/typography.css");
@import url("./tokens/motion.css");
@import url("./tokens/z-index.css");

/* ── 2. Base ───────────────────────────────────────────── */
@import url("./base/reset.css");
@import url("./base/typography.css");
@import url("./base/focus.css");
@import url("./base/dark-mode.css");

/* ── 3. Layout ─────────────────────────────────────────── */
@import url("./layout/stack.css");
@import url("./layout/cluster.css");
@import url("./layout/grid.css");
@import url("./layout/container.css");
@import url("./layout/page.css");

/* ── 4. Components ────────────────────────────────────── */
/* Hinweis: components.v3/ während der Migration. In Phase 6
 *          umbenannt zu components/, wenn das alte Verzeichnis weg ist.
 */
@import url("./components.v3/brand.css");
@import url("./components.v3/button.css");
@import url("./components.v3/input.css");
@import url("./components.v3/field.css");
@import url("./components.v3/card.css");
@import url("./components.v3/stat.css");
@import url("./components.v3/empty-state.css");
@import url("./components.v3/alert.css");
@import url("./components.v3/banner.css");
@import url("./components.v3/badge.css");
@import url("./components.v3/tag.css");
@import url("./components.v3/table.css");
@import url("./components.v3/pagination.css");
@import url("./components.v3/tabs.css");
@import url("./components.v3/modal.css");
@import url("./components.v3/drawer.css");
@import url("./components.v3/popover.css");
@import url("./components.v3/filter-bar.css");
@import url("./components.v3/upload.css");
@import url("./components.v3/progress.css");
@import url("./components.v3/toast.css");

/* ── 5. Utility ────────────────────────────────────── */
@import url("./components.v3/utility.css");

/* ── 6. Responsive (kommt in Phase 5) ──────────────── */