/* ==========================================================================
   UpSurfDown - styles/main.css

   The only stylesheet the document links. Everything else is imported here,
   in cascade-layer order. Each imported file declares its own @layer, so the
   order statement below is the single place where precedence is decided --
   specificity never has to be fought.

   Layer order (weakest first):
     reset       browser normalisation
     tokens      design decisions (:root custom properties)
     base        element + text primitives
     layout      page shell, grid, header, footer
     components  self-contained UI blocks
     utilities   single-purpose overrides
   ========================================================================== */

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

/* --- core ---------------------------------------------------------------- */
@import url("./core/reset.css");
@import url("./core/tokens.css");
@import url("./core/typography.css");

/* --- layout -------------------------------------------------------------- */
@import url("./layout/shell.css");
@import url("./layout/header.css");
@import url("./layout/footer.css");

/* --- components ---------------------------------------------------------- */
@import url("./components/button.css");
@import url("./components/hero.css");
@import url("./components/card.css");
@import url("./components/cascade.css");
@import url("./components/stat.css");
@import url("./components/figure.css");
@import url("./components/configurator.css");
@import url("./components/disclosure.css");
@import url("./components/split.css");
@import url("./components/case.css");
@import url("./components/pagehead.css");

/* --- utilities (last: they must win) ------------------------------------- */
@import url("./core/utilities.css");