/**
 * Main CSS - Haupt-Datei
 * ======================================
 * Diese Datei importiert alle modularen CSS-Dateien.
 * Reihenfolge ist wichtig: Erst Variablen, dann Fonts, dann Komponenten.
 */

/* === 1. VARIABLEN & FONTS === */
@import 'module/variables.css';
@import 'module/fonts.css';

/* === 2. FARBEN === */
@import 'module/colors.css';

/* === 3. LAYOUT, TYPOGRAFIE & GRID === */
@import 'module/layout.css';
@import 'module/typography.css';
@import 'module/typography-helpers.css';
@import 'module/grid.css';

/* === 4. BASIS-KOMPONENTEN === */
@import 'module/avatars.css';
@import 'module/dropdowns.css';
@import 'module/icons.css';
@import 'module/breadcrumb.css';
@import 'module/pagination.css';
@import 'module/nav-pills.css';
@import 'module/nav-tabs.css';
@import 'module/forms.css';
@import 'module/buttons.css';
@import 'module/tags-input.css';
@import 'module/tooltips.css';
@import 'module/accordions.css';
@import 'module/cards.css';
@import 'module/tables.css';
@import 'module/list-group.css';
@import 'module/badges-alerts.css';
@import 'module/progress.css';
@import 'module/spinners.css';

/* === 5. ANIMATIONEN & EFFEKTE === */
@import 'module/animations.css';
@import 'module/overlay-spinner.css';
@import 'module/text-shadow.css';
@import 'module/effects.css';

/* === 6. WEITERE KOMPONENTEN === */
@import 'module/collapse.css';
@import 'module/modals.css';
@import 'module/flip-cards.css';
@import 'module/swipes.css';
@import 'module/background-images.css';

/* === 7. LAYOUT-FEATURES === */
@import 'module/searchlist.css';
@import 'module/sidebar.css';
@import 'module/resizable.css';

/* === 8. INTEGRATIONEN === */
@import 'module/tinymce.css';

/* === 9. SPEZIELLE FEATURES === */
@import 'module/lebenslauf-generator.css';

/* === 10. UTILITIES === */
@import 'module/utilities-margins.css';

/* === 11. RESPONSIVE === */
@import 'module/responsive.css';