/* Ecomsuper Design System — el único punto de entrada.
 *
 *   <link rel="stylesheet" href="/pkg/ds/index.css">
 *
 * Sólo `@import`: los valores viven en `tokens/` y la capa de componentes en
 * `componentes.css`. Si algo te falta, se suma como token — nunca un hex, un
 * nombre de fuente ni un px suelto en el CSS de una app.
 *
 * El tema se pone en <html data-tema="papel"> (default) o data-tema="estudio"
 * (oscuro). Los dos son temas completos: los mismos nombres semánticos con
 * otros valores, no un filtro.
 *
 * Guía completa: readme.md, en esta misma carpeta.
 */

/* — fundamentos — */
@import url("./tokens/fuentes.css");
@import url("./tokens/colores.css");
@import url("./tokens/tipografia.css");
@import url("./tokens/espacio.css");
@import url("./tokens/elevacion.css");
@import url("./tokens/movimiento.css");

/* — reset y tipografía base — */
@import url("./tokens/base.css");

/* — utilidades de rol — */
@import url("./tokens/utilidades.css");

/* — íconos (Phosphor regular, vendorizado) — */
@import url("./iconos/style.css");

/* — la capa de componentes: todas las clases .eco-* — */
@import url("./componentes.css");
