/* ============================================================================
   universum-ui — the single stylesheet the application includes.

     <link rel="stylesheet" href="https://static.universum.run/v1/universum-ui.css">

   The order below is the cascade and it isn't arbitrary: tokens define the
   variables (and pull in the fonts), foundation defines what every component
   shares, and only then each category. Inverting it would make a component
   reference a variable that doesn't exist yet.
   ============================================================================ */

@import url('./tokens.css');          /* variables + document base (imports css/fonts.css) */
@import url('./css/foundation.css');  /* .u-icon, brand utilities, focus, animations */

@import url('./css/core.css');        /* buttons and fields */
@import url('./css/display.css');     /* card, table, tag, chip, avatar, stat */
@import url('./css/feedback.css');    /* alert, dialog, toast, tooltip, progress */
@import url('./css/navigation.css');  /* tabs, menu, side nav, pagination */
@import url('./css/layout.css');      /* screen composition: content, headers, stacks */
@import url('./css/brand.css');       /* logo, gradient text, ornaments */