/* 
 * Eriel Cruz Photography Website - Main Stylesheet
 * Modular CSS architecture for better maintainability
 * 
 * Structure:
 * 1. CSS Variables (Theme Colors & Configuration)
 * 2. Base Styles (Reset, Typography, General)
 * 3. Navigation Styles
 * 4. Hero Section
 * 5. Services Section
 * 6. Content/Work Section
 * 7. Contact Forms
 * 8. Additional Sections (Pricing, About, etc.)
 * 9. Components (Footer, Testimonials, Gallery)
 * 10. Responsive Design
 */

/* Import all modular CSS files */
@import url('./css/variables.css');
@import url('./css/base.css');
@import url('./css/navigation.css');
@import url('./css/hero.css');
@import url('./css/services.css');
@import url('./css/content.css');
@import url('./css/forms.css');
@import url('./css/sections.css');
@import url('./css/components.css');
@import url('./css/responsive.css');

/* 
 * Note: This modular approach provides several benefits:
 * - Better organization and maintainability
 * - Easier collaboration between developers
 * - Reduced file size for individual components
 * - Better caching strategies
 * - Easier debugging and testing
 * - Consistent color theming through CSS variables
 */