/* ===================================
   Main CSS Entry Point

   This file imports all modular CSS files in the correct order.
   Import order matters for the CSS cascade:
   1. Base (variables, reset, typography)
   2. Layout (shell, header, footer, grid)
   3. Components (buttons, cards, forms, etc.)
   4. Sections (hero, services, comparison)
   5. Pages (login, cross-platform)
   6. Utilities
   7. Animations
   8. Responsive (media queries last)
   =================================== */

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

/* Layout */
@import 'layout/shell.css';
@import 'layout/header.css';
@import 'layout/footer.css';
@import 'layout/grid.css';

/* Components */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
@import 'components/tables.css';
@import 'components/badges.css';
@import 'components/progress.css';
@import 'components/modals.css';
@import 'components/feedback.css';
@import 'components/filters.css';
@import 'components/sentiment.css';
@import 'components/results-table.css';
@import 'components/popover.css';

/* Sections */
@import 'sections/hero.css';
@import 'sections/services.css';
@import 'sections/comparison.css';

/* Pages */
@import 'pages/login.css';
@import 'pages/cross-platform.css';
@import 'pages/back-office.css';
@import 'pages/influencer-evaluation.css';
@import 'pages/comment-analytics.css';
@import 'pages/content-categorisation.css';
@import 'pages/help.css';

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

/* Animations */
@import 'animations.css';

/* Responsive (must be last for proper cascade) */
@import 'responsive.css';