/* ==========================================================================
   Recova — stylesheet entry point
   Import order matters: tokens → reset → base → components.
   ========================================================================== */

/* Base */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/layout.css");

/* Components (in visual order of the page) */
@import url("components/buttons.css");
@import url("components/navbar.css");
@import url("components/mobile-menu.css");
@import url("components/backdrop.css");
@import url("components/hero.css");
@import url("components/dashboard.css");
@import url("components/marquee.css");
@import url("components/reveal.css");
@import url("components/compare.css");
@import url("components/steps.css");
@import url("components/shipment.css");
@import url("components/benefits.css");
@import url("components/integrations.css");
@import url("components/trust.css");
@import url("components/faq.css");
@import url("components/final-cta.css");
@import url("components/closing-cta.css");
@import url("components/lead-form.css");
@import url("components/footer.css");
@import url("components/float-actions.css");

/* Utilities last so they can override components */
@import url("base/utilities.css");