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

packages/design/tokens/tokens.json

@@ -82,7 +82,7 @@
       "dark": "rgba(0, 0, 0, 0.7)"
     },
     "tintAccent": {
-      "light": "color-mix(in srgb, var(--ua-color-accent) 10%, transparent)",
+      "light": "color-mix(in srgb, var(--ua-color-accent) var(--ua-alpha-soft), transparent)",
       "dark": "color-mix(in srgb, var(--ua-color-accent) 14%, transparent)"
     },
     "tintAccentWeak": {
@@ -94,6 +94,14 @@
       "dark": "color-mix(in srgb, var(--ua-color-accent) 82%, var(--ua-color-bg))"
     }
   },
+  "alpha": {
+    "soft": "10%",
+    "tint": "18%",
+    "line": "30%",
+    "mid": "45%",
+    "strong": "55%",
+    "heavy": "70%"
+  },
   "radius": {
     "sm": "4px",
     "md": "8px",
@@ -245,4 +253,4 @@
     "modal": 400,
     "toast": 500
   }
-}
+}