/* Single stylesheet entry point.
 *
 * Every page links only this file. Order matters — later files win at equal
 * specificity.
 *
 * Note: each page's inline <style> block comes before this link, so rules
 * here still win over the inline block at equal specificity.
 *
 * ---------------------------------------------------------------------------
 * LAYER ORDER (Phase 1 — design system foundation)
 *
 *   1. tokens.css       design tokens. Custom properties only; paints
 *                       nothing, so its position is free. First, so every
 *                       later file can read it.
 *
 *   2. vendor           linearicons → font-awesome → bootstrap →
 *                       magnific-popup. Phase 6 dropped four of these:
 *                       nice-select, hexagons and owl.carousel lost their
 *                       plugins, and animate.min.css defined 78 classes of
 *                       which markup used exactly none. Bootstrap stays —
 *                       the page banners still use .container/.row/.col-*.
 *
 *   3. base.css         global element foundations. Sits BEFORE the theme on
 *                       purpose — these are defaults, and the theme is
 *                       entitled to override them. This is what keeps adding
 *                       the foundation from changing the live site.
 *
 *   4. main.css         the compiled Colorlib theme. Vendor code. Untouched.
 *
 *   5. refinements.css  our existing additive layer. Untouched, and still
 *                       the last word on every component that ships today.
 *
 *   6. layout.css       new layout primitives (.pc-container, .pc-grid …).
 *                       All new class names — nothing in the current markup
 *                       uses them, so their position cannot affect a page.
 *
 *   7. components.css   reserved, empty in Phase 1.
 *
 *   8. utilities.css    a short list of .pc-u-* utilities. Opt-in only.
 *
 *   9. legacy.css       last, because compatibility fixes must win. Meant to
 *                       shrink to nothing.
 *
 * Migration direction: work moves OUT of main.css/refinements.css and INTO
 * components.css, phase by phase. Both of those files keep working until
 * everything they own has a replacement.
 * ---------------------------------------------------------------------------
 */

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

/* 2. Vendor ------------------------------------------------------------- */
@import url("linearicons.css");
@import url("font-awesome.min.css");
@import url("bootstrap.css");
@import url("magnific-popup.css");

/* 3. Foundation --------------------------------------------------------- */
@import url("base.css");

/* 4-5. Existing theme and refinement layers ----------------------------- */
@import url("main.css");
@import url("refinements.css");

/* 6-8. New design system ------------------------------------------------ */
@import url("layout.css");
@import url("components.css");
@import url("utilities.css");

/* 9. Compatibility ------------------------------------------------------ */
@import url("legacy.css");