/* ============================================================
   MAIN — Punto de entrada único.
   Solo declaración de capas + @import. Ninguna regla vive aquí.
   NIVEL_3 · M1 — Arquitectura CSS con Cascade Layers.

   Nota de banco: el prototipo del pipeline (C040) enlaza sus tres hojas
   directamente desde el <head>, sin `main.css` y sin `@layer`. Funciona por
   orden de origen, pero no es la arquitectura que M1 documenta — y es
   justamente la arquitectura cuyo orden de capa gobierna el responsive
   (hallazgo H02 del banco). Aquí se implementa como está escrita.
   ============================================================ */

@layer base, layout, components, utilities;

/* Sin invalidadores de caché: `servidor.py` manda `Cache-Control: no-store`
   en cada respuesta, así que el navegador tiene prohibido guardar nada. Se
   arregló el servidor en vez de parchear las rutas — una query por `@import`
   se olvida de actualizar en la primera prisa, y su fallo es silencioso. */
@import url('tokens.css')     layer(base);
@import url('canales.css')    layer(base);
@import url('motion.css')     layer(base);
@import url('layout.css')     layer(layout);
@import url('components.css') layer(components);
@import url('utilities.css')  layer(utilities);
