/**
 * Renas Yapı - Main Stylesheet
 * Modular CSS Architecture
 *
 * All styles are organized into separate modules for better maintainability
 */

/* ===== Desktop Styles ===== */
@import url('desktop/variables.css');
@import url('desktop/reset.css');
@import url('desktop/navigation.css');
@import url('desktop/hero.css');
@import url('desktop/carousel.css');
@import url('desktop/carousel-toast.css');
@import url('desktop/buttons.css');
@import url('desktop/about.css');
@import url('desktop/services.css');
@import url('desktop/projects.css');
@import url('desktop/contact.css');
@import url('desktop/footer.css');
@import url('desktop/animations.css');
@import url('desktop/feature-modal.css');
@import url('desktop/mobile-action-buttons.css');
@import url('desktop/projects-page.css');

/* ===== Mobile Responsive Styles ===== */
@import url('mobile/responsive-768.css');
@import url('mobile/responsive-640.css');

/* ===== Mobile Specific Overrides ===== */
@import url('mobile/main.css') screen and (max-width: 968px);
@import url('mobile/hero.css') screen and (max-width: 968px);
@import url('mobile/projects.css') screen and (max-width: 968px);
@import url('mobile/services.css') screen and (max-width: 968px);
@import url('mobile/contact.css') screen and (max-width: 968px);