/* ============================================================
   MAIN CSS ENTRY POINT
   Import order matters: tokens → reset → layout → components → pages → animations
   ============================================================ */

/* 1. Base */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* 2. Layout */
@import url('layout/grid.css');
@import url('layout/nav.css');

/* 3. Components */
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/map.css');
@import url('components/modal.css');

/* 4. Pages */
@import url('pages/home.css');
@import url('pages/developer.css');
@import url('pages/hobbies.css');
@import url('pages/travel.css');
@import url('pages/contact.css');

/* 5. Animations — last so they override base states */
@import url('animations/transitions.css');
@import url('animations/scroll.css');