@import './foundation/tailwind.css';
@import './components/brand.css';
@import './base/global.css';

@import './storefront/home.css';
@import './storefront/catalog.css';
@import './storefront/core-components.css';
@import './storefront/responsive.css';
@import './storefront/product-detail.css';
@import './storefront/invoice.css';
@import './storefront/receipt.css';
@import './storefront/premium-refresh.css';
@import './storefront/motion.css';
@import './storefront/product-showcase.css';
@import './storefront/maintenance.css';

@import './theme/global-tone.css';
@import './theme/theme-switch.css';
@import './storefront/performance.css';
@import './storefront/homepage-redesign.css';
@import './storefront/product-preview-clean.css';
@import './storefront/catalog-redesign.css';
@import './storefront/catalog-carousel.css';
@import './storefront/catalog-info-modal.css';
@import './storefront/homepage-hierarchy.css';
@import './storefront/homepage-product-sync.css';
@import './storefront/checkout-hierarchy.css';
@import './storefront/header-final.css';
@import './storefront/invoice-experience.css';

html {
  scroll-behavior: smooth;
}

#storefront-header,
#storefront-footer,
#storefront-mobile-whatsapp {
  contain: layout style;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}