/* ========================================
   APPEKNAS MAIN STYLESHEET
   Modular CSS Architecture
   
   Author: APPEKNAS Development Team
   Version: 2.0
   Last Updated: 2025
   ======================================== */

/* ===================================
   CORE FOUNDATION
   =================================== */
@import url('core/variables.css');      /* CSS Custom Properties */
@import url('core/reset.css');          /* Browser Reset */
@import url('core/base.css');           /* Base HTML Elements */

/* ===================================
   LAYOUT COMPONENTS
   =================================== */
@import url('layout/sections.css');     /* General Sections */
@import url('layout/footer.css');       /* Footer */

/* ===================================
   UI COMPONENTS
   =================================== */
@import url('components/navbar.css');   /* Navigation Bar */
@import url('components/hero.css');     /* Hero Section */
@import url('components/cards.css');    /* Card Components */
@import url('components/buttons.css');  /* Button Styles */
@import url('components/forms.css');    /* Form Elements */
@import url('components/slider.css');   /* Slider/Carousel */

/* ===================================
   PAGE SECTIONS
   =================================== */
@import url('sections/about.css');          /* About Section */
@import url('sections/stats.css');          /* Statistics Section */
@import url('sections/organization.css'); 
@import url('sections/home-highlight.css');/* Organization Structure */
@import url('sections/news.css');

/* ===================================
   UTILITIES
   =================================== */
@import url('utilities/animations.css');    /* Animations & Keyframes */
@import url('utilities/helpers.css');       /* Utility Classes */
@import url('utilities/responsive.css');    /* Responsive Utilities */

/* ===================================
   IMPORT ORDER EXPLANATION
   
   1. CORE: Variables, reset, base styles
      - Must load first as everything depends on these
   
   2. LAYOUT: Page structure components
      - Defines overall page layout
   
   3. COMPONENTS: Reusable UI elements
      - Can be used across multiple pages
   
   4. SECTIONS: Specific page sections
      - Page-specific styles
   
   5. UTILITIES: Helper classes
      - Loaded last to ensure proper override
   =================================== */

/* ===================================
   USAGE NOTES
   
   To use in HTML, include this single file:
   <link rel="stylesheet" href="css/main.css">
   
   Or include individual files:
   <link rel="stylesheet" href="css/core/variables.css">
   <link rel="stylesheet" href="css/components/navbar.css">
   etc.
   
   For production, consider:
   1. Minifying all CSS files
   2. Combining into single file for faster load
   3. Using CDN for better performance
   =================================== */