@layer vendor, reset, tokens, base, layout, components, sections, utilities, pages;

/* =========================
   Vendor
========================= */

@import url("../vendor/swiper/swiper-bundle.min.css") layer(vendor);
@import url("../vendor/aos/aos.css") layer(vendor);

/* =========================
   Reset
========================= */

@import url('./reset/reset.css') layer(reset);

/* =========================
   Tokens
========================= */

@import url('./tokens/primitive.css') layer(tokens);
@import url('./tokens/semantic.css') layer(tokens);
@import url('./tokens/spacing.css') layer(tokens);
@import url('./tokens/layout.css') layer(tokens);
@import url('./tokens/typography.css') layer(tokens);
@import url('./tokens/radius.css') layer(tokens);
@import url('./tokens/motion.css') layer(tokens);
@import url('./tokens/component.css') layer(tokens);


/* =========================
   Base
========================= */

@import url('./base/typography.css') layer(base);
@import url('./base/accessibility.css') layer(base);
@import url('./base/animations.css') layer(base);

/* =========================
   Layout
========================= */

@import url('./layout/container.css') layer(layout);
@import url('./layout/section.css') layer(layout);
@import url('./layout/grid.css') layer(layout);
@import url('./layout/header.css') layer(layout);
@import url('./layout/navbar.css') layer(layout);
@import url('./layout/footer.css') layer(layout);


/* =========================
   Components
========================= */

@import url('./components/button.css') layer(components);
@import url('./components/card.css') layer(components);
@import url('./components/scrollbar.css') layer(components);
@import url('./components/icons.css') layer(components);
@import url('./components/section-header.css') layer(components);
@import url("./components/popup-search.css") layer(components);
@import url("./components/products-filter.css") layer(components);
@import url("./components/shapes.css") layer(components);
@import url("./components/badge.css") layer(components);
@import url("./components/form.css") layer(components);


/* =========================
   Sections
========================= */

@import url('./sections/hero.css') layer(sections);
@import url('./sections/about.css') layer(sections);
@import url('./sections/products.css') layer(sections);
/* @import url('./sections/features.css') layer(sections); */
/* @import url('./sections/quality.css') layer(sections); */
@import url('./sections/why-us.css') layer(sections);
@import url('./sections/use-cases.css') layer(sections);
@import url('./sections/faq.css') layer(sections);
@import url('./sections/contact.css') layer(sections);
@import url('./sections/solutions.css') layer(sections);
@import url('./sections/downloads.css') layer(sections);
@import url('./sections/testimonial.css') layer(sections);


/* =========================
   Utilities
========================= */

@import url('./utilities/spacing.css') layer(utilities);
@import url('./utilities/text.css') layer(utilities);
@import url('./utilities/flex.css') layer(utilities);
@import url('./utilities/visibility.css') layer(utilities);
@import url('./utilities/background.css') layer(utilities);