@import "tailwindcss";

/* ============================================================
 * 设计系统 - 集中导入所有 token
 * 每个 token 文件用 `@theme` 直接声明，Tailwind 4 自动收集
 * 并生成 utility 类（如 `bg-accent` / `p-md` / `rounded-lg`）
 * ============================================================ */

@import "../tokens/colors.css";
@import "../tokens/spacing.css";
@import "../tokens/typography.css";
@import "../tokens/radius.css";
@import "../tokens/border-widths.css";
@import "../tokens/icon-sizes.css";
@import "../tokens/breakpoints.css";
@import "../tokens/responsive.css";
@import "../tokens/dimensions.css";

/* ============================================================
 * 基础样式
 * ============================================================ */

body {
  background: var(--color-page-background);
  color: var(--color-text-foreground);
  font-family: var(--font-system);
}
