/*
 * Main CSS Entry Point
 * Import all modular CSS files in correct order
 */

/* 1. Base - Reset and foundational styles */
@import 'base/reset.css';
@import 'base/variables.css';
@import 'base/typography.css';

/* 2. Layout - Structural styles */
@import 'layout/grid.css';

/* 3. Components - Reusable UI components */
@import 'components/header.css';
@import 'components/footer.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
@import 'components/search.css';

/* 4. Pages - Page-specific styles */
@import 'pages/home.css';
@import 'pages/product.css';
@import 'pages/404.css';
@import 'pages/blog.css';
@import 'pages/blog-post.css';
@import 'pages/brands-categories.css';
@import 'pages/compare.css';
@import 'pages/cookies-privacy-favorite.css';
@import 'pages/screenshots-admin.css';

/* 5. Legacy styles (to be migrated) */
@import 'style.css';
@import 'product.css';

/* Cookie Consent */
@import 'cookie-consent.css';

/* 6. Utilities - Helper classes (loaded last to override) */
@import 'utilities/utilities.css';