/* =========================
CORE
========================= */

/* CORE */

@import "./core/reset.css";
@import "./core/fonts.css";
@import "./core/base.css";
@import "./core/container.css";

/* TOKENS */

@import "./tokens/tokens.css";
@import "./tokens/colors.css";
@import "./tokens/colors_def.css";
@import "./tokens/spacing.css";
@import "./tokens/shadows.css";

/* UTILITIES */

@import "./utilities/layout.css";
@import "./utilities/typography.css";
@import "./utilities/borders.css";
@import "./utilities/radius.css";
@import "./utilities/effects.css";

/* STATES */

@import "./states/active.css";
@import "./states/focus.css";
@import "./states/hover.css";
@import "./states/disabled.css";

/* RESPONSIVE */

@import "./responsive/sm.css";
@import "./responsive/md.css";
@import "./responsive/lg.css";
@import "./responsive/xl.css";

/* COMPONENTS */

@import "./components/image.css";
@import "./components/buttons.css";
@import "./components/forms.css";
@import "./components/cards.css";
@import "./components/alerts.css";
@import "./components/tables.css";
@import "./components/modal.css";
@import "./components/badge.css";
@import "./components/toast.css";

/* THEMES */

@import "./themes/dark.css";