/* ═══════════════════════════════════════════════════════════════════════════
   UI Component Library — Master Stylesheet
   ==========================================
   Single @import point for all component CSS.
   Link this ONE file to get every atom & molecule styled.

   <link rel="stylesheet" href="/ui/ui.css">
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Theme (must load first — defines --t-* tokens) ──────────────────────── */
@import url('./theme/theme.css');

/* ── Atoms ────────────────────────────────────────────────────────────────── */
@import url('./atoms/button/button.css');
@import url('./atoms/dropdown/dropdown.css');
@import url('./atoms/badge/badge.css');

/* ── Molecules ────────────────────────────────────────────────────────────── */
@import url('./molecules/data-table/data-table.css');
@import url('./molecules/editable-table/editable-table.css');
@import url('./molecules/card/card.css');
@import url('./molecules/page-header/page-header.css');
@import url('./molecules/form/form.css');

/* ── Utils ─────────────────────────────────────────────────────────────────── */
@import url('./utils/loader.css');
@import url('./utils/toast.css');
@import url('./utils/confirm.css');