/* ===========================================
   INNERAXISLABS — MAIN CSS ENTRY POINT
   Import order follows the cascade:
   Tokens → Reset → Base → Layout → Components → Pages → Conversion
   =========================================== */

/* 1. Design Tokens (custom properties) */
@import 'tokens.css';

/* 2. Reset (normalize browser defaults) */
@import 'reset.css';

/* 3. Base (typography, body, global elements) */
@import 'base.css';

/* 4. Layout (containers, grids, spacing utilities) */
@import 'layout.css';

/* 5. Components */
@import 'components.css';
@import 'components/skeleton.css';
@import 'components/accordion.css';
@import 'components/badges.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/container.css';
@import 'components/email-popup.css';
@import 'components/footer.css';
@import 'components/forms.css';
@import 'components/navigation.css';
@import 'components/sections.css';
@import 'components/cart-drawer.css';

/* 6. Conversion (CTA, urgency, social proof, scarcity) */
@import 'conversion.css';

/* 7. Page-specific styles */
@import 'pages/landing.css';
@import 'pages/products.css';
@import 'pages/order.css';
@import 'pages/pdp.css';

/* 8. Mobile responsive (loaded last to ensure specificity) */
@import 'mobile.css';