# Design Tokens v1.0.0

> 来源：消费者端首版原型与《07｜商户小程序工作台需求补充》。正式品牌 Logo、影像和字体规范尚未提供，当前以产品级 Token 作为跨端基线。

## Color

| Token | Value | Usage |
|---|---|---|
| `brand.primary` | `#5C8717` | 主按钮、选中态、商户工作台头部 |
| `brand.deep` | `#36540B` | 强调文字、深色品牌区域 |
| `brand.soft` | `#EEF5DF` | 选中背景、轻提示 |
| `status.success` | `#22A55B` | 成功、营业、可用 |
| `status.warning` | `#F26430` | 冲突、待处理、风险提示 |
| `status.danger` | `#E5484D` | 退款、停用、高风险操作 |
| `text.primary` | `#202124` | 主文字 |
| `text.secondary` | `#70766D` | 次级说明 |
| `surface.page` | `#F5F6F3` | 页面背景 |
| `surface.card` | `#FFFFFF` | 卡片与表格表面 |
| `border.default` | `#E3E6DF` | 分隔线与输入框 |

## Typography

- 中文正文：`PingFang SC` / `Microsoft YaHei`；
- 数字与金额：系统无衬线字体，启用等宽数字；
- 移动端标题 20–28px，正文 13–15px；
- PC 标题 20–30px，正文 13–14px，表格 12–14px。

## Shape & Space

- 移动端卡片圆角：14–18px；按钮圆角：10–12px；
- PC 面板圆角：8–12px；表格与表单减少圆角层级；
- 移动端基础间距：4 / 8 / 12 / 16 / 24；
- PC 基础间距：4 / 8 / 12 / 16 / 20 / 24 / 32；
- 危险操作不依赖红色单一表达，必须配合明确文案和二次确认。

## Cross-mode Rules

- 消费者模式与商户模式沿用同一品牌基线；
- 商户模式必须持续显示“商户工作台”、当前商户/场馆和员工身份；
- PC 管理端采用高密度信息架构，但状态色与业务术语与小程序一致；
- 权限控制同时反映在菜单、按钮和数据范围提示中。