/* ==========================================================================
   CAMPO DE MARTE CTF (cdmctf) - stylesheet entry point

   Cascade layers: Pico sits in the lowest layer, so any normal rule of ours beats it
   without !important. All our files share ONE layer (`app`) on purpose: !important
   reverses layer order, and responsive.css still relies on !important to override
   components.css. Split `app` into sub-layers only once those !important are gone.
   Pico's own !important rules ([hidden], aria-invalid, reduced motion) beat ours.

   `pages` (styles extracted from style="" attributes) sits ABOVE `app`: like an
   inline style, its normal rules beat every normal rule in `app` whatever the
   specificity, while `app` !important still beats it. Extraction is therefore
   cascade-neutral.
   ========================================================================== */

@layer pico, app, pages;

@import url("../vendor/pico.min.css") layer(pico);
@import url("fonts.css") layer(app);
@import url("tokens.css") layer(app);
@import url("base.css") layer(app);
@import url("components.css") layer(app);
@import url("responsive.css") layer(app);
@import url("pages.css") layer(pages);