/*!
 * NU-MVC Main CSS
 * Organized component-based architecture
 */

/* ==========================================================================
   CORE FOUNDATION
   ========================================================================== */

/* Variables and design tokens */
@import url('core/variables.css');

/* Base styles and resets */
@import url('core/base.css');

/* Typography */
@import url('core/typography.css');

/* ==========================================================================
   COMPONENTS
   ========================================================================== */

/* Header Components */
@import url('components/header/header.css');
@import url('components/header/date-weather.css');
@import url('components/header/navigation.css');

/* Navigation Components */
@import url('components/navigation/category-nav.css');
@import url('components/navigation/mobile-menu.css');
@import url('components/navigation/page-specific.css');
@import url('components/navigation/editor-nav.css');

/* Sidebar Components */
@import url('components/sidebar/sidebar-base.css');
@import url('components/sidebar/sidebar-post.css');
@import url('components/sidebar/sidebar-banner.css');

/* Banner Components */
@import url('components/banners/banner-sizes.css');

/* UI Components */
@import url('components/avatar.css');
@import url('components/color-picker.css');
@import url('components/font-size-picker.css');
@import url('components/modals.css');
@import url('components/login-form.css');
@import url('components/category-badge.css');
@import url('components/pagination.css');
@import url('components/footer.css');
@import url('components/share-buttons.css');

/* Editor Components */
@import url('components/editor/editor-base.css');
@import url('components/editor/editor-cards.css');
@import url('components/editor/editor-tables.css');
@import url('components/editor/editor-buttons.css');
@import url('components/editor/editor-forms.css');
@import url('components/editor/editor-components.css');
@import url('components/editor/editor-ui-states.css');
@import url('components/editor/editor-responsive.css');
@import url('components/editor/home-editor-blocks.css');
@import url('components/editor/post-search.css');
@import url('components/editor/tag-selector.css');
@import url('components/editor/image-selector.css');
@import url('components/editor/post-form.css');
@import url('components/editor/editor-headers.css');

/* Post Components */
@import url('components/posts/post-card.css');
@import url('components/posts/home-blocks.css');
@import url('components/posts/home-one-post.css');
@import url('components/posts/home-one-post-left.css');
@import url('components/posts/home-one-post-right.css');
@import url('components/posts/home-one-post-left-banner.css');
@import url('components/posts/home-one-post-right-banner.css');
@import url('components/posts/home-two-posts.css');
@import url('components/posts/home-two-posts-left-banner.css');
@import url('components/posts/home-two-posts-right-banner.css');
@import url('components/posts/home-two-posts-right-podcast.css');
@import url('components/posts/home-three-posts.css');
@import url('components/posts/home-four-posts.css');
@import url('components/posts/home-cover.css');
@import url('components/posts/home-slider.css');
@import url('components/posts/home-one-post-four-most-read.css');

/* ==========================================================================
   PAGES
   ========================================================================== */

@import url('pages/home.css');
@import url('pages/category.css');
@import url('pages/post-detail.css');

/* ==========================================================================
   UTILITIES
   ========================================================================== */

@import url('utilities/spacing.css');
@import url('utilities/display.css');
@import url('utilities/forms.css');

/* ==========================================================================
   LEGACY IMPORTS (to be gradually refactored)
   ========================================================================== */

/* ✅ All legacy styles have been successfully extracted to components! */

/*
REFACTORING PROGRESS:
✅ Header components extracted
✅ Sidebar components extracted  
✅ Post card components extracted
✅ Category page extracted
✅ Utility classes created
✅ Navigation components extracted
✅ Editor components extracted (12 component files)
✅ Form components extracted
✅ Login page styles extracted
✅ Modal components extracted
✅ Typography system extracted
✅ Color picker components extracted
✅ Banner components extracted
✅ Tag selector component extracted
✅ Image selector component extracted
✅ All legacy styles successfully migrated!
✅ All inline CSS refactored to components!

FINAL ARCHITECTURE:
- Core foundation (variables, base, typography)
- Modular component system (20 component files)
- Organized by functionality (header, navigation, editor, banners, etc.)
- Clean utility classes for spacing and display
- Zero remaining legacy CSS - site.css fully deprecated!
- Zero inline styles - fully componentized CSS architecture!
*/