/* ==========================================================================
   UX4G DESIGN SYSTEM - MASTER ENTRY POINT
   Declares CSS Cascade Layer order for robust, predictable specificity.
   ========================================================================== */

/* ─── CSS Cascade Layer Hierarchy ─── */
@layer ux4g-tokens, ux4g-semantics, ux4g-reset, ux4g-foundations, ux4g-layout, ux4g-components, ux4g-patterns, ux4g-utilities;

/* ─── 1. Primitive Design Tokens ─── */
@import "./tokens/ux4g-tokens.css" layer(ux4g-tokens);

/* ─── 2. Semantic Tokens & Themes ─── */
@import "./semantics/ux4g-semantic.css" layer(ux4g-semantics);
@import "./themes/dark.css" layer(ux4g-semantics);

/* ─── 3. Reset & Base Foundations ─── */
@import "./reset/reset.css" layer(ux4g-reset);
@import "./foundations/ux4g.foundations.css" layer(ux4g-foundations);

/* ─── 4. Layout Grid & Structure ─── */
@import "./layout/ux4g.layout.css" layer(ux4g-layout);

/* ─── 5. UI Components ─── */
@import "./components/ux4g.components.css" layer(ux4g-components);

/* ─── 6. User Experience Patterns ─── */
@import "./patterns/ux4g-patterns.css" layer(ux4g-patterns);

/* ─── 7. Atomic Utilities ─── */
@import "./utilities/ux4g-utilities.css" layer(ux4g-utilities);