/* =============================================================================
   MAIN.CSS — Entry point
   Broadsheet Newspaper Design System | Personal Portfolio
   Import order matters: variables → reset → animations → typography →
   components → utilities → responsive (overrides must come last).
   ============================================================================= */

/* ── Foundations ── */
@import url('variables.css');
@import url('reset.css');
@import url('animations.css');
@import url('typography.css');

/* ── Components ── */
@import url('components/layout.css');
@import url('components/masthead.css');
@import url('components/navbar.css');
@import url('components/ticker.css');
@import url('components/sections.css');
@import url('components/tags.css');
@import url('components/lead-story.css');
@import url('components/article-card.css');
@import url('components/blog-reader.css');
@import url('components/timeline.css');
@import url('components/sidebar.css');
@import url('components/badges.css');
@import url('components/buttons.css');
@import url('components/scroll-top.css');
@import url('components/footer.css');

/* ── Global utilities (high specificity helpers — after components) ── */
@import url('utilities.css');

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