/* 1) Tokens & (optional) base reset */
@import url('variables.css');   /* tokens only */
@import url('base.css');        /* create this; see step 2 */

/* 2) Foundations */
@import url('animations.css');
@import url('utilities.css');

/* 3) Components (order doesn’t matter much inside) */
@import url('components/navbar.css');
@import url('components/hero.css');
@import url('components/services.css');
@import url('components/portfolio.css');
@import url('components/team.css');    /* you renamed to team.css; keep this */
@import url('components/cta.css');
@import url('components/contact.css');
@import url('components/footer.css');
@import url('page-header.css');

/* 4) Page-level */
@import url('preloader.css');

/* 5) Overrides last */
@import url('responsive.css');