/* ============================================================================
   MAIN CSS ORCHESTRATOR — iPhone-First Architecture

   Layer order controls cascade priority (last wins):
   1. reset      — CSS reset, box-sizing
   2. tokens     — Design tokens, fluid spacing, colors, typography scales
   3. base       — Body, headings, links, focus rings
   4. layout     — Page containers, grid systems, section gaps
   5. components — Cards, callouts, buttons, nav, footer, prompts
   6. pages      — Page-specific: landing, module, resources
   7. utilities  — Utilities, animations, remaining shared styles
   ============================================================================ */

@layer reset, tokens, base, layout, components, pages, utilities;

/* Foundation */
@import "reset.css" layer(reset);
@import "tokens.css" layer(tokens);
@import "base.css" layer(base);
@import "layout.css" layer(layout);

/* Components */
@import "nav.css" layer(components);
@import "footer.css" layer(components);

/* Pages */
@import "landing.css" layer(pages);
@import "module-page.css" layer(pages);
@import "resources.css" layer(pages);

/* Remaining shared styles (animations, utilities, responsive overrides) */
@import "styles.css" layer(utilities);