/**
 * Main CSS Entry Point
 * Portfolio Website - David Khang
 * 
 * Architecture follows ITCSS (Inverted Triangle CSS) methodology:
 * 1. Settings - Variables and configuration
 * 2. Base - Reset and element defaults
 * 3. Layout - Page structure and containers
 * 4. Components - Reusable UI components
 * 5. Pages - Page-specific styles
 * 6. Utilities - Helper classes and responsive
 */

/* ==========================================================================
   1. SETTINGS - Variables & Configuration
   ========================================================================== */
@import url('base/variables.css');

/* ==========================================================================
   2. BASE - Resets & Element Defaults
   ========================================================================== */
@import url('base/reset.css');
@import url('base/typography.css');
@import url('base/images.css');

/* ==========================================================================
   3. LAYOUT - Page Structure
   ========================================================================== */
@import url('layout/container.css');
@import url('layout/sections.css');
@import url('layout/footer.css');

/* ==========================================================================
   4. COMPONENTS - Reusable UI Elements
   ========================================================================== */
@import url('components/navigation.css');
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/forms.css');
@import url('components/modals.css');

/* ==========================================================================
   5. PAGES - Page-Specific Styles
   ========================================================================== */
@import url('pages/hero.css');
@import url('pages/about.css');
@import url('pages/skills.css');
@import url('pages/achievements.css');
@import url('pages/projects.css');
@import url('pages/experience.css');
@import url('pages/resume.css');
@import url('pages/contact.css');

/* ==========================================================================
   6. UTILITIES - Animations & Responsive
   ========================================================================== */
@import url('utilities/animations.css');
@import url('utilities/responsive.css');