/* ==========================================================================
   XGUARD ONE — main stylesheet
   --------------------------------------------------------------------------
   Single entry point. Import order defines the cascade, and @layer makes that
   order explicit so a later file can never accidentally out-specify an
   earlier one.

   base/       tokens, reset, typography — no components
   layout/     page skeleton (container, header shell)
   components/ reusable, context-free pieces (button, nav, logo)
   sections/   one file per page section (hero, ...)
   utilities/  single-purpose helpers, always last
   ========================================================================== */

@layer reset, tokens, base, layout, components, sections, utilities;

/* --- base ---------------------------------------------------------------- */
@import url("base/_reset.css")       layer(reset);
@import url("base/_tokens.css")      layer(tokens);
@import url("base/_typography.css")  layer(base);

/* --- layout -------------------------------------------------------------- */
@import url("layout/_container.css") layer(layout);
@import url("layout/_header.css")    layer(layout);
@import url("layout/_footer.css")    layer(layout);

/* --- components ---------------------------------------------------------- */
@import url("components/_logo.css")   layer(components);
@import url("components/_button.css") layer(components);
@import url("components/_nav.css")    layer(components);
@import url("components/_marquee.css") layer(components);
@import url("components/_feature-card.css") layer(components);
@import url("components/_orbit.css")        layer(components);
@import url("components/_chip.css")         layer(components);
@import url("components/_flow.css")         layer(components);

/* --- sections ------------------------------------------------------------ */
@import url("sections/_hero.css")     layer(sections);
@import url("sections/_partners.css") layer(sections);
@import url("sections/_why.css")      layer(sections);
@import url("sections/_platform.css") layer(sections);
@import url("sections/_howto.css")    layer(sections);
@import url("sections/_showcase.css") layer(sections);
@import url("sections/_program.css")  layer(sections);
@import url("sections/_offers.css")   layer(sections);

/* --- utilities ----------------------------------------------------------- */
@import url("base/_utilities.css") layer(utilities);