/* ============================================================
   emko — application stylesheet

   This file is an import root and nothing else. Every rule lives in one of
   the layers below, and the load order is the dependency order: tokens
   define the vocabulary, reset sets the baseline, chrome builds the app
   shell, components fill it.

     tokens.metric   type / space / radius / chrome sizes / motion
     tokens.color    surfaces, text, borders, status, accents
     reset           element baseline and a few text utilities
     chrome          the app shell: sidebar, topbar, statusbar, panels
     components      the shared vocabulary routes build pages from

   Anything used by exactly one page belongs in that page's companion
   .page.css instead — emroute loads it with the page.

   styles/preview.html renders every token and component on one page; open
   it at /styles/preview.html while the dev server is running.
   ============================================================ */

@import url("styles/tokens.metric.css");
@import url("styles/tokens.color.css");
@import url("styles/reset.css");
@import url("styles/chrome.css");
@import url("styles/components.css");
@import url("widgets/emkai-assistant/emkai-assistant.widget.css");