/**
 * Main CSS File
 * Imports all CSS modules in correct order
 *
 * Order is important:
 * 1. Variables (Custom Properties)
 * 2. Fonts (Font Face Declarations)
 * 3. Reset (CSS Reset)
 * 4. Base (Base Element Styles)
 * 5. Layout (Layout System)
 * 6. Components (UI Components)
 */

/* 1. CSS Variables */
@import url('variables.css');

/* 2. Font Declarations */
@import url('fonts.css');

/* 3. CSS Reset */
@import url('reset.css');

/* 4. Base Styles */
@import url('base.css');

/* 5. Layout System */
@import url('layout.css');

/* 6. Components */
@import url('components/navigation.css');
@import url('components/hero.css');
@import url('components/calendar.css');
@import url('components/event-cards.css');
@import url('components/buttons.css');
@import url('components/filter.css');
@import url('components/sidebar.css');
@import url('components/event-detail.css');
@import url('components/modal.css');
@import url('components/footer.css');