/* ═══════════════════════════════════════════════════════════
   FRENKIIEEEE — Portfolio · hoja de estilos principal
   Importa todos los módulos. El ORDEN importa para la cascada:
   base → utils compartidos → componentes → overrides responsive.
   ═══════════════════════════════════════════════════════════ */

/* 1 · Base */
@import url('./base/variables.css');
@import url('./base/reset.css');

/* 2 · Utilidades compartidas */
@import url('./utils/layout.css');
@import url('./utils/animations.css');
@import url('./utils/reveal.css');

/* 3 · Componentes / secciones */
@import url('./components/cursor.css');
@import url('./components/nav.css');
@import url('./components/buttons.css');
@import url('./components/hero.css');
@import url('./components/vibe.css');
@import url('./components/values.css');
@import url('./components/projects.css');
@import url('./components/stack.css');
@import url('./components/future.css');
@import url('./components/connect.css');
@import url('./components/footer.css');
@import url('./components/mobile-cta.css');
@import url('./components/vangogh.css');

/* 4 · Overrides responsive — SIEMPRE al final */
@import url('./utils/responsive.css');