/* =========================================================
   Report Joy — stylesheet entry point
   Order matters: base → components → sections → a11y.
   To add a section: create css/sections/<name>.css and import it below.
   ========================================================= */

/* base */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/layout.css");
@import url("base/animations.css");
@import url("base/utilities.css");

/* components (reused across sections) */
@import url("components/buttons.css");
@import url("components/badges.css");
@import url("components/modal.css");
@import url("components/toast.css");
@import url("components/fab.css");

/* sections (in page order) */
@import url("sections/header.css");
@import url("sections/hero.css");
@import url("sections/strip.css");
@import url("sections/why.css");
@import url("sections/services.css");
@import url("sections/dev.css");
@import url("sections/works.css");
@import url("sections/showcase.css");
@import url("sections/pricing.css");
@import url("sections/steps.css");
@import url("sections/order.css");
@import url("sections/faq.css");
@import url("sections/cta.css");
@import url("sections/footer.css");

/* keep last */
@import url("base/a11y.css");