/* ==========================================================================
   S&G — główny arkusz stylów
   Importuje pliki cząstkowe w ustalonej kolejności:
   base → layout → components → sections → animations.
   ========================================================================== */

/* Podstawy */
@import url("base/fonts.css");
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/utilities.css");

/* Układ */
@import url("layout/container.css");
@import url("layout/header.css");
@import url("layout/footer.css");

/* Komponenty */
@import url("components/buttons.css");
@import url("components/badges.css");
@import url("components/forms.css");
@import url("components/product-card.css");
@import url("components/cart-drawer.css");
@import url("components/dialog.css");
@import url("components/toast.css");
@import url("components/back-to-top.css");

/* Sekcje strony */
@import url("sections/hero.css");
@import url("sections/features.css");
@import url("sections/categories.css");
@import url("sections/products.css");
@import url("sections/collections.css");
@import url("sections/about.css");
@import url("sections/newsletter.css");

/* Animacje */
@import url("animations/keyframes.css");
@import url("animations/reveal.css");