/*
 * Orden de cascada del dashboard operativo.
 *
 * `legacy` conserva únicamente la estructura existente mientras se migra.
 * `system` es la fuente canónica para tipografía, color, superficies y estados.
 * Una regla visual nueva debe vivir en visual-system.css, no al final de styles.css.
 */
@import url("./icons.css?v=monolocal-v3") layer(icons);
@import url("./styles.css?v=monolocal-v12") layer(legacy);
@import url("./visual-system.css?v=monolocal-v35") layer(system);
@import url("./themes/tokens-s1.css?v=temas-1") layer(themes);
@import url("./themes/tokens-s2.css?v=temas-1") layer(themes);
@import url("./themes/tokens-s3.css?v=temas-1") layer(themes);
@import url("./themes/tokens-s4.css?v=temas-1") layer(themes);
@import url("./themes/tokens-s5.css?v=temas-1") layer(themes);
@import url("./themes/tokens-s6.css?v=temas-1") layer(themes);
@import url("./themes/tokens-s7.css?v=temas-1") layer(themes);
@import url("./themes/tokens-s8.css?v=temas-1") layer(themes);
@import url("./themes/tokens-v1.css?v=temas-1") layer(themes);
@import url("./themes/palettes.css?v=temas-1") layer(themes);

@layer icons, legacy, system, themes;