/* Blog Main CSS - Imports all modular blog styles */

/* Utilities - Base styles, animations, and responsive rules */
@import url('./utilities/blog-base.css');
@import url('./utilities/blog-animations.css');
@import url('./utilities/blog-responsive.css');

/* Components - Individual UI components */
@import url('./components/blog-header.css');
@import url('./components/blog-language-switcher.css');
@import url('./components/blog-spatial-menu.css');
@import url('./components/blog-footer.css');
@import url('./components/blog-post.css');
@import url('./components/blog-content.css');
@import url('./components/blog-video.css');
@import url('./components/blog-navigation.css');

/* Layout - Page layout sections */
@import url('./layout/blog-hero.css');
@import url('./layout/blog-categories.css');

/* 
Modular Structure:
├── utilities/
│   ├── blog-base.css           - Base styles, resets, and utilities
│   ├── blog-animations.css     - Keyframe animations and transitions
│   └── blog-responsive.css     - Responsive design and accessibility
├── components/
│   ├── blog-header.css         - Header and navigation
│   ├── blog-footer.css         - Footer and links
│   ├── blog-language-switcher.css - Language selection component
│   ├── blog-spatial-menu.css   - Floating spatial navigation
│   ├── blog-post.css           - Article structure and post components
│   ├── blog-content.css        - Content grid and table of contents
│   ├── blog-video.css          - Video content styling
│   └── blog-navigation.css     - Breadcrumbs and article navigation
└── layout/
    ├── blog-hero.css           - Hero section and featured content
    └── blog-categories.css     - Categories section and post cards
*/