admin
763bec4e74
Consolidate the design system registration by removing the centralized `@theme inline` block and all design token imports from globals.css. Each token file now declares its own `@theme` rules directly, allowing Tailwind 4 to auto-collect them and generate utility classes (e.g. `bg-accent`, `p-md`, `rounded-lg`) without redundant re-mapping. This simplifies globals.css, removes a layer of indirection, and keeps the design token definitions co-located with their `@theme` exposure.
27 lines
900 B
CSS
27 lines
900 B
CSS
@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/dimensions.css";
|
||
|
||
/* ============================================================
|
||
* 基础样式
|
||
* ============================================================ */
|
||
|
||
body {
|
||
background: var(--color-page-background);
|
||
color: var(--color-text-foreground);
|
||
font-family: var(--font-system);
|
||
}
|