/* ==========================================================================
   URAKAN Website - Main CSS File
   
   This file imports all modular CSS files in the correct order.
   Organized for clarity, maintainability, and efficiency.
   ========================================================================== */

/* ==========================================================================
   1. Base Styles
   ========================================================================== */
@import url('base/variables.css');      /* CSS custom properties */
@import url('base/reset.css');         /* Reset and normalize styles */
@import url('base/typography.css');    /* Typography system */

/* ==========================================================================
   2. Layout Components
   ========================================================================== */
@import url('layout/navigation.css');   /* Navigation and mobile menu */
@import url('layout/footer.css');      /* Footer layout */

/* ==========================================================================
   3. Utilities
   ========================================================================== */
@import url('utilities/grid.css');        /* Grid and container utilities */
@import url('utilities/responsive.css');  /* Responsive utility classes */
@import url('utilities/animations.css');  /* Animation keyframes and classes */
@import url('utilities/performance.css'); /* Performance optimizations */

/* ==========================================================================
   4. Components
   ========================================================================== */
@import url('components/logo.css');       /* Logo component */
@import url('components/mobile-menu.css'); /* Modern mobile menu */
@import url('components/buttons.css');    /* Button variants and states */
@import url('components/hero.css');      /* Hero section component */
@import url('components/cards.css');     /* Service, project, partner cards */
@import url('components/forms.css');     /* Form elements and validation */
@import url('components/stats.css');     /* Statistics display component */
@import url('components/language-switcher.css'); /* Language switcher component */
@import url('components/social-links.css');      /* Social media links */
@import url('components/whatsapp-float.css');    /* WhatsApp floating button */
@import url('components/partners-carousel-optimized.css'); /* Optimized partners carousel */

/* ==========================================================================
   5. Page Sections
   ========================================================================== */
@import url('sections/sections.css');    /* Base section styles */
@import url('sections/intro.css');       /* Introduction section */
@import url('sections/services.css');    /* Services section */
@import url('sections/values.css');      /* Values section */
@import url('sections/projects.css');    /* Projects section */
@import url('sections/partners.css');    /* Partners section */
@import url('sections/contact.css');     /* Contact section */

/* ==========================================================================
   6. Responsive Fixes and Optimizations
   
   This should be loaded last to ensure proper override and optimization
   ========================================================================== */
@import url('responsive-fixes.css');     /* Comprehensive responsive fixes */