iter(g229): 混色浓度令牌化并入视觉棘轮

packages/design/tokens/tokens.css

@@ -1,5 +1,5 @@
 /* @ui-arch design tokens - light theme defaults + dark theme overrides
-   分组：颜色 / 圆角 / 间距 / 字号 / 字距 / 字重与行高 / 边框 / 阴影 / 动效 / 焦点环 / 控件高度 / 层级
+   分组：颜色 / 混色浓度 / 圆角 / 间距 / 字号 / 字距 / 字重与行高 / 边框 / 阴影 / 动效 / 焦点环 / 控件高度 / 层级
    约定：皮肤包（packages/skin/ui/ui.css）只能消费 var(--ua-*)，禁止硬编码颜色、阴影、时长、字号；
    本文件是令牌唯一来源，ua tokens / llms-full.txt / MCP get_tokens 全部从这里派生。 */
 :root {
@@ -22,12 +22,20 @@
   --ua-color-accent: #185fa5; /* 强调色：主操作、选中态、焦点环底色 */
   --ua-color-accent-contrast: #ffffff; /* 强调色上的文字色：保证主按钮对比度 */
   --ua-color-accent-soft: color-mix(in srgb, var(--ua-color-accent) 72%, var(--ua-color-bg)); /* 柔和强调色：细线 / 指示条 / 内嵌焦点环用，纯 accent 做 2px 实线会发刺 */
-  --ua-color-tint-accent: color-mix(in srgb, var(--ua-color-accent) 10%, transparent); /* 语义淡底标准档：选中底、激活项底 */
+  --ua-color-tint-accent: color-mix(in srgb, var(--ua-color-accent) var(--ua-alpha-soft), transparent); /* 语义淡底标准档：选中底、激活项底 */
   --ua-color-tint-accent-weak: color-mix(in srgb, var(--ua-color-accent) 5%, transparent); /* 语义淡底弱档：悬停底、极弱强调底 */
   --ua-color-danger: #a32d2d; /* 危险色：错误、删除、校验失败 */
   --ua-color-success: #0f6e56; /* 成功色：完成、通过、正向结果 */
   --ua-color-warning: #9a6b1f; /* 警告色：提醒、需注意但不阻断 */
 
+  /* ---- 混色浓度：color-mix 里「混入多少」的档位，百分比亮暗通用（近档已就近收敛：12→10、16/20/24→18、40→45、65/80→70） ---- */
+  --ua-alpha-soft: 10%; /* 淡底档：选中底、激活项底、语义色淡底 */
+  --ua-alpha-tint: 18%; /* 弱强调档：hover 淡底、警示淡底、白色细纹 */
+  --ua-alpha-line: 30%; /* 描边调和档：边框色里混入文本色加深 */
+  --ua-alpha-mid: 45%; /* 中浓档：半透虚线边、淡化滚动条底 */
+  --ua-alpha-strong: 55%; /* 强调档：语义色图标底、强调描边 */
+  --ua-alpha-heavy: 70%; /* 重档：渐变端点、近实色的弱化描边 */
+
   /* ---- 圆角：三档，控件用小、卡片用中、弹层用大 ---- */
   --ua-radius-sm: 4px; /* 小圆角：按钮 / 输入框 / 标签等控件 */
   --ua-radius-md: 8px; /* 中圆角：卡片 / 面板 / 分组容器 */