/**
 * Main CSS Entry Point
 * Clean, organized, and maintainable CSS architecture
 */

/* ==========================================================================
   FOUNDATION - Core system files
   ========================================================================== */

/* Reset must come first */
@import './foundation/reset.css';

/* Design tokens and CSS custom properties */
@import './foundation/tokens.css';

/* Base styles - typography, forms, buttons */
@import './foundation/modern-base.css';

/* Design system components - reusable patterns */
@import './foundation/design-system.css';

/* ==========================================================================
   UTILITIES - Reusable utility classes
   ========================================================================== */

/* Layout utilities - flexbox, grid, spacing */
@import './utilities/modern-utilities.css';

/* Animation utilities and keyframes */
@import './utilities/animations.css';

/* Glassmorphic design patterns (unused) */
/* @import './utilities/glassmorphic.css'; */

/* ==========================================================================
   COMPONENTS - Organized by purpose
   ========================================================================== */

/* Layout Components */
@import './components/layout/index.css';

/* UI Components */
@import './components/ui/index.css';

/* Feature Components */
@import './components/features/index.css';

/* Page Components */
@import './components/pages/index.css';

/* ==========================================================================
   NOTE: This main.css file provides a single entry point for all styles
   while maintaining the organized, modular architecture. 
   
   For development, you can import individual files as needed.
   For production, this can be bundled and optimized.
   ========================================================================== */