/* 
 * Main CSS - Modern Blog System
 * Replaces Sandvox Blueprint Modern theme with modern, maintainable CSS
 */

/* Import all CSS modules in correct order */
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('blog.css');
@import url('responsive.css');

/* 
 * CSS Architecture Summary:
 * 
 * 1. base.css      - CSS reset, typography, variables, utility classes
 * 2. layout.css    - Grid systems, page structure, positioning
 * 3. components.css - Reusable UI components (buttons, cards, etc.)
 * 4. blog.css      - Blog-specific styling and content
 * 5. responsive.css - Media queries and responsive behavior
 *
 * Benefits over Sandvox system:
 * - 50%+ reduction in CSS size (from 1787 lines to ~800 lines)
 * - Modern CSS features (Grid, Flexbox, Custom Properties)
 * - Mobile-first responsive design
 * - No IE6/7 support code
 * - Component-based architecture
 * - Better maintainability and extensibility
 * - Accessibility built-in
 * - Dark mode and print support
 */