/* Main CSS - Imports all modular CSS files */

/* Base styles - Variables, resets, and typography */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/focus-states.css');

/* Layout - Overall page structure */
@import url('./layout/navigation.css');
@import url('./layout/hero.css');
@import url('./layout/sections.css');
@import url('./layout/footer.css');

/* Components - Reusable UI elements */
@import url('./components/buttons.css');
@import url('./components/bento-grid.css');
@import url('./components/blog.css');
@import url('./components/contact.css');
@import url('./components/newsletter.css');
@import url('./components/lightbox.css');

/* Pages - Page-specific styles */
@import url('./pages/about.css');
@import url('./pages/skills.css');
@import url('./pages/project-detail.css');

/* Responsive - Media queries */
@import url('./responsive.css');