/*
 * main.css — punto de entrada. Orden de capas:
 * tokens → base → layout → componentes → utilidades.
 * Ningún componente define colores, fuentes ni radios crudos: todos leen tokens.css.
 */
@layer tokens, base, layout, componentes, utilidades;

@import url("tokens.css?v=ds001l") layer(tokens);
@import url("base.css?v=ds001l") layer(base);
@import url("layout.css?v=ds001l") layer(layout);
@import url("components/boton.css?v=ds001l") layer(componentes);
@import url("components/chip.css?v=ds001l") layer(componentes);
@import url("components/encabezado.css?v=ds001l") layer(componentes);
@import url("components/portada.css?v=ds001l") layer(componentes);
@import url("components/dias.css?v=ds001l") layer(componentes);
@import url("components/tarjeta-taller.css?v=ds001l") layer(componentes);
@import url("components/semana.css?v=ds001l") layer(componentes);
@import url("components/curso.css?v=ds001l") layer(componentes);
@import url("components/plan.css?v=ds001l") layer(componentes);
@import url("components/polaroid.css?v=ds001l") layer(componentes);
@import url("components/eventos.css?v=ds001l") layer(componentes);
@import url("components/preguntas.css?v=ds001l") layer(componentes);
@import url("components/dialogo.css?v=ds001l") layer(componentes);
@import url("components/pie.css?v=ds001l") layer(componentes);
@import url("utilidades.css?v=ds001l") layer(utilidades);