/* ============================================================================
   KI-KUNTERBUNT - HAUPT-STYLESHEET
   ============================================================================
   Diese Datei importiert alle CSS-Module in der richtigen Reihenfolge
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* 1. BASE - Reset & Normalize */
@import url('base/reset.css');

/* 2. THEMES - Variablen & Dark Mode */
@import url('themes/variables.css');

/* 3. LAYOUT - Container, Grid, Page-Sections */
@import url('layout/containers.css');
@import url('layout/pages.css');

/* 4. COMPONENTS - Buttons, Cards, Forms, etc. */
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/forms.css');
@import url('components/menueband.css');
@import url('components/mega-menu.css');
@import url('components/friends.css');

/* 5. PAGES - Spezifische Page-Styles */
@import url('pages/page1.css');
@import url('pages/page3.css');
@import url('pages/page4.css');
@import url('pages/page5.css');
/* index-additions.css wird NUR von index.html und kiki-chat.html geladen (nicht Mal-Tool/Bibliothek) */

/* 6. ANIMATIONS - Keyframes & Transitions */
@import url('animations/keyframes.css');
@import url('animations/transitions.css');

/* 7. RESPONSIVE - Media Queries */
@import url('responsive/mobile.css');
@import url('responsive/tablet.css');
@import url('responsive/desktop.css');

/* 8. UTILITIES - Helper-Klassen */
@import url('utilities/helpers.css');
@import url('utilities/sr-only.css');