/* 
 * Cyberpunk Portfolio - Modular CSS Architecture
 * Author: Alessandro Prandi (Exa Labs)
 * Description: Main CSS file that imports all modular stylesheets
 */

/* Base Styles - Reset, typography, containers, utilities */
@import url('./base.css');

/* Components - Reusable UI components */
@import url('./components.css');

/* Navigation - Header navigation and menu styles */
@import url('./navigation.css');

/* Sections - Main content sections (hero, skills, projects, etc.) */
@import url('./sections.css');

/* Responsive - Mobile, tablet, and accessibility styles */
@import url('./responsive.css');

/* 
 * CSS Module Architecture:
 * 
 * base.css        - Reset, typography, containers, utilities, animations
 * components.css  - Language overlay, logo, matrix, forms, cards, timeline
 * navigation.css  - Cyberpunk navigation, menu items, brand styling
 * sections.css    - Hero, about, skills, projects, experience, contact, footer
 * responsive.css  - Mobile, tablet, accessibility, print styles
 * 
 * Benefits:
 * - Better maintainability and organization
 * - Easier debugging and development
 * - Modular approach similar to JavaScript modules
 * - Clear separation of concerns
 * - Improved collaboration workflow
 */