/* ==========================================================================
   Kerogen CX — shared stylesheet.
   Loaded by every page. Page-specific rules live in css/pages/<page>.css,
   which each page links separately after this file.

   Cascade layers decide which rule wins, NOT selector specificity. A rule in
   `components` always beats one in `base` regardless of how it is written,
   and `utilities` always beats `components`. That is why this codebase has
   no !important declarations — add a layer, not a bigger hammer.
   ========================================================================== */

/* Layer order is declared here ONCE, up front — including `pages`, which is
   populated later by css/pages/<page>.css. Declaring it here is what keeps a
   page rule above components but still below utilities. */
@layer reset, base, layout, components, pages, utilities;

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

/* --- base ----------------------------------------------------------------- */
@import url("base/tokens.css") layer(base);
@import url("base/typography.css") layer(base);
@import url("base/a11y.css") layer(base);

/* --- layout --------------------------------------------------------------- */
@import url("layout/wrap.css") layer(layout);
@import url("layout/grid.css") layer(layout);

/* --- components ----------------------------------------------------------- */
@import url("components/site-header.css") layer(components);
@import url("components/nav-drawer.css") layer(components);
@import url("components/site-footer.css") layer(components);
@import url("components/button.css") layer(components);
@import url("components/link-arrow.css") layer(components);
@import url("components/metric.css") layer(components);
@import url("components/sector-card.css") layer(components);
@import url("components/portfolio-rail.css") layer(components);
@import url("components/news-card.css") layer(components);
@import url("components/news-row.css") layer(components);
@import url("components/prose.css") layer(components);
@import url("components/team-member.css") layer(components);
@import url("components/bio-modal.css") layer(components);
@import url("components/tabs.css") layer(components);
@import url("components/sticky-subnav.css") layer(components);
@import url("components/sdg-tile.css") layer(components);
@import url("components/journey-card.css") layer(components);
@import url("components/value-card.css") layer(components);
@import url("components/form-field.css") layer(components);
@import url("components/img-slot.css") layer(components);
@import url("components/section-dots.css") layer(components);

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