/* ==========================================================================
   STRIKE WHILE :: CSS MANIFEST
   --------------------------------------------------------------------------
   This is the ONLY stylesheet any HTML page links. Everything else is
   registered here, in cascade order.

   Adding a file is a one-line change at the bottom of the right block,
   which is the lowest-conflict way for several people to add section files
   to the same project in the same week.

   CASCADE ORDER IS LOAD-BEARING. Do not reorder the blocks.
     0. fonts       @font-face only. Must come before anything uses a face
     1. tokens      values only, no selectors that paint anything
     2. reset       normalise, root element, focus, reduced motion
     3. typography  the type classes
     4. layout      the scaffold and the spacing ladder
     5. utilities   single-purpose helpers
     6. components  reusable, shared across pages
     7. pages       NOT imported here. One file per page, linked by that page

   PERFORMANCE NOTE
   @import serialises requests, which costs a little on first load. That is
   an accepted trade for having no build step while the team is scaffolding.
   Before launch, flatten these into one minified bundle (any concat step,
   or move to a bundler) and keep this file as the ordering document.
   ========================================================================== */

/* 0. FONTS ----------------------------------------------------------------- */
@import url("00-fonts.css");

/* 1. TOKENS ---------------------------------------------------------------- */
@import url("01-tokens.css");

/* 2. RESET ----------------------------------------------------------------- */
@import url("02-reset.css");

/* 3. TYPOGRAPHY ------------------------------------------------------------ */
@import url("03-typography.css");

/* 4. LAYOUT --------------------------------------------------------------- */
@import url("04-layout.css");

/* 5. UTILITIES ------------------------------------------------------------ */
@import url("05-utilities.css");

/* 6. COMPONENTS ----------------------------------------------------------- */
@import url("components/nav.css");
@import url("components/footer.css");
@import url("components/button.css");
@import url("components/card.css");
@import url("components/accordion.css");
@import url("components/form.css");
@import url("components/marquee.css");
@import url("components/slider.css");

/* 7. PAGES ----------------------------------------------------------------
   NOTHING IS IMPORTED HERE, and that is the whole point of the block.

   Page CSS lives in css/pages/<page>.css and is linked by THAT PAGE ONLY,
   as a second stylesheet after this one:

     <link rel="stylesheet" href="/css/main.css" />
     <link rel="stylesheet" href="/css/pages/home.css" />

   Importing them here would ship the CSS for every page to every page, which
   is exactly what splitting by page exists to avoid. It also mirrors how the
   JS already works: one sitewide entry point plus a per-page file that the
   page asks for by name through its data-page attribute.

   ORDER MATTERS. The page file loads AFTER this one so it can override a
   component when a page genuinely needs to. Never link it before.

   ONE FILE PER PAGE, not one per section. Sections are banner-delimited
   blocks inside the page file, and every selector in a block still starts
   with that section's own prefix. See css/pages/_EXAMPLE-page.css.
   ---------------------------------------------------------------------- */