/* ============================================================================
   SOCIALCORE - MAIN CORE STYLESHEET
   Central import file voor alle core styles
   ============================================================================

   Dit bestand importeert alle core CSS modules in de juiste volgorde:
   1. Variables (eerst, voor alle andere bestanden)
   2. Reset (basis reset)
   3. Typography (tekst styling)
   4. Layout (containers, navigation)
   5. Components (buttons, forms, cards, etc.)
   6. Utilities (helper classes)

   Voor page-specifieke styles, zie /css/pages/
   Voor theme-specifieke styles, zie /themes/
   ============================================================================ */

/* ====================================
   BASE LAYER
   ==================================== */
@import url('base/_variables.css');
@import url('base/_reset.css');
@import url('base/_typography.css');

/* ====================================
   LAYOUT LAYER
   ==================================== */
@import url('layout/container.css');
@import url('layout/navigation.css');

/* ====================================
   COMPONENTS LAYER
   ==================================== */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/cards.css');
@import url('components/notifications.css');

/* ====================================
   UTILITIES LAYER
   ==================================== */
@import url('utilities/helpers.css');

/* ============================================================================
   EINDE CORE.CSS

   Page-specifieke styles worden geladen via aparte <link> tags:
   - pages/auth.css
   - pages/home.css
   - pages/friends.css
   - etc.

   Timeline en profile hebben hun eigen complexe stylesheets:
   - timeline.css
   - profile.css
   ============================================================================ */