/* ═══════════════════════════════════════════════════════════════════════
   DashTask · Design System — main.css
   Imports the full design-system graph in the order:
   tokens → base → utilities → layouts → components → pages
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Tokens ────────────────────────────────────────────────────── */
@import './tokens/colors.css';
@import './tokens/spacing.css';
@import './tokens/typography.css';
@import './tokens/radius.css';
@import './tokens/shadows.css';
@import './tokens/motion.css';
@import './tokens/z-index.css';

/* ── 2. Base ──────────────────────────────────────────────────────── */
@import './base/reset.css';
@import './base/base.css';
@import './base/scrollbar.css';
@import './base/animations.css';

/* ── 3. Utilities ─────────────────────────────────────────────────── */
@import './utilities/flex.css';
@import './utilities/spacing.css';
@import './utilities/text.css';
@import './utilities/layout.css';

/* ── 4. Layouts ───────────────────────────────────────────────────── */
@import './layouts/section.css';
@import './layouts/grid.css';
@import './layouts/docs.css';
@import './layouts/footer.css';

/* ── 5. Components ────────────────────────────────────────────────── */
@import './components/button.css';
@import './components/card.css';
@import './components/badge.css';
@import './components/navbar.css';
@import './components/tabs.css';
@import './components/browser.css';
@import './components/codeblock.css';
@import './components/info-box.css';
@import './components/table.css';
@import './components/roadmap.css';

/* ── 6. Pages ─────────────────────────────────────────────────────── */
@import './pages/home.css';
@import './pages/docs.css';