/* ══════════════════════════════════════════════════
   Design Kit — Master Import
   Single entry point. Import order matters:
   tokens → reset → base → layout → components →
   headless → icons → utilities.
   ══════════════════════════════════════════════════ */

/* ── Foundation ── */
@import './tokens.css';
@import './reset.css';
@import './base.css';

/* ── Layout ── */
@import './layout.css';

/* ── Components ── */
@import './components/buttons.css';
@import './components/forms.css';
@import './components/cards.css';
@import './components/tables.css';
@import './components/matrix-grid.css';
@import './components/badges.css';
@import './components/chips.css';
@import './components/modals.css';
@import './components/toggles.css';
@import './components/panels.css';
@import './components/toolbar.css';
@import './components/tabs.css';
@import './components/spinner.css';
@import './components/empty-state.css';

/* ── Headless library integration ── */
@import './headless/radix-dialog.css';
@import './headless/radix-dropdown.css';
@import './headless/radix-tooltip.css';
@import './headless/tanstack-table.css';
@import './headless/dnd-kit.css';

/* ── Icons ── */
@import './icons.css';

/* ── Utilities (last — highest specificity intent) ── */
@import './utilities.css';