/*
================================================

PAMIC DESIGN
Main Stylesheet

Architecture:

Base
Utilities
Components
Sections
Responsive

================================================
*/
/* ===========================
   BASE
=========================== */

@import url("base/reset.css");
@import url("base/variables.css");
@import url("base/typography.css");
@import url("base/layout.css");

/* ===========================
   UTILITIES
=========================== */

@import url("utilities/helpers.css");
@import url("utilities/animations.css");

/* ===========================
   COMPONENTS
=========================== */

@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/icons.css");
@import url("components/section-header.css");
@import url("components/feature-card.css");
@import url("components/process-step.css");
@import url("components/gallery-item.css");
@import url("components/review-card.css");

/* ===========================
   SECTIONS
=========================== */

@import url("sections/header.css");
@import url("sections/hero.css");
@import url("sections/about.css");
@import url("sections/why-us.css");
@import url("sections/products.css");
@import url("sections/gallery.css");
@import url("sections/process.css");
@import url("sections/reviews.css");
@import url("sections/contact.css");
@import url("sections/footer.css");

/* ===========================
   RESPONSIVE
=========================== */

@import url("utilities/responsive.css");