/*
 * ════════════════════════════════════════════
 *  Kair Wang — CSS Entry Point
 *  Modular Architecture (April 2026)
 * ════════════════════════════════════════════
 *
 *  Layer Order:
 *    1. Foundation — tokens, reset, utilities, animations
 *    2. Layout     — global shells and navigation
 *    3. Components — reusable primitives
 *    4. Patterns   — shared content clusters
 *    5. Features   — chatbot, admin, inline editing
 *    6. Pages      — page-owned overrides
 */

/* ── Foundation ── */
@import url("foundation/tokens.css");
@import url("foundation/base.css");
@import url("foundation/utilities.css");
@import url("foundation/animations.css");

/* ── Layout ── */
@import url("layout/navigation.css");
@import url("layout/sections.css");
@import url("layout/footer.css");

/* ── Components ── */
@import url("components/surfaces.css");
@import url("components/controls.css");
@import url("components/content.css");
@import url("components/system.css");
@import url("components/modal.css");

/* ── Patterns ── */
@import url("patterns/interior-shell.css");
@import url("patterns/service-status.css");
@import url("patterns/featured-project.css");

/* ── Features ── */
@import url("features/chatbot.css");
@import url("features/inline-editor.css");
@import url("features/admin.css");

/* ── Pages ── */
@import url("pages/blog.css");
@import url("pages/home.css");
@import url("pages/resume.css");
@import url("pages/demos.css");
@import url("pages/status.css");