/* ==========================================================================
   CreationUnited Co. — main.css
   The single CSS entry. Imports run in cascade order; later layers win.

   Order matters:
     1. ds/colors_and_type — the design-system foundation: the canonical token
        sheet (color, type, space, motion, elevation, z-index), self-hosted
        @font-face (Fraunces · Inter · JetBrains Mono), and the .cu-themed base.
     2. tokens             — site scene-token overrides (the rock-reveal tuning
        the homepage hero and entry scenes are calibrated against).
     3. reset / base / layout / utilities — element defaults and primitives.
     4. components (site)  — loader, hero, rock-hero, reveal, and the bespoke
        page blocks with no design-system equivalent.
     5. ds/cu-components + ds/cu-editorial — the design-system component layer,
        imported last so it owns every shared class (header, footer, buttons,
        cards, stats, prose, forms…). The design system was derived from this
        runtime, so it supersedes the older in-tree versions of the same classes.
   ========================================================================== */

/* ----- 1. Design-system foundation (tokens + fonts + themed base) -------- */
@import url("ds/colors_and_type.css");

/* ----- 2. Site scene-token overrides ----------------------------------- */
@import url("tokens.css");
@import url("fonts.css");

/* ----- 3. Reset / base / layout / utilities ---------------------------- */
@import url("reset.css");
@import url("base.css");
@import url("layout.css");
@import url("utilities.css");

/* ----- 4. Site components (scenes + bespoke page blocks) ---------------- */
@import url("components/loader.css");
@import url("components/button.css");
@import url("components/header.css");
@import url("components/hero.css");
@import url("components/rock-hero.css");
@import url("components/footer.css");
@import url("components/page.css");
@import url("components/pricing.css");
@import url("components/seam.css");
@import url("components/home-sections.css");
@import url("components/home-reveal.css");
@import url("components/cursor.css");
@import url("components/bg-stage.css");
@import url("components/transitions.css");
@import url("components/glitch.css");

/* ----- 5. Design-system component layer (canonical, wins shared classes) - */
@import url("ds/cu-components.css");
@import url("ds/cu-editorial.css");