/* Main CSS Entry Point - Modern Quackstro Design */

/* Base Styles */
@import 'base/reset.css';
@import 'base/variables.css';
@import 'base/typography.css';

/* Components */
@import 'components/header.css';
@import 'components/footer.css';
@import 'components/product-showcase.css';
@import 'components/modal.css';
@import 'components/video.css';
@import 'components/carousel.css';
@import 'components/calculator.css';

/* Utilities */
@import 'utilities/animations.css';

/* Bootstrap 5 overrides and customizations */
.container {
  max-width: var(--container-max-width);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* Global body styles */
body {
  background: var(--bg-page);
  overflow-x: hidden;
}

/* Main content area */
main {
  min-height: calc(100vh - 300px);
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

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