海棠红主题
明净粉红；适用生活服务、女性社区。基准色为工作参考值，基准色待设计确认，UI 主色待校准。
实验本期新增已接入
摘要
| 规范 ID | theme.haitang.haitanghong |
|---|---|
| 色系 | 海棠色系（family.haitang） |
| 模式支持 | 浅色+深色预览（light-with-dark-preview） |
| 传统色出处 | 海棠红 |
| 基准色 | #DB5A6B |
| 差量基础 | 基础主题（无差量，完整定义） |
UI 主色
主色取自语义映射 resolvedTokens.primary，是主题在组件上的核心品牌色；色阶中同值条目已标注对应步进。
| 色块 | |
|---|---|
| HEX | #b5364c |
| OKLCH | oklch(0.527 0.162 15) |
| 色阶步进 | step 6 |
色阶
OKLCH 生成的 10 阶色阶（step 1 最浅 → step 10 最深），附 sRGB 回退与 HEX；点击行可在右侧看板查看条目属性。
| step | 色块 | HEX | OKLCH | sRGB 回退 |
|---|---|---|---|---|
| 1 | #ffdadc | oklch(0.921 0.041 14.2) | #ffdadc | |
| 2 | #ffc7ca | oklch(0.88 0.064 14.3) | #ffc7ca | |
| 3 | #ffa7ad | oklch(0.816 0.105 14.9) | #ffa7ad | |
| 4 | #f0808b | oklch(0.727 0.138 15) | #f0808b | |
| 5 | #db5a6b | oklch(0.637 0.162 15) | #db5a6b | |
| 6 | #b5364c | oklch(0.527 0.162 15) | #b5364c | |
| 7 | #8e1b34 | oklch(0.427 0.149 15) | #8e1b34 | |
| 8 | #69001d | oklch(0.33 0.132 16) | #69001d | |
| 9 | #48000a | oklch(0.253 0.102 21.3) | #48000a | |
| 10 | #280000 | oklch(0.175 0.071 28.3) | #280000 |
语义映射
resolvedTokens 完整解析映射（键名对齐组件库语义令牌，省略 -- 前缀）；每行可复制为 CSS 变量声明。
| Token | 值 | 复制 |
|---|---|---|
background | #ffffff | |
foreground | #1b0b09 | |
card | #ffffff | |
card-foreground | #1b0b09 | |
popover | #ffffff | |
popover-foreground | #1b0b09 | |
primary | #b5364c | |
primary-foreground | #ffffff | |
secondary | #ffa7ad | |
secondary-foreground | #1b0b09 | |
muted | #ffc7ca | |
muted-foreground | #50282b | |
accent | #ffc7ca | |
accent-foreground | #1b0b09 | |
destructive | #dc2626 | |
destructive-foreground | #ffffff | |
border | #bc9ea0 | |
input | #bc9ea0 | |
ring | #b5364c | |
chart-1 | #b5364c | |
chart-2 | #f0808b | |
chart-3 | #69001d | |
chart-4 | #db5a6b | |
chart-5 | #48000a |
可访问性
不适用：对比度数据待接入：主色与前景 / 背景的 WCAG 对比度验收为发布矩阵（§12）待办项，当前主题成熟度为实验；数据接入后在此展示对比度与达标级别。
复制配置
两种输出均经复制按钮追加构建标注（构建版本 + Git 提交号）；差量输出用于以本主题为基础派生变体，完整输出用于一次性导入全部语义 Token。
本主题为基础主题（无 baseThemeId），差量输出为 "baseThemeId": null 与空 overrides；派生变体时请以此为基底引用本主题 ID。
{
"background": "#ffffff",
"foreground": "#1b0b09",
"card": "#ffffff",
"card-foreground": "#1b0b09",
"popover": "#ffffff",
"popover-foreground": "#1b0b09",
"primary": "#b5364c",
"primary-foreground": "#ffffff",
"secondary": "#ffa7ad",
"secondary-foreground": "#1b0b09",
"muted": "#ffc7ca",
"muted-foreground": "#50282b",
"accent": "#ffc7ca",
"accent-foreground": "#1b0b09",
"destructive": "#dc2626",
"destructive-foreground": "#ffffff",
"border": "#bc9ea0",
"input": "#bc9ea0",
"ring": "#b5364c",
"chart-1": "#b5364c",
"chart-2": "#f0808b",
"chart-3": "#69001d",
"chart-4": "#db5a6b",
"chart-5": "#48000a"
}