/* ==========================================================================
   main.css - the single stylesheet entry point.
   Layers keep specificity predictable: base < components < sections.
   ========================================================================== */

@layer base, components, sections, overrides;

/* --- base ---------------------------------------------------------------- */
@import url("base/reset.css") layer(base);
@import url("base/tokens.css") layer(base);
@import url("base/typography.css") layer(base);
@import url("base/motion.css") layer(base);
@import url("base/utilities.css") layer(base);

/* --- components ---------------------------------------------------------- */
@import url("components/header.css") layer(components);
@import url("components/buttons.css") layer(components);
@import url("components/section-heading.css") layer(components);
@import url("components/chips.css") layer(components);
@import url("components/cards.css") layer(components);
@import url("components/skeleton.css") layer(components);
@import url("components/social.css") layer(components);
@import url("components/marquee.css") layer(components);
@import url("components/carousel.css") layer(components);
@import url("components/form.css") layer(components);
@import url("components/modal.css") layer(components);
@import url("components/projects-list.css") layer(components);
@import url("components/blobs.css") layer(components);
@import url("components/reveal.css") layer(components);
@import url("components/toast.css") layer(components);

/* --- overrides -------------------------------------------------------------
   Reserved for rules that must outrank everything above regardless of
   specificity. The dark theme lives here: it re-points tokens on <html> and
   then adds the few rules tokens cannot express, and being last is what lets it
   win against a component rule without resorting to !important. */
@import url("theme.css") layer(overrides);

/* --- sections ------------------------------------------------------------ */
@import url("sections/hero.css") layer(sections);
@import url("sections/about.css") layer(sections);
@import url("sections/projects.css") layer(sections);
@import url("sections/achievements.css") layer(sections);
@import url("sections/certificates.css") layer(sections);
@import url("sections/testimonials.css") layer(sections);
@import url("sections/contact.css") layer(sections);
@import url("sections/footer.css") layer(sections);