/* ===========================
   Main Entry Point
   Import order matters: base → layouts → components → pages → utilities
   =========================== */

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

/* Layouts */
@import url('layouts/container.css');
@import url('layouts/toolbar.css');
@import url('layouts/grid.css');

/* Components */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/tables.css');
@import url('components/badges.css');
@import url('components/modal.css');
@import url('components/toast.css');
@import url('components/navbar.css');
@import url('components/profile-dropdown.css');
@import url('components/pagination.css');

/* Pages */
@import url('pages/auth.css');
@import url('pages/landing.css');

/* Utilities (last — highest specificity) */
@import url('utilities/animations.css');
@import url('utilities/accessibility.css');
@import url('utilities/helpers.css');
@import url('utilities/dark-mode.css');