/* ==================== MAIN STYLESHEET ==================== */
/* This file imports all modular CSS files for better organization */

/* ==================== MAIN STYLESHEET ==================== */
/* This file imports all modular CSS files for better organization */

/* Base styles: reset, variables, and fundamentals */
@import url('css/base.css');

/* Layout: header, footer, main sections, containers */
@import url('css/layout.css');

/* Reusable components: buttons, cards, tooltips */
@import url('css/components.css');

/* Content sections: landing, about, skills, projects */
@import url('css/sections.css');

/* Animations and transitions */
@import url('css/animations.css');

/* Responsive design and media queries */
@import url('css/responsive.css');

/* ==================== FILE STRUCTURE OVERVIEW ==================== */
/*
📁 css/
├── base.css         - CSS reset, variables, scrollbar, body styles
├── layout.css       - Header, navigation, containers, mobile menu
├── components.css   - Buttons, cards, cursor, tooltips, reusable elements  
├── sections.css     - Landing page, about, skills, projects, footer content
├── animations.css   - All keyframes, transitions, and animation classes
└── responsive.css   - Media queries for all screen sizes and devices

Main benefits:
✅ Better organization and maintainability
✅ Easier to find and edit specific styles
✅ Modular development - work on specific sections
✅ Faster debugging and troubleshooting
✅ Team collaboration friendly
✅ Smaller individual file sizes
*/