/* =========================================================
   CORTRANS · Manifiesto de estilos
   Orden de capas: base → layout → componentes → secciones.
   Cada archivo tiene una sola responsabilidad.
   ========================================================= */

/* Base: variables, normalización, tipografía */
@import url("base/tokens.css");
@import url("base/fonts.css");
@import url("base/reset.css");
@import url("base/typography.css");

/* Layout: estructura general de la página */
@import url("layout/container.css");
@import url("layout/section.css");
@import url("layout/header.css");
@import url("layout/footer.css");

/* Componentes reutilizables */
@import url("components/buttons.css");
@import url("components/labels.css");
@import url("components/plus.css");
@import url("components/corners.css");
@import url("components/reveal.css");
@import url("components/specs.css");
@import url("components/media-list.css");
@import url("components/lightbox.css");
@import url("components/form.css");

/* Secciones de la página */
@import url("sections/hero.css");
@import url("sections/lines.css");
@import url("sections/process.css");
@import url("sections/services.css");
@import url("sections/gallery.css");
@import url("sections/company.css");
@import url("sections/contact.css");

/* Preferencia de movimiento reducido (siempre al final) */
@import url("base/reduced-motion.css");