/* main.css - Single file to link in HTML */

/* Define layer order (earlier layers have lower priority) */
@layer reset, base, layout, components, animations, utilities;

/* Import files into their respective layers */
@import url('base/reset.css') layer(reset);
@import url('base/variables.css') layer(base);
@import url('base/typography.css') layer(base);

@import url('layout/header.css') layer(layout);
@import url('layout/footer.css') layer(layout);
@import url('layout/sections.css') layer(layout);

@import url('components/buttons.css') layer(components);
@import url('components/menu.css') layer(components);
@import url('components/carousel.css') layer(components);
@import url('components/polaroid.css') layer(components);
@import url('components/product-selector.css') layer(components);
@import url('components/product-card.css') layer(components);
@import url('components/forms.css') layer(components);
@import url('components/preloader.css') layer(components);

@import url('animations/keyframes.css') layer(animations);
@import url('animations/page-animations.css') layer(animations);

@import url('utilities/responsive.css') layer(utilities);