/* ============================================
   REZEPTE.GURU - MAIN CSS ENTRY POINT
   ============================================
   
   This is the main stylesheet entry point for the entire application.
   All CSS modules are imported in the correct order to ensure proper
   cascade and minimize specificity conflicts.
   
   Import Order:
   1. Base - Variables, reset, typography
   2. Layout - Grid system, header, navigation
   3. Components - Reusable UI components
   4. Pages - Page-specific styles
   5. Utilities - Helper classes and overrides
   
   ============================================ */

/* === BASE STYLES === */
@import 'base/variables.css';

/* Legacy styles - TODO: migrate to modules */
@import '../style.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* === LAYOUT === */
@import 'layout/grid.css';
@import 'layout/header.css';

/* === COMPONENTS === */
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/cards.css';
@import 'components/modal.css';

/* === PAGE SPECIFIC === */
@import 'filter-bar.css';
@import 'zubereitung.css';

/* === UTILITIES === */
@import 'mobile-fixes.css';