/* ==========================================================================
   style.css — the ONE stylesheet every page links to:

     <link rel="stylesheet" href="/assets/css/style.css">

   It doesn't contain any styles itself — it just pulls in the other files
   in this folder, in the order they need to load:

     1. tokens.css       colors, fonts, spacing variables (must load first —
                          everything else uses these variables)
     2. base.css          resets + default element styles
     3. layout.css         page containers, section background theming, grids
     4. components/*.css   one file per reusable piece (buttons, nav, footer,
                            cards, pricing, faq, forms, announcement bar)

   To add a new component file, add it to the components/ folder AND add
   an @import line for it below — otherwise the browser won't load it.
   ========================================================================== */

@import url("tokens.css");
@import url("base.css");
@import url("layout.css");

@import url("components/buttons.css");
@import url("components/nav.css");
@import url("components/footer.css");
@import url("components/cards.css");
@import url("components/pricing.css");
@import url("components/faq.css");
@import url("components/forms.css");
@import url("components/announcement-bar.css");
@import url("components/scroll-reveal.css");
@import url("components/certifications.css");
@import url("components/qa-carousel.css");