/* ===========================================
   DIRECT FROM HERE - MASTER STYLESHEET
   Modular CSS Architecture
   =========================================== */

/* Base Styles & Design Tokens */
@import url('base.css');

/* Component Styles */
@import url('components/nav.css');
@import url('components/cards.css');
@import url('components/modals.css');
@import url('components/toast.css');
@import url('components/forms.css');
@import url('components/footer.css');

/* Page-Specific Styles (loaded conditionally via HTML body class) */
/* These are imported here for availability but activated by body classes:
   - .home-page
   - .destinations-page
   - .travel-tips-page
   - .article-page
   - .about-page
   - .contact-page
   - .policy-page
*/

@import url('pages/home.css');
@import url('pages/destinations.css');
@import url('pages/article.css');
@import url('pages/about.css');
@import url('pages/policy.css');