/* =============================================================================
   VIVANTIO DESIGN SYSTEM — root entry point
   -----------------------------------------------------------------------------
   Single stylesheet for consumers. Link this one file:
       <link rel="stylesheet" href="styles.css">
   It pulls in the foundation tokens plus both UI-kit component layers.

   Load order matters: tokens first (they define every CSS var the kits read),
   then the kit component styles.
   ============================================================================= */

/* 1 — Foundation: color, type, spacing, radius, elevation, motion (both themes) */
@import url("colors_and_type.css");

/* 2 — UI-kit component layers (built on the tokens above) */
@import url("ui_kits/admin/kit.css");
@import url("ui_kits/portal/portal.css");