/* ============================================================
   MAKKI DESIGN SYSTEM — global entry
   Link THIS one file in any dashboard to get the full system:
     <link rel="stylesheet" href="styles.css">
   Everything below is @import only.
   ------------------------------------------------------------
   CASCADE LAYERS (v4.0.5, Phase 4)

   The order is declared ONCE, here, and it is the only thing that
   decides which file wins. Two consequences worth knowing before you
   override anything:

     · Your own CSS needs no !important. Unlayered author styles beat
       EVERY layer regardless of specificity, so a plain `.btn{}` in
       your app now overrides the system's `.btn.btn-primary:hover`.
       That is the intended contract — the 8 !importants the system
       itself carried to win cross-file fights are gone.
     · Order inside a layer still follows source order and specificity
       as normal. Layers only rank the FILES.

   Layer meanings:
     tokens      custom properties only, no selectors that paint
     base        element resets
     components  the primitive class library
     elements    composite/element library built on components
     blocks      charts, page blocks, marketing/landing sections
     packs       vertical packs (hotel, suite) + panel container queries
     overrides   opt-in look layers (skins), and forced-colors, which
                 must beat everything the system itself sets
   ============================================================ */
@layer tokens, base, components, elements, blocks, packs, overrides;

@import "design-system/tokens/fonts.css"      layer(tokens);
@import "design-system/tokens/colors.css"     layer(tokens);
@import "design-system/tokens/theme.css"      layer(tokens);
@import "design-system/tokens/dark.css"       layer(tokens);   /* opt-in: data-theme-mode="dark" */
@import "design-system/tokens/typography.css" layer(tokens);
@import "design-system/tokens/spacing.css"    layer(tokens);
@import "design-system/tokens/radius.css"     layer(tokens);
@import "design-system/tokens/elevation.css"  layer(tokens);
@import "design-system/tokens/motion.css"     layer(tokens);
@import "design-system/tokens/sidebar.css"    layer(tokens);   /* nav shell slice — aliases --md-*, override to reskin the rail */

@import "design-system/base.css"              layer(base);
@import "design-system/components.css"        layer(components);
@import "design-system/elements.css"          layer(elements);

@import "design-system/charts.css"            layer(blocks);
@import "design-system/blocks.css"            layer(blocks);
@import "design-system/landing.css"           layer(blocks);

@import "design-system/hotel.css"             layer(packs);    /* hotel PMS extensions (Waves 1–3) */
@import "design-system/suite.css"             layer(packs);    /* multi-vertical suite: adaptive contract */
@import "design-system/container.css"         layer(packs);    /* panel-driven density (.ct host) */

@import "design-system/skins.css"             layer(overrides); /* data-skin="soft" | "glass" */
@import "design-system/forced-colors.css"     layer(overrides); /* Windows High Contrast */