/* ============================================================
   URBINO DESIGN SYSTEM — single entry point
   ------------------------------------------------------------
   Link THIS one file to pull in the whole system:
   tokens (primitives → semantic → citizen world → density → type)
   plus every atom/molecule stylesheet.

       <link rel="stylesheet" href="styles.css">

   Then set the world on a parent (.urbino-mgr is the :root
   default; add .urbino-cit for the citizen surface), and mix
   density modes with [data-density] as needed.

   Prefer this over linking the 20+ component files individually.
   The token-only entry (colors_and_type.css) still exists for
   consumers that want tokens without the component CSS.
   ============================================================ */

/* 1 · Tokens ------------------------------------------------- */
@import url("colors_and_type.css");

/* 2 · Layout primitives ------------------------------------- */
@import url("components/layout.css");

/* 3 · Atoms -------------------------------------------------- */
@import url("components/button.css");
@import url("components/link.css");
@import url("components/input.css");
@import url("components/form-field.css");
@import url("components/chip.css");
@import url("components/choice.css");
@import url("components/avatar.css");
@import url("components/icon.css");
@import url("components/skeleton.css");
@import url("components/tooltip.css");

/* 4 · Molecules ---------------------------------------------- */
@import url("components/card.css");
@import url("components/list-tile.css");
@import url("components/table.css");
@import url("components/pagination.css");
@import url("components/status-timeline.css");
@import url("components/toast.css");
@import url("components/dialog.css");
@import url("components/drawer.css");
@import url("components/tabs.css");
@import url("components/popover.css");
@import url("components/breadcrumb.css");