/* ═══════════════════════════════════════════════════════════════
   Sistema de Diseño — entrada CSS
   Orden de carga: tokens → base → componentes.
   ═══════════════════════════════════════════════════════════════ */

/* Tokens */
@import url("tokens/primitives.css");
@import url("tokens/semantic.css");
@import url("tokens/dark.css");

/* Base */
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/utilities.css");
@import url("base/body.css");

/* Componentes */
@import url("components/icon.css");
@import url("components/button.css");
@import url("components/card.css");
@import url("components/table.css");
@import url("components/modal.css");
@import url("components/toast.css");
@import url("components/tooltip.css");
@import url("components/alert.css");
@import url("components/spinner.css");
@import url("components/field.css");
@import url("components/select.css");
@import url("components/form.css");
@import url("components/topbar.css");
@import url("components/sidebar.css");
@import url("components/footer.css");