/* ============================================
   MARCO PORTFOLIO - MAIN STYLESHEET entry point
   Architecture: Layered (Base > Utils > Components > Sections > Responsive)
   ============================================ */

/* 1. Base (Variables, Reset, Typography) */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* 2. Utils (Effects, Animations) */
@import 'utils/effects.css';
@import 'utils/animations.css';

/* 3. Components (UI Elements) */
@import 'components/navbar.css';
@import 'components/buttons.css';
@import 'components/menu.css';
@import 'components/social-sidebar.css';

/* 4. Sections (Content) */
@import 'sections/hero.css';
@import 'sections/work.css';
@import 'sections/about.css';
@import 'sections/services.css';
@import 'sections/process.css';
@import 'sections/game.css';
@import 'sections/intro.css';
@import 'sections/gallery.css';
@import 'sections/skills.css';
@import 'sections/testimonials.css';
@import 'sections/faq.css';
@import 'sections/contact.css';

/* 5. Responsive (Overrides - MUST BE LAST) */
@import 'utils/responsive.css';