/* GCMD Library — Design system entry point
 *
 * One import file. Anything you want available globally goes through
 * here. Old main.css remains in place during migration; this file is
 * loaded alongside it (see templates/base.html) so the two can coexist
 * page-by-page during the cut-over.
 *
 * Order matters:
 *   1. Tokens (CSS variables) — must come first so everything else
 *      can reference them.
 *   2. Base (reset + global) — sets body defaults.
 *   3. Components — opt-in classes used by templates.
 *   4. Layouts — grid/container helpers.
 *   5. Pages — page-specific overrides (added in later phases).
 *
 * Built per DESIGN_SYSTEM_PLAN.md §12.
 */

/* ── Tokens ──────────────────────────────────────────────── */
@import url('tokens/colors.css');
@import url('tokens/typography.css');
@import url('tokens/spacing.css');
@import url('tokens/effects.css');

/* ── Base ────────────────────────────────────────────────── */
@import url('base/reset.css');
@import url('base/global.css');

/* ── Components ──────────────────────────────────────────── */
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/tags.css');
@import url('components/forms.css');
@import url('components/segment-control.css');
@import url('components/skeleton.css');
@import url('components/header.css');
@import url('components/footer.css');

/* ── Pages ───────────────────────────────────────────────── */
@import url('pages/page-shell.css');   /* shared breadcrumb / header / toolbar */
@import url('pages/home.css');         /* library home (Phase 3) */
@import url('pages/listing.css');      /* content listing pages (Phase 4) */
@import url('pages/detail.css');       /* video / content detail page (Phase 4) */

@import url('pages/spaces-listing.css'); /* spaces directory (Phase 5) */
@import url('pages/space-profile.css');  /* space profile page (Phase 5) */
@import url('pages/admin.css');          /* admin panel polish (Phase 6) */