/* ═══════════════════════════════════════════════════════════════
   MAIN CSS — Entry Point
   ───────────────────────────────────────────────────────────────
   Imports all CSS modules in dependency order:
     1. Design tokens (variables)
     2. Reset & base styles
     3. Component styles (layout order)
     4. Animations & keyframes
     5. Responsive overrides (must come last)
   ═══════════════════════════════════════════════════════════════ */

/* ── Foundation ── */
@import url('./tokens.css');
@import url('./reset.css');

/* ── Components (in page-flow order) ── */
@import url('./components/animations.css');
@import url('./components/cursor.css');
@import url('./components/navbar.css');
@import url('./components/drawer.css');
@import url('./components/hero.css');
@import url('./components/marquee.css');
@import url('./components/about.css');
@import url('./components/skills.css');
@import url('./components/projects.css');
@import url('./components/testimonials.css');
@import url('./components/contact.css');
@import url('./components/footer.css');

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