/* ==========================================================================
   NÆR — main stylesheet
   --------------------------------------------------------------------------
   Modular architecture. Each @import is a self-contained partial so the whole
   thing ports cleanly to a WordPress theme:

     base/        → tokens, fonts, reset, base typography (load first)
     components/  → reusable pieces (layout primitives, buttons)
     sections/    → one file per content section = one WP template part

   In a WordPress theme you'd typically enqueue these as separate stylesheets
   (or concatenate them), and each sections/* file maps to a
   template-parts/*.php partial or a block. Nothing here depends on load
   order except that base/ must come before the rest.
   ========================================================================== */

/* --- Base --- */
@import url("base/_tokens.css");
@import url("base/_fonts.css");
@import url("base/_reset.css");
@import url("base/_typography.css");

/* --- Components --- */
@import url("components/_layout.css");
@import url("components/_media.css");
@import url("components/_button.css");
@import url("components/_block-content.css");
@import url("components/_video-overlay.css");

/* --- Universal section --- */
@import url("sections/_section.css");

/* --- Site chrome --- */
@import url("sections/_site-header.css");
@import url("sections/_site-footer.css");

/* --- Reusable content-classes (bruges af core-blocks i indholds-zonen:
       .hero__title, .work__list, .belief__quote, .contact__form m.fl.) --- */
@import url("sections/_hero.css");
@import url("sections/_work.css");
@import url("sections/_belief.css");
@import url("sections/_places.css");
@import url("sections/_story.css");
@import url("sections/_contact.css");
@import url("sections/_wpforms.css");