/* ==========================================================================
 * LABBIE PLATFORM DESIGN SYSTEM V1 — ENTRY POINT
 *
 * The one stylesheet every customer-facing Labbie page links:
 *
 *   <link rel="stylesheet" href="/design-system/labbie-design-system.css">
 *   <body class="lds-page"> …
 *
 * It applies to the Labbie AI Website Builder, Labbie AI Auto-Call, the
 * shared authentication / account / usage / billing interfaces, and every
 * future Labbie service in this repository. No service copies, forks or
 * re-declares any of it.
 *
 * WHY @import AND NOT ONE CONCATENATED FILE. This repository has no frontend
 * build step: `frontend/` is served straight from disk by express.static, so
 * there is nothing to run a bundler in. @import is therefore the only way to
 * keep tokens, primitives and components in separate, reviewable files while
 * pages link exactly one URL. The imports resolve in parallel once this file
 * has been fetched. If a build step ever arrives, inline these at build time
 * and the public URL above does not change.
 *
 * ORDER IS LOAD-BEARING. Tokens first — everything below reads them. Base
 * next, because it establishes the shell. Then primitives, lowest-level
 * first. State is LAST so the shared focus, loading and disabled behaviour
 * settles every equal-specificity tie in its own favour.
 *
 * Authority: docs/design-system/LABBIE_PLATFORM_DESIGN_SYSTEM_V1.md
 * Docs:      frontend/design-system/documentation/
 * ====================================================================== */

@import url("./tokens/tokens.css");

@import url("./primitives/base.css");
@import url("./primitives/typography.css");
@import url("./primitives/surface.css");
@import url("./primitives/icon.css");
@import url("./primitives/button.css");
@import url("./primitives/field.css");
@import url("./primitives/navigation.css");
@import url("./primitives/status.css");

@import url("./primitives/state.css");