/* =========================================================
   main.css — Global stylesheet entry point
   ---------------------------------------------------------
   Imports are resolved in order. Keep this file as the single
   source of truth for what CSS is loaded on the site.
   ========================================================= */

/* 1. Base — foundations (reset, variables, typography) */
@import url("base/reset.css");
@import url("base/variables.css?v=9");
@import url("base/typography.css");

/* 2. Utils — reusable helper classes (layout, spacing, etc.) */
@import url("utils/helpers.css");

/* 3. Components — reusable UI pieces (header, footer, buttons...) */
@import url("components/header.css?v=6");
@import url("components/footer.css?v=15");

/* 4. Sections — page sections built from screenshots */
@import url("sections/hero.css?v=10");
@import url("sections/about.css?v=4");
@import url("sections/home-projects-teaser-section.css?v=2");
@import url("sections/stats.css?v=5");
@import url("sections/about-header.css?v=5");
@import url("sections/about-second-section.css?v=5");
@import url("sections/about-values-section.css?v=12");
@import url("sections/about-ceo-section.css?v=6");
@import url("sections/about-bod-section.css?v=6");
@import url("sections/about-team-section.css?v=10");
@import url("sections/about-executive-section.css?v=9");
@import url("sections/services-hero-section.css?v=1");
@import url("sections/services-overview-section.css?v=2");
@import url("sections/services-details-section.css?v=3");
@import url("sections/services-cta-section.css?v=3");
@import url("sections/projects-hero-section.css?v=2");
@import url("sections/projects-categories-section.css?v=6");
@import url("sections/join-hero-section.css?v=1");
@import url("sections/join-form-section.css?v=4");
@import url("sections/contact-hero-section.css?v=1");
@import url("sections/contact-info-section.css?v=4");

/* 5. Motion — shared reveal + hover (loaded last to extend section styles) */
@import url("utils/animations.css?v=7");