/* ─────────────────────────────────────────────────────────────
   Omni Resume — Main Stylesheet
   Import order: tokens → reset → base → layout → components → a11y → motion → utilities
   ───────────────────────────────────────────────────────────── */

/* 1. Design tokens */
@import url('./tokens.css');

/* 2. Reset & base */
@import url('./reset.css');
@import url('../fonts/fonts.css');
@import url('./typography.css');

/* 3. Layout primitives */
@import url('./layout.css');

/* 4. Components */
@import url('./components/button.css');
@import url('./components/form.css');
@import url('./components/card.css');
@import url('./components/badge.css');
@import url('./components/chip.css');
@import url('./components/breadcrumbs.css');
@import url('./components/modal.css');
@import url('./components/toast.css');
@import url('./components/empty-state.css');
@import url('./components/skeleton.css');
@import url('./components/tooltip.css');
@import url('./components/dropdown.css');
@import url('./components/switch.css');
@import url('./components/pagination.css');
@import url('./components/tabs.css');
@import url('./components/slider.css');
@import url('./components/header.css');
@import url('./components/nav.css');
@import url('./components/footer.css');

/* 5. Accessibility overrides
   Loaded after components so focus-visible, reduced-motion, and
   forced-colors rules can override component styling where needed. */
@import url('./components/a11y.css');

/* 6. Motion */
@import url('./animations.css');

/* 7. Utilities (last so they can override) */
@import url('./utilities.css');