/* ============================================
   ATLAS — Main Stylesheet
   Imports all partials in order
   ============================================ */

/* ── Google Fonts: Poppins (headings) + Inter (body) ── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');

/* ── Foundation ── */
@import 'variables.css';
@import 'reset.css';
@import 'utilities.css';

/* ── Components ── */
@import 'components/nav.css';
@import 'components/hero.css';
@import 'components/promo-video.css';
@import 'components/logo-carousel.css';
@import 'components/storytelling.css';
@import 'components/services.css';
@import 'components/process.css';
@import 'components/results.css';
@import 'components/portfolio.css';
@import 'components/behind-atlas.css';
@import 'components/testimonials.css';
@import 'components/about.css';
@import 'components/cta.css';
@import 'components/footer.css';
@import 'components/chatbot.css';
@import 'components/entry.css';

/* ── Global ── */
body {
  background: #FFFFFF;
  font-family: var(--font-body);
  color: #0F172A;
}

html {
  scroll-padding-top: var(--nav-height);
}