/*
 * Main CSS File
 * Imports all modular CSS files in the correct order
 */

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

/* Layout Styles - Structure */
@import 'layout/header.css';
@import 'layout/containers.css';

/* Component Styles - Reusable UI Elements */
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/cards.css';
@import 'components/modals.css';

/* Page Styles - Page-specific overrides */
@import 'pages/home.css';
@import 'pages/library.css';
@import 'pages/media-detail.css';
@import 'pages/recommendations.css';
@import 'pages/search.css';
@import 'pages/category.css';
@import 'pages/auth.css';
@import 'pages/profile.css';

/* Utility Styles - Helpers and responsive */
@import 'utilities/helpers.css';
@import 'utilities/responsive.css';