/* =============================================================
   main.css — Entry point. Import order matters:
   tokens → base → components → responsive (last).
   ============================================================= */

@import url('tokens.css');
@import url('base.css');

/* Components */
@import url('nav.css');
@import url('hero.css');
@import url('about.css');
@import url('research.css');
@import url('skills.css');
@import url('timeline.css');
@import url('awards.css');
@import url('talks.css');
@import url('projects.css');
@import url('contact.css');

/* Breakpoints — always last so they can override */
@import url('responsive.css');