/* ==========================================
   TARPTHEROOF.COM - MAIN STYLESHEET
   Modular CSS Architecture

   This file imports all CSS modules in the correct order.
   Modules are organized by functionality for better
   maintainability and performance.

   Last Updated: 2025-11-02
   ========================================== */

/* 1. BASE STYLES
   Reset, variables, typography, utilities, animations */
@import url('modules/base.css');

/* 2. LAYOUT COMPONENTS
   Header, navigation, mobile menu */
@import url('modules/header.css');

/* 3. REUSABLE COMPONENTS
   Buttons, cards, alerts, stats */
@import url('modules/components.css');

/* 4. HERO SECTION
   Hero layout, content, CTA elements */
@import url('modules/hero.css');

/* 5. HERO ANIMATIONS
   Weather sequence, storm effects, mobile optimizations */
@import url('modules/hero-animations.css');

/* 6. PAGE SECTIONS
   Services, process, gallery, testimonials, FAQ, contact, footer */
@import url('modules/sections.css');

/* 7. RESPONSIVE STYLES
   Mobile-first responsive breakpoints */
@import url('modules/responsive.css');

/* ==========================================
   Module Loading Order Notes:

   1. Base must load first (variables, reset)
   2. Header/navigation before sections
   3. Components before sections (reusable)
   4. Hero and animations together
   5. Sections can reference all above
   6. Responsive last to override all
   ========================================== */