/* =============================================================================
   ROCK THE DISTANCE — sistema-publico.css
   Orquestador de CAPAS de CSS (@layer) para las páginas públicas.

   Idea (mejores prácticas): el orden de capas decide quién gana, NO la
   especificidad ni el orden de carga. Aquí declaramos:

       legacy  <  sistema

   Por tanto el SISTEMA NUEVO (tokens + componentes) gana SIEMPRE sobre el CSS
   viejo hecho a mano, de forma determinista (se acaban los choques sorpresa).

   Migración: cada página pública carga SOLO este archivo en lugar de los
   <link> sueltos de normalize/colores/principal/tokens. Conforme retiremos
   reglas viejas, la capa `legacy` se irá vaciando hasta desaparecer.
   ============================================================================= */

/* 1) Orden de capas: lo de la izquierda pierde contra lo de la derecha. */
@layer legacy, sistema;

/* 2) CSS heredado (hecho a mano) → capa legacy (pierde ante el sistema). */
@import url('normalize.min.css') layer(legacy);
@import url('colores.min.css')   layer(legacy);
@import url('principal.min.css') layer(legacy);

/* 3) Sistema de diseño → capa sistema (gana). tokens define variables +
      alias heredados; componentes define la apariencia única. */
@import url('tokens.css')      layer(sistema);
@import url('componentes.css') layer(sistema);