/* =========================
   1. BASE (reset + variables)
========================= */
@import "base.css";

/* =========================
   2. LAYOUT (estructura)
========================= */
@import "layout.css";

/* =========================
   3. COMPONENTS (navbar, botones, cards)
========================= */
@import "components.css";
@import "navbar.css";

/* =========================
   4. PAGES / SECTIONS (hero, landing)
========================= */
/*
  Nota:
  `main.css` todavía importa estilos globales y estilos de secciones/páginas
  en un único punto de entrada. Funciona bien para este sitio estático, pero
  a futuro conviene separar mejor imports comunes vs imports por página.
*/
@import "hero.css";
@import "proyectos.css";
@import "servicios.css";
@import "studio.css";
@import "mission.css";
@import "contacto.css";

/* =========================
   5. OVERRIDES / FIXES (siempre al final)
========================= */
@import "overrides.css";