/* ==========================================================================
   Meridian Product Design System — Lite
   Single entry point. Link this one file:
     <link rel="stylesheet" href="meridian-lite.css">
   Order matters: fonts → tokens → base → components.
   ========================================================================== */

@import url("assets/fonts/fonts.css");
@import url("tokens/tokens.css");
@import url("components/base.css");
@import url("components/icon.css");

/* Structure */
@import url("components/nav/nav.css");
@import url("components/card/card.css");

/* Actions */
@import url("components/button/button.css");
@import url("components/menu/menu.css");

/* Data display */
@import url("components/tag/tag.css");
@import url("components/avatar/avatar.css");
@import url("components/status/status.css");
@import url("components/table/table.css");

/* Forms */
@import url("components/input/input.css");
@import url("components/select/select.css");
@import url("components/checkbox/checkbox.css");
@import url("components/radio/radio.css");
@import url("components/toggle/toggle.css");

/* Feedback */
@import url("components/banner/banner.css");
@import url("components/toast/toast.css");
@import url("components/empty-state/empty-state.css");
@import url("components/spinner/spinner.css");
@import url("components/progress/progress.css");

/* Pages without navigation */
@import url("components/gate/gate.css");
@import url("components/flow/flow.css");

/* Overlays */
@import url("components/modal/modal.css");
@import url("components/drawer/drawer.css");
@import url("components/tooltip/tooltip.css");
@import url("components/popover/popover.css");