/*
 * main.css — Inspire Recovery Design System
 * Entry point. Imports the full shared design system in the correct cascade order.
 *
 * PROTOTYPE USE: each V3 HTML prototype links this file instead of carrying
 * an inline <style> block:
 *   <link rel="stylesheet" href="../shared/main.css">
 *   <link rel="stylesheet" href="../shared/pages/[page-name].css">
 *
 * PRODUCTION: this file (or a minified/bundled equivalent) is enqueued as the
 * theme's primary stylesheet via wp_enqueue_style() in inc/enqueue.php.
 * The @import calls become a build step (esbuild or similar) that produces a
 * single minified output file. Import order must be preserved exactly.
 *
 * Production: becomes wp-content/themes/inspire-recovery/assets/css/main.css
 */

/* 1. Design tokens first — everything else inherits from these */
@import "tokens.css";

/* 2. Universal element reset and body defaults */
@import "base.css";

/* 3. Layout containers (.wrap, .measure, section rhythm) */
@import "layout.css";

/* 4. Typography scale and inline text components */
@import "typography.css";

/* 5. Global header, primary nav, mobile menu */
@import "navigation.css";

/* 6. Reusable UI components (buttons, links, hero, final, steps, footer, placeholders) */
@import "components.css";

/* 7. Form field and card styles */
@import "forms.css";

/* 8. Scroll-reveal animation and reduced-motion rules */
@import "animations.css";