/*
 * The Ark — main.css (import manifest)
 * ------------------------------------------------------------------
 * The single stylesheet enqueued by the theme (see functions.php →
 * theark_scripts(), handle "theark-ark"). It @imports every partial below in a
 * deliberate order. As of the latest refactor this now contains ALL of the
 * theme's CSS — the former ark.css, arkextra.css, and style.css rules have been
 * folded into src/. (style.css still exists at the theme root because WordPress
 * reads the theme header from it, but it no longer holds style rules.)
 *
 * IMPORTANT — cascade order:
 * Import order mirrors the original load order exactly, so this restructure is
 * rendering-neutral:
 *   custom (old ark.css) -> normalize -> Foundation -> H5BP -> icon font
 *   -> style.css main rules -> share buttons.
 * The custom partials intentionally load BEFORE the vendor files (as in the
 * original ark.css). Flipping to "vendor first" is a deliberate future step
 * (it's what lets you drop most !important) and must be QA'd on staging.
 *
 * Note on caching: the browser resolves @import at runtime, so editing a
 * partial won't change main.css's own mtime. If a partial edit doesn't appear
 * after deploy, touch src/main.css (or add a build step that concatenates).
 */

/* Design tokens — the single source of truth for the palette. */
@import "abstracts/_tokens.css";

/* Custom styles from the old ark.css (kept before vendor to preserve cascade). */
@import "base/_base.css";
@import "layout/_header.css";
@import "layout/_navigation.css";
@import "components/_home-sections.css";
@import "layout/_footer.css";

/* Vendor (do not hand-edit). */
@import "vendor/_normalize.css";
@import "vendor/_foundation.css";
@import "vendor/_h5bp.css";

/* Custom icon font (was in arkextra.css). */
@import "base/_icon-font.css";

/* Remaining custom styles (was style.css): main rules, then Tribe/event
   overrides, then the self-contained share-button component last. */
@import "components/_style-main.css";
@import "components/_tribe-events.css";
@import "components/_share-buttons.css";

/* Homepage hero slider. Imported AFTER _style-main.css on purpose — the hero's
   white-on-photo text has to override that file's blanket
   `color: #141827 !important` rule. See the header comment in the partial. */
@import "components/_hero-slider.css";