/**
 * Main CSS Entry Point
 * Imports all CSS modules in the correct order
 *
 * Structure:
 * 1. Base styles (variables, reset, typography)
 * 2. Layout utilities
 * 3. Components
 * 4. Page-specific styles
 */

/* ========================================
   BASE STYLES
   ======================================== */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* ========================================
   LAYOUT
   ======================================== */
@import url('./layout/grid.css');
@import url('./layout/utilities.css');

/* ========================================
   COMPONENTS
   ======================================== */
@import url('./components/header.css');
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/cards.css');
@import url('./components/modals.css');
@import url('./components/notifications.css');
@import url('./components/calendar.css');
@import url('./components/wizard.css');
@import url('./components/week-selector.css');

/* ========================================
   PAGE-SPECIFIC STYLES
   ======================================== */
@import url('./pages/home.css');
@import url('./pages/formulario.css');
@import url('./pages/planner.css');