/* ============================================
   MAIN CSS - IMPORTS
   ============================================ */

/* 1. BASE STYLES */
@import url('base/_variables.css');
@import url('base/_base.css');
@import url('base/_utilities.css');
@import url('base/_animations.css');

/* 2. LAYOUT */
@import url('layout/_header.css');
@import url('layout/_footer.css');

/* 3. COMPONENTS */
@import url('components/_buttons.css');
@import url('components/_cards.css');
@import url('components/_carousel.css');


/* 4. SECTIONS (for the main landing page) */
@import url('sections/_hero.css');
@import url('sections/_how-it-works.css');
@import url('sections/_whats-included.css');
@import url('sections/_testimonials.css');
@import url('sections/_faq.css');

/* 5. PAGES (for specific page styles) */
@import url('pages/_pricing.css');
@import url('pages/_about.css');
@import url('pages/_onboarding.css');