/* ========================================================
   RESTOX — Main Stylesheet Entry Point

   Architecture:
   ├── base/       Design tokens, reset, layout, animations, a11y
   ├── components/ Reusable UI: nav, forms, cards
   ├── sections/   Page-specific sections
   └── responsive  Media queries (loaded last)

   Order matters: base → components → sections → responsive
   ======================================================== */

/* Base */
@import url('base/reset.css');
@import url('base/layout.css');
@import url('base/animations.css');
@import url('base/accessibility.css');
@import url('base/print.css');

/* Components */
@import url('components/nav.css');
@import url('components/forms.css');
@import url('components/cards.css');

/* Sections (in page order) */
@import url('sections/hero.css');
@import url('sections/trust-stats.css');
@import url('sections/how-it-works.css');
@import url('sections/features.css');
@import url('sections/properties.css');
@import url('sections/comparison.css');
@import url('sections/testimonials.css');
@import url('sections/market.css');
@import url('sections/faq.css');
@import url('sections/cta.css');
@import url('sections/footer.css');

/* Responsive (must be last) */
@import url('responsive.css');