/* Hoja principal: declara el orden de capas y monta el resto.
   Es el único CSS que enlaza index.html. */

@layer system, tokens, layout, components;

/* El design system y las reglas de elemento de esta página comparten capa a
   propósito. La página necesita que su `a { color }` le gane al `a { color }`
   del sistema (lo hace, por orden de importación) pero que siga perdiendo
   contra `.btn-primary { color }` del sistema (lo hace, por especificidad).
   Separarlas en dos capas rompería una de las dos relaciones, porque el orden
   de capas anula la especificidad. Las clases propias sí van en capas
   superiores, donde deben ganarle al sistema. */
@import url('../_ds/broadsheet-12c7d490-fcd9-4100-930a-0c2124c0bb0e/styles.css') layer(system);
@import url('elements.css') layer(system);

@import url('tokens.css') layer(tokens);
@import url('layout.css') layer(layout);
@import url('components.css') layer(components);