/* Supplia Design System — punto de entrada único.
   Las páginas enlazan este archivo y, después, su hoja de página
   en styles/pages/. Mantener esto como lista de @import. */

/* 1. tokens crudos */
@import url("tokens/fonts.css");
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/radius.css");
@import url("tokens/motion.css");

/* 2. tema: variables que consumen los componentes */
@import url("theme.css");

/* 3. base y layout */
@import url("base.css");
@import url("layout.css");

/* 4. componentes */
@import url("components.css");

/* 5. utilidades (siempre al final) */
@import url("utilities.css");