/* ============================================================
   MAIN CSS — SYSTEM ENTRY POINT (FINAL)
   ============================================================
   ROLE
   ------------------------------------------------------------
   - Controls CSS load order only
   - Serves as the architectural map of the system
   - Contains NO selectors and NO visual rules

   PRINCIPLE
   ------------------------------------------------------------
   - Structure before appearance
   - Meaning before decoration
   - Page decisions last
   ============================================================ */


/* ============================================================
   1. BASE SYSTEM — DESIGN TOKENS
   ------------------------------------------------------------
   Immutable design decisions.
   Single source of truth.
   ============================================================ */

@import './tokens.css';


/* ============================================================
   2. BASE SYSTEM — SEMANTIC TYPOGRAPHY
   ------------------------------------------------------------
   Maps semantic HTML to typography tokens.
   ============================================================ */

@import './typography.css';


/* ============================================================
   3. BASE SYSTEM — UTILITIES
   ------------------------------------------------------------
   Neutral helpers with no semantic meaning.
   ============================================================ */

@import './utilities.css';


/* ============================================================
   4. GLOBAL LAYOUT — STRUCTURAL CONTRACT
   ------------------------------------------------------------
   Page-level geometry and spatial rhythm.
   No visual styling.
   ============================================================ */

@import './layout.css';


/* ============================================================
   4.1 SYSTEM CHROME — PAGE COMPOSITION
   ------------------------------------------------------------
   Structures that sit outside normal content flow.
   ============================================================ */

/* Header: brand + navigation composition */
@import './sections/header.css';

/* Footer: governance + legal composition */
@import './sections/footer.css';


/* ============================================================
   4.5 SECTION SYSTEM — PAGE STATEMENTS
   ------------------------------------------------------------
   Reusable, meaningful sections.
   Define intent, not page-specific behavior.
   ============================================================ */

@import './sections/hero.css';
@import './sections/method.css';
@import './sections/conversation.css';
@import './sections/outcomes.css';
@import './sections/foundation.css';


/* ============================================================
   4.8 PAGE COMPOSITION — HOME
   ------------------------------------------------------------
   Page-specific orchestration.
   No reusable rules allowed.
   ============================================================ */

@import './pages/home-page.css';
@import './pages/method-page.css';
@import "./pages/services-page.css";
@import "./pages/conversation-page.css";

/* ============================================================
   5. COMPONENT SYSTEM
   ------------------------------------------------------------
   Reusable, context-agnostic UI blocks.
   ============================================================ */

@import './components.css';
@import './forms.css';
@import './buttons.css';
@import './dropdown.css';
@import './modal.css';
@import './interactive.css';

/* Navigation UI & state (layout-agnostic) */
@import './navigation.css';


/* ============================================================
   6. BRAND LAYER — IDENTITY
   ------------------------------------------------------------
   Loaded last to avoid unintended overrides.
   ============================================================ */

@import './brand/brand-logo.css';


/* ============================================================
   END OF FILE
   ------------------------------------------------------------
   If you feel the need to add styles here:
   - Identify the correct layer instead.
   - Adjust this file only if the architecture evolves.

   layout.css        → structure & geometry
   sections/*.css    → meaning & composition
   pages/*.css       → page orchestration
   components/*.css  → reusable UI
   brand/*.css       → identity
   ============================================================ */