@blukavantui/charts-community 0.0.0-stage → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/LICENSE.txt +103 -0
  2. package/README.md +98 -2
  3. package/THIRD_PARTY_NOTICES.txt +288 -0
  4. package/dist/accessibility.d.ts +53 -0
  5. package/dist/async.d.ts +2 -0
  6. package/dist/bar.css +1 -0
  7. package/dist/bar.d.ts +5 -0
  8. package/dist/bar.js +1 -0
  9. package/dist/browser/charts-community.css +1 -0
  10. package/dist/browser/charts-community.js +52 -0
  11. package/dist/build-audit.json +209 -0
  12. package/dist/builders/bar.d.ts +6 -0
  13. package/dist/builders/doughnut.d.ts +6 -0
  14. package/dist/builders/heatmap.d.ts +16 -0
  15. package/dist/builders/line.d.ts +6 -0
  16. package/dist/builders/pie.d.ts +6 -0
  17. package/dist/builders/radar.d.ts +6 -0
  18. package/dist/builders/scatter.d.ts +6 -0
  19. package/dist/catalogue-model.d.ts +11 -0
  20. package/dist/catalogue-runtime.d.ts +23 -0
  21. package/dist/catalogue-types.d.ts +167 -0
  22. package/dist/chart-state.d.ts +18 -0
  23. package/dist/chunk-2GUWWKHW.js +1 -0
  24. package/dist/chunk-3PITHTEO.js +1 -0
  25. package/dist/chunk-4B5MQ6GZ.js +1 -0
  26. package/dist/chunk-4EQMOBBN.js +1 -0
  27. package/dist/chunk-4WDZUJDS.js +1 -0
  28. package/dist/chunk-5NUOOMHV.js +1 -0
  29. package/dist/chunk-7OCMRHIH.js +1 -0
  30. package/dist/chunk-CF5Q2DDP.js +1 -0
  31. package/dist/chunk-EITBQBN2.js +1 -0
  32. package/dist/chunk-FXNKAHRG.js +1 -0
  33. package/dist/chunk-IDMAFTWV.js +1 -0
  34. package/dist/chunk-ILTENI35.js +1 -0
  35. package/dist/chunk-KRMM7EWI.js +1 -0
  36. package/dist/chunk-LUUPBBD4.js +1 -0
  37. package/dist/chunk-MR5VITXX.js +1 -0
  38. package/dist/chunk-NASBRHIW.js +1 -0
  39. package/dist/chunk-NXDBBMF5.js +1 -0
  40. package/dist/chunk-OQ6MP7PY.js +1 -0
  41. package/dist/chunk-RC2TCMJF.js +1 -0
  42. package/dist/chunk-RXOGAN23.js +1 -0
  43. package/dist/chunk-UGXWOWAG.js +2 -0
  44. package/dist/chunk-UO2KNHTU.js +2 -0
  45. package/dist/chunk-UQMMBG26.js +3 -0
  46. package/dist/chunk-VTJ4XPRV.js +1 -0
  47. package/dist/chunk-WJ3UHH6J.js +1 -0
  48. package/dist/chunk-XLJUSNGV.js +1 -0
  49. package/dist/colors.d.ts +15 -0
  50. package/dist/community.d.ts +11 -0
  51. package/dist/doughnut.css +1 -0
  52. package/dist/doughnut.d.ts +5 -0
  53. package/dist/doughnut.js +1 -0
  54. package/dist/export.d.ts +5 -0
  55. package/dist/fonts/dm-sans-LICENSE.txt +93 -0
  56. package/dist/fonts/dm-sans-latin-ext-wght-italic.woff2 +0 -0
  57. package/dist/fonts/dm-sans-latin-ext-wght-normal.woff2 +0 -0
  58. package/dist/fonts/dm-sans-latin-wght-italic.woff2 +0 -0
  59. package/dist/fonts/dm-sans-latin-wght-normal.woff2 +0 -0
  60. package/dist/fonts/ibm-plex-mono-LICENSE.txt +93 -0
  61. package/dist/fonts/ibm-plex-mono-latin-100-italic.woff2 +0 -0
  62. package/dist/fonts/ibm-plex-mono-latin-100-normal.woff2 +0 -0
  63. package/dist/fonts/ibm-plex-mono-latin-200-italic.woff2 +0 -0
  64. package/dist/fonts/ibm-plex-mono-latin-200-normal.woff2 +0 -0
  65. package/dist/fonts/ibm-plex-mono-latin-300-italic.woff2 +0 -0
  66. package/dist/fonts/ibm-plex-mono-latin-300-normal.woff2 +0 -0
  67. package/dist/fonts/ibm-plex-mono-latin-400-italic.woff2 +0 -0
  68. package/dist/fonts/ibm-plex-mono-latin-400-normal.woff2 +0 -0
  69. package/dist/fonts/ibm-plex-mono-latin-500-italic.woff2 +0 -0
  70. package/dist/fonts/ibm-plex-mono-latin-500-normal.woff2 +0 -0
  71. package/dist/fonts/ibm-plex-mono-latin-600-italic.woff2 +0 -0
  72. package/dist/fonts/ibm-plex-mono-latin-600-normal.woff2 +0 -0
  73. package/dist/fonts/ibm-plex-mono-latin-700-italic.woff2 +0 -0
  74. package/dist/fonts/ibm-plex-mono-latin-700-normal.woff2 +0 -0
  75. package/dist/fonts/ibm-plex-mono-latin-ext-100-italic.woff2 +0 -0
  76. package/dist/fonts/ibm-plex-mono-latin-ext-100-normal.woff2 +0 -0
  77. package/dist/fonts/ibm-plex-mono-latin-ext-200-italic.woff2 +0 -0
  78. package/dist/fonts/ibm-plex-mono-latin-ext-200-normal.woff2 +0 -0
  79. package/dist/fonts/ibm-plex-mono-latin-ext-300-italic.woff2 +0 -0
  80. package/dist/fonts/ibm-plex-mono-latin-ext-300-normal.woff2 +0 -0
  81. package/dist/fonts/ibm-plex-mono-latin-ext-400-italic.woff2 +0 -0
  82. package/dist/fonts/ibm-plex-mono-latin-ext-400-normal.woff2 +0 -0
  83. package/dist/fonts/ibm-plex-mono-latin-ext-500-italic.woff2 +0 -0
  84. package/dist/fonts/ibm-plex-mono-latin-ext-500-normal.woff2 +0 -0
  85. package/dist/fonts/ibm-plex-mono-latin-ext-600-italic.woff2 +0 -0
  86. package/dist/fonts/ibm-plex-mono-latin-ext-600-normal.woff2 +0 -0
  87. package/dist/fonts/ibm-plex-mono-latin-ext-700-italic.woff2 +0 -0
  88. package/dist/fonts/ibm-plex-mono-latin-ext-700-normal.woff2 +0 -0
  89. package/dist/fonts/inter-LICENSE.txt +93 -0
  90. package/dist/fonts/inter-latin-ext-wght-italic.woff2 +0 -0
  91. package/dist/fonts/inter-latin-ext-wght-normal.woff2 +0 -0
  92. package/dist/fonts/inter-latin-wght-italic.woff2 +0 -0
  93. package/dist/fonts/inter-latin-wght-normal.woff2 +0 -0
  94. package/dist/fonts/jetbrains-mono-LICENSE.txt +93 -0
  95. package/dist/fonts/jetbrains-mono-latin-ext-wght-italic.woff2 +0 -0
  96. package/dist/fonts/jetbrains-mono-latin-ext-wght-normal.woff2 +0 -0
  97. package/dist/fonts/jetbrains-mono-latin-wght-italic.woff2 +0 -0
  98. package/dist/fonts/jetbrains-mono-latin-wght-normal.woff2 +0 -0
  99. package/dist/fonts/lora-LICENSE.txt +93 -0
  100. package/dist/fonts/lora-latin-ext-wght-italic.woff2 +0 -0
  101. package/dist/fonts/lora-latin-ext-wght-normal.woff2 +0 -0
  102. package/dist/fonts/lora-latin-wght-italic.woff2 +0 -0
  103. package/dist/fonts/lora-latin-wght-normal.woff2 +0 -0
  104. package/dist/fonts/manifest.json +618 -0
  105. package/dist/fonts/manrope-LICENSE.txt +93 -0
  106. package/dist/fonts/manrope-latin-ext-wght-normal.woff2 +0 -0
  107. package/dist/fonts/manrope-latin-wght-normal.woff2 +0 -0
  108. package/dist/fonts/merriweather-LICENSE.txt +93 -0
  109. package/dist/fonts/merriweather-latin-ext-wght-italic.woff2 +0 -0
  110. package/dist/fonts/merriweather-latin-ext-wght-normal.woff2 +0 -0
  111. package/dist/fonts/merriweather-latin-wght-italic.woff2 +0 -0
  112. package/dist/fonts/merriweather-latin-wght-normal.woff2 +0 -0
  113. package/dist/fonts/montserrat-LICENSE.txt +93 -0
  114. package/dist/fonts/montserrat-latin-ext-wght-italic.woff2 +0 -0
  115. package/dist/fonts/montserrat-latin-ext-wght-normal.woff2 +0 -0
  116. package/dist/fonts/montserrat-latin-wght-italic.woff2 +0 -0
  117. package/dist/fonts/montserrat-latin-wght-normal.woff2 +0 -0
  118. package/dist/fonts/playfair-display-LICENSE.txt +93 -0
  119. package/dist/fonts/playfair-display-latin-ext-wght-italic.woff2 +0 -0
  120. package/dist/fonts/playfair-display-latin-ext-wght-normal.woff2 +0 -0
  121. package/dist/fonts/playfair-display-latin-wght-italic.woff2 +0 -0
  122. package/dist/fonts/playfair-display-latin-wght-normal.woff2 +0 -0
  123. package/dist/fonts/roboto-LICENSE.txt +93 -0
  124. package/dist/fonts/roboto-latin-ext-wght-italic.woff2 +0 -0
  125. package/dist/fonts/roboto-latin-ext-wght-normal.woff2 +0 -0
  126. package/dist/fonts/roboto-latin-wght-italic.woff2 +0 -0
  127. package/dist/fonts/roboto-latin-wght-normal.woff2 +0 -0
  128. package/dist/fonts/source-sans-3-LICENSE.txt +93 -0
  129. package/dist/fonts/source-sans-3-latin-ext-wght-italic.woff2 +0 -0
  130. package/dist/fonts/source-sans-3-latin-ext-wght-normal.woff2 +0 -0
  131. package/dist/fonts/source-sans-3-latin-wght-italic.woff2 +0 -0
  132. package/dist/fonts/source-sans-3-latin-wght-normal.woff2 +0 -0
  133. package/dist/heatmap.css +1 -0
  134. package/dist/heatmap.d.ts +3 -0
  135. package/dist/heatmap.js +1 -0
  136. package/dist/index.css +1 -0
  137. package/dist/index.d.ts +11 -0
  138. package/dist/index.js +1 -0
  139. package/dist/legend-export.d.ts +9 -0
  140. package/dist/legend-model.d.ts +39 -0
  141. package/dist/legend.d.ts +19 -0
  142. package/dist/limits.d.ts +16 -0
  143. package/dist/line.css +1 -0
  144. package/dist/line.d.ts +5 -0
  145. package/dist/line.js +1 -0
  146. package/dist/loading-state.d.ts +6 -0
  147. package/dist/map-assets.d.ts +4 -0
  148. package/dist/map-resources.d.ts +24 -0
  149. package/dist/messages.d.ts +3 -0
  150. package/dist/model.d.ts +41 -0
  151. package/dist/motion/bar.css +1 -0
  152. package/dist/motion/bar.d.ts +8 -0
  153. package/dist/motion/bar.js +1 -0
  154. package/dist/motion/doughnut.css +1 -0
  155. package/dist/motion/doughnut.d.ts +8 -0
  156. package/dist/motion/doughnut.js +1 -0
  157. package/dist/motion/heatmap.css +1 -0
  158. package/dist/motion/heatmap.d.ts +7 -0
  159. package/dist/motion/heatmap.js +1 -0
  160. package/dist/motion/line.css +1 -0
  161. package/dist/motion/line.d.ts +8 -0
  162. package/dist/motion/line.js +1 -0
  163. package/dist/motion/pie.css +1 -0
  164. package/dist/motion/pie.d.ts +8 -0
  165. package/dist/motion/pie.js +1 -0
  166. package/dist/motion/radar.css +1 -0
  167. package/dist/motion/radar.d.ts +8 -0
  168. package/dist/motion/radar.js +1 -0
  169. package/dist/motion/scatter.css +1 -0
  170. package/dist/motion/scatter.d.ts +8 -0
  171. package/dist/motion/scatter.js +1 -0
  172. package/dist/motion/sparkline.d.ts +7 -0
  173. package/dist/motion/sparkline.js +1 -0
  174. package/dist/motion-collection.d.ts +7 -0
  175. package/dist/motion-community.d.ts +40 -0
  176. package/dist/motion-policy.d.ts +14 -0
  177. package/dist/motion.css +1 -0
  178. package/dist/motion.d.ts +40 -0
  179. package/dist/motion.js +1 -0
  180. package/dist/options.d.ts +11 -0
  181. package/dist/pie.css +1 -0
  182. package/dist/pie.d.ts +5 -0
  183. package/dist/pie.js +1 -0
  184. package/dist/radar.css +1 -0
  185. package/dist/radar.d.ts +4 -0
  186. package/dist/radar.js +1 -0
  187. package/dist/runtime.d.ts +4 -0
  188. package/dist/scatter.css +1 -0
  189. package/dist/scatter.d.ts +5 -0
  190. package/dist/scatter.js +1 -0
  191. package/dist/sparkline-runtime/runtime.d.ts +10 -0
  192. package/dist/sparkline-validation.d.ts +3 -0
  193. package/dist/sparkline.css +25 -0
  194. package/dist/sparkline.d.ts +44 -0
  195. package/dist/sparkline.js +1 -0
  196. package/dist/state-announcement.d.ts +6 -0
  197. package/dist/styles.css +496 -0
  198. package/dist/theme.css +1391 -0
  199. package/dist/types.d.ts +137 -0
  200. package/dist/validation.d.ts +8 -0
  201. package/dist/web-api.json +4305 -0
  202. package/dist/web-motion-sparkline.d.ts +4 -0
  203. package/edition.json +48 -0
  204. package/package.json +103 -4
  205. package/src/accessibility.ts +81 -0
  206. package/src/assets.d.ts +1 -0
  207. package/src/async.ts +12 -0
  208. package/src/bar.ts +13 -0
  209. package/src/builders/bar.ts +39 -0
  210. package/src/builders/doughnut.ts +66 -0
  211. package/src/builders/heatmap.ts +60 -0
  212. package/src/builders/line.ts +39 -0
  213. package/src/builders/pie.ts +66 -0
  214. package/src/builders/radar.ts +65 -0
  215. package/src/builders/scatter.ts +34 -0
  216. package/src/catalogue-model.ts +235 -0
  217. package/src/catalogue-runtime.ts +244 -0
  218. package/src/catalogue-types.ts +163 -0
  219. package/src/chart-state.ts +35 -0
  220. package/src/charts.css +135 -0
  221. package/src/colors.ts +277 -0
  222. package/src/community.ts +11 -0
  223. package/src/doughnut.ts +12 -0
  224. package/src/export.ts +50 -0
  225. package/src/heatmap.ts +11 -0
  226. package/src/index.ts +11 -0
  227. package/src/legend-export.ts +36 -0
  228. package/src/legend-model.ts +76 -0
  229. package/src/legend.css +64 -0
  230. package/src/legend.ts +90 -0
  231. package/src/limits.ts +7 -0
  232. package/src/line.ts +13 -0
  233. package/src/loading-state.ts +39 -0
  234. package/src/map-assets.ts +1 -0
  235. package/src/map-resources.ts +46 -0
  236. package/src/messages.ts +5 -0
  237. package/src/model.ts +32 -0
  238. package/src/motion/bar.ts +15 -0
  239. package/src/motion/doughnut.ts +14 -0
  240. package/src/motion/heatmap.ts +14 -0
  241. package/src/motion/line.ts +15 -0
  242. package/src/motion/pie.ts +14 -0
  243. package/src/motion/radar.ts +15 -0
  244. package/src/motion/scatter.ts +15 -0
  245. package/src/motion/sparkline.ts +10 -0
  246. package/src/motion-collection.ts +20 -0
  247. package/src/motion-community.ts +22 -0
  248. package/src/motion-policy.ts +36 -0
  249. package/src/options.ts +24 -0
  250. package/src/pie.ts +12 -0
  251. package/src/radar.ts +12 -0
  252. package/src/runtime.ts +7 -0
  253. package/src/scatter.ts +13 -0
  254. package/src/sparkline-runtime/runtime.d.ts +10 -0
  255. package/src/sparkline-runtime/runtime.js +263 -0
  256. package/src/sparkline-validation.ts +19 -0
  257. package/src/sparkline.css +25 -0
  258. package/src/sparkline.ts +68 -0
  259. package/src/state-announcement.ts +17 -0
  260. package/src/types.ts +104 -0
  261. package/src/validation.ts +75 -0
  262. package/src/web-motion-sparkline.ts +37 -0
package/dist/theme.css ADDED
@@ -0,0 +1,1391 @@
1
+ /* BluUITheme — shared palette, surfaces and appearance modes.
2
+ Preset hues follow Ant Design Tag filled presets; status hues follow solid
3
+ statuses. Component CSS stays on each Block. Set data-bluui-theme to light
4
+ or dark on an ancestor; absent an override, the device preference applies.
5
+ Generated by native-builds/PaletteDarkMode/build-palette.py. Foregrounds
6
+ are tuned for WCAG AA contrast while preserving the reference palette hues. */
7
+ :root {
8
+ color-scheme: light;
9
+ --blu-font-family: Inter,
10
+ -apple-system,
11
+ BlinkMacSystemFont,
12
+ "Segoe UI",
13
+ Roboto,
14
+ Helvetica,
15
+ Arial,
16
+ sans-serif;
17
+ --blu-font-size-xs: 12px;
18
+ --blu-font-size-sm: 13px;
19
+ --blu-font-size-md: 14px;
20
+ --blu-font-size-lg: 15px;
21
+ --blu-font-size-xl: 18px;
22
+ --blu-font-weight-normal: 400;
23
+ --blu-font-weight-medium: 500;
24
+ --blu-font-weight-semibold: 600;
25
+ --blu-font-weight-bold: 700;
26
+ --blu-radius-xs: 4px;
27
+ --blu-radius-sm: 6px;
28
+ --blu-radius-md: 8px;
29
+ --blu-radius-lg: 12px;
30
+ --blu-radius-xl: 16px;
31
+ --blu-space-1: 4px;
32
+ --blu-space-2: 8px;
33
+ --blu-space-3: 12px;
34
+ --blu-space-4: 16px;
35
+ --blu-space-5: 20px;
36
+ --blu-space-6: 24px;
37
+ --blu-transition-fast: 120ms ease;
38
+ --blu-transition-normal: 180ms ease;
39
+ --bluui-background: #f5f7fb;
40
+ --bluui-surface: #ffffff;
41
+ --bluui-surface-muted: #f7f8fb;
42
+ --bluui-surface-raised: #ffffff;
43
+ --bluui-text: #182230;
44
+ --bluui-text-muted: #5c6b80;
45
+ --bluui-text-subtle: #626f82;
46
+ --bluui-border: #e2e8f0;
47
+ --bluui-border-strong: #b8c4d4;
48
+ --bluui-control-border: #7b8799;
49
+ --bluui-row-border: #edf0f5;
50
+ --bluui-hover: #f0f2f7;
51
+ --bluui-selected: #e9e6ff;
52
+ --bluui-changed: #f5f3ff;
53
+ --bluui-skeleton-base: #e2e8f0;
54
+ --bluui-skeleton-shine: rgb(255 255 255 / 65%);
55
+ --bluui-scrim: rgb(15 23 42 / 45%);
56
+ --bluui-shadow-color: rgb(15 23 42 / 12%);
57
+ --bluui-primary-hover: #4338ca;
58
+ --bluui-primary-active: #3730a3;
59
+ --bluui-on-primary: #ffffff;
60
+ --bluui-primary: #4f46e5;
61
+ --bluui-focus-shadow: 0 0 0 3px rgb(79 70 229 / 22%);
62
+ --bluui-menu-shadow: 0 10px 30px rgb(15 23 42 / 16%);
63
+ --bluui-color-default-soft: #f5f5f5;
64
+ --bluui-color-default-text: #1d1d1d;
65
+ --bluui-color-default-border: #d9d9d9;
66
+ --bluui-color-default-solid: #000000;
67
+ --bluui-color-default-contrast: #ffffff;
68
+ --bluui-color-primary-soft: #eef2ff;
69
+ --bluui-color-primary-text: #4338ca;
70
+ --bluui-color-primary-border: #c7d2fe;
71
+ --bluui-color-primary-solid: #4f46e5;
72
+ --bluui-color-primary-contrast: #ffffff;
73
+ --bluui-color-secondary-soft: #e2e8f0;
74
+ --bluui-color-secondary-text: #334155;
75
+ --bluui-color-secondary-border: #cbd5e1;
76
+ --bluui-color-secondary-solid: #475569;
77
+ --bluui-color-secondary-contrast: #ffffff;
78
+ --bluui-color-success-soft: #f6ffed;
79
+ --bluui-color-success-text: #2d6c0e;
80
+ --bluui-color-success-border: #b7eb8f;
81
+ --bluui-color-success-solid: #52c41a;
82
+ --bluui-color-success-contrast: #000000;
83
+ --bluui-color-processing-soft: #e6f4ff;
84
+ --bluui-color-processing-text: #1054b5;
85
+ --bluui-color-processing-border: #91caff;
86
+ --bluui-color-processing-solid: #2681ff;
87
+ --bluui-color-processing-contrast: #000000;
88
+ --bluui-color-warning-soft: #fffbe6;
89
+ --bluui-color-warning-text: #7d560a;
90
+ --bluui-color-warning-border: #ffe58f;
91
+ --bluui-color-warning-solid: #faad14;
92
+ --bluui-color-warning-contrast: #000000;
93
+ --bluui-color-error-soft: #fff2f0;
94
+ --bluui-color-error-text: #a33133;
95
+ --bluui-color-error-border: #ffccc7;
96
+ --bluui-color-error-solid: #ff4d4f;
97
+ --bluui-color-error-contrast: #000000;
98
+ --bluui-color-danger-soft: #fff2f0;
99
+ --bluui-color-danger-text: #a33133;
100
+ --bluui-color-danger-border: #ffccc7;
101
+ --bluui-color-danger-solid: #ff4d4f;
102
+ --bluui-color-danger-contrast: #000000;
103
+ --bluui-color-magenta-soft: #fff0f6;
104
+ --bluui-color-magenta-text: #a9196d;
105
+ --bluui-color-magenta-border: #ffadd2;
106
+ --bluui-color-magenta-solid: #ed409e;
107
+ --bluui-color-magenta-contrast: #000000;
108
+ --bluui-color-red-soft: #fff1f0;
109
+ --bluui-color-red-text: #b4111e;
110
+ --bluui-color-red-border: #ffa39e;
111
+ --bluui-color-red-solid: #e4202a;
112
+ --bluui-color-red-contrast: #ffffff;
113
+ --bluui-color-volcano-soft: #fff2e8;
114
+ --bluui-color-volcano-text: #aa2d0a;
115
+ --bluui-color-volcano-border: #ffbb96;
116
+ --bluui-color-volcano-solid: #fa541c;
117
+ --bluui-color-volcano-contrast: #000000;
118
+ --bluui-color-orange-soft: #fff7e6;
119
+ --bluui-color-orange-text: #904905;
120
+ --bluui-color-orange-border: #ffd591;
121
+ --bluui-color-orange-solid: #fa8c16;
122
+ --bluui-color-orange-contrast: #000000;
123
+ --bluui-color-gold-soft: #fffbe6;
124
+ --bluui-color-gold-text: #835404;
125
+ --bluui-color-gold-border: #ffe58f;
126
+ --bluui-color-gold-solid: #faad14;
127
+ --bluui-color-gold-contrast: #000000;
128
+ --bluui-color-lime-soft: #fcffe6;
129
+ --bluui-color-lime-text: #486803;
130
+ --bluui-color-lime-border: #eaff8f;
131
+ --bluui-color-lime-solid: #a0d911;
132
+ --bluui-color-lime-contrast: #000000;
133
+ --bluui-color-green-soft: #f6ffed;
134
+ --bluui-color-green-text: #276d09;
135
+ --bluui-color-green-border: #b7eb8f;
136
+ --bluui-color-green-solid: #52c41a;
137
+ --bluui-color-green-contrast: #000000;
138
+ --bluui-color-cyan-soft: #e6fffb;
139
+ --bluui-color-cyan-text: #06686c;
140
+ --bluui-color-cyan-border: #87e8de;
141
+ --bluui-color-cyan-solid: #13c2c2;
142
+ --bluui-color-cyan-contrast: #000000;
143
+ --bluui-color-blue-soft: #e6f4ff;
144
+ --bluui-color-blue-text: #0851c8;
145
+ --bluui-color-blue-border: #91caff;
146
+ --bluui-color-blue-solid: #2681ff;
147
+ --bluui-color-blue-contrast: #000000;
148
+ --bluui-color-geekblue-soft: #f0f5ff;
149
+ --bluui-color-geekblue-text: #1d39c4;
150
+ --bluui-color-geekblue-border: #adc6ff;
151
+ --bluui-color-geekblue-solid: #2f54eb;
152
+ --bluui-color-geekblue-contrast: #ffffff;
153
+ --bluui-color-purple-soft: #f9f0ff;
154
+ --bluui-color-purple-text: #531dab;
155
+ --bluui-color-purple-border: #d3adf7;
156
+ --bluui-color-purple-solid: #722ed1;
157
+ --bluui-color-purple-contrast: #ffffff;
158
+ --bluui-default-soft: var(--bluui-color-default-soft);
159
+ --bluui-default-text: var(--bluui-color-default-text);
160
+ --bluui-default-border: var(--bluui-color-default-border);
161
+ --bluui-default: var(--bluui-color-default-solid);
162
+ --blu-color-default-50: var(--bluui-color-default-soft);
163
+ --blu-color-default-100: var(--bluui-color-default-border);
164
+ --blu-color-default-600: var(--bluui-color-default-solid);
165
+ --blu-color-default-700: var(--bluui-color-default-text);
166
+ --blu-color-default-800: var(--bluui-color-default-text);
167
+ --bluui-primary-soft: var(--bluui-color-primary-soft);
168
+ --bluui-primary-text: var(--bluui-color-primary-text);
169
+ --bluui-primary-border: var(--bluui-color-primary-border);
170
+ --blu-color-primary-50: var(--bluui-color-primary-soft);
171
+ --blu-color-primary-100: var(--bluui-color-primary-border);
172
+ --blu-color-primary-600: var(--bluui-color-primary-solid);
173
+ --blu-color-primary-700: var(--bluui-color-primary-text);
174
+ --blu-color-primary-800: var(--bluui-color-primary-text);
175
+ --bluui-secondary-soft: var(--bluui-color-secondary-soft);
176
+ --bluui-secondary-text: var(--bluui-color-secondary-text);
177
+ --bluui-secondary-border: var(--bluui-color-secondary-border);
178
+ --bluui-secondary: var(--bluui-color-secondary-solid);
179
+ --blu-color-secondary-50: var(--bluui-color-secondary-soft);
180
+ --blu-color-secondary-100: var(--bluui-color-secondary-border);
181
+ --blu-color-secondary-600: var(--bluui-color-secondary-solid);
182
+ --blu-color-secondary-700: var(--bluui-color-secondary-text);
183
+ --blu-color-secondary-800: var(--bluui-color-secondary-text);
184
+ --bluui-success-soft: var(--bluui-color-success-soft);
185
+ --bluui-success-text: var(--bluui-color-success-text);
186
+ --bluui-success-border: var(--bluui-color-success-border);
187
+ --bluui-success: var(--bluui-color-success-solid);
188
+ --blu-color-success-50: var(--bluui-color-success-soft);
189
+ --blu-color-success-100: var(--bluui-color-success-border);
190
+ --blu-color-success-600: var(--bluui-color-success-solid);
191
+ --blu-color-success-700: var(--bluui-color-success-text);
192
+ --blu-color-success-800: var(--bluui-color-success-text);
193
+ --bluui-processing-soft: var(--bluui-color-processing-soft);
194
+ --bluui-processing-text: var(--bluui-color-processing-text);
195
+ --bluui-processing-border: var(--bluui-color-processing-border);
196
+ --bluui-processing: var(--bluui-color-processing-solid);
197
+ --blu-color-processing-50: var(--bluui-color-processing-soft);
198
+ --blu-color-processing-100: var(--bluui-color-processing-border);
199
+ --blu-color-processing-600: var(--bluui-color-processing-solid);
200
+ --blu-color-processing-700: var(--bluui-color-processing-text);
201
+ --blu-color-processing-800: var(--bluui-color-processing-text);
202
+ --bluui-warning-soft: var(--bluui-color-warning-soft);
203
+ --bluui-warning-text: var(--bluui-color-warning-text);
204
+ --bluui-warning-border: var(--bluui-color-warning-border);
205
+ --bluui-warning: var(--bluui-color-warning-solid);
206
+ --blu-color-warning-50: var(--bluui-color-warning-soft);
207
+ --blu-color-warning-100: var(--bluui-color-warning-border);
208
+ --blu-color-warning-600: var(--bluui-color-warning-solid);
209
+ --blu-color-warning-700: var(--bluui-color-warning-text);
210
+ --blu-color-warning-800: var(--bluui-color-warning-text);
211
+ --bluui-error-soft: var(--bluui-color-error-soft);
212
+ --bluui-error-text: var(--bluui-color-error-text);
213
+ --bluui-error-border: var(--bluui-color-error-border);
214
+ --bluui-error: var(--bluui-color-error-solid);
215
+ --blu-color-error-50: var(--bluui-color-error-soft);
216
+ --blu-color-error-100: var(--bluui-color-error-border);
217
+ --blu-color-error-600: var(--bluui-color-error-solid);
218
+ --blu-color-error-700: var(--bluui-color-error-text);
219
+ --blu-color-error-800: var(--bluui-color-error-text);
220
+ --bluui-danger-soft: var(--bluui-color-danger-soft);
221
+ --bluui-danger-text: var(--bluui-color-danger-text);
222
+ --bluui-danger-border: var(--bluui-color-danger-border);
223
+ --bluui-danger: var(--bluui-color-danger-solid);
224
+ --blu-color-danger-50: var(--bluui-color-danger-soft);
225
+ --blu-color-danger-100: var(--bluui-color-danger-border);
226
+ --blu-color-danger-600: var(--bluui-color-danger-solid);
227
+ --blu-color-danger-700: var(--bluui-color-danger-text);
228
+ --blu-color-danger-800: var(--bluui-color-danger-text);
229
+ --bluui-magenta-soft: var(--bluui-color-magenta-soft);
230
+ --bluui-magenta-text: var(--bluui-color-magenta-text);
231
+ --bluui-magenta-border: var(--bluui-color-magenta-border);
232
+ --bluui-magenta: var(--bluui-color-magenta-solid);
233
+ --blu-color-magenta-50: var(--bluui-color-magenta-soft);
234
+ --blu-color-magenta-100: var(--bluui-color-magenta-border);
235
+ --blu-color-magenta-600: var(--bluui-color-magenta-solid);
236
+ --blu-color-magenta-700: var(--bluui-color-magenta-text);
237
+ --blu-color-magenta-800: var(--bluui-color-magenta-text);
238
+ --bluui-red-soft: var(--bluui-color-red-soft);
239
+ --bluui-red-text: var(--bluui-color-red-text);
240
+ --bluui-red-border: var(--bluui-color-red-border);
241
+ --bluui-red: var(--bluui-color-red-solid);
242
+ --blu-color-red-50: var(--bluui-color-red-soft);
243
+ --blu-color-red-100: var(--bluui-color-red-border);
244
+ --blu-color-red-600: var(--bluui-color-red-solid);
245
+ --blu-color-red-700: var(--bluui-color-red-text);
246
+ --blu-color-red-800: var(--bluui-color-red-text);
247
+ --bluui-volcano-soft: var(--bluui-color-volcano-soft);
248
+ --bluui-volcano-text: var(--bluui-color-volcano-text);
249
+ --bluui-volcano-border: var(--bluui-color-volcano-border);
250
+ --bluui-volcano: var(--bluui-color-volcano-solid);
251
+ --blu-color-volcano-50: var(--bluui-color-volcano-soft);
252
+ --blu-color-volcano-100: var(--bluui-color-volcano-border);
253
+ --blu-color-volcano-600: var(--bluui-color-volcano-solid);
254
+ --blu-color-volcano-700: var(--bluui-color-volcano-text);
255
+ --blu-color-volcano-800: var(--bluui-color-volcano-text);
256
+ --bluui-orange-soft: var(--bluui-color-orange-soft);
257
+ --bluui-orange-text: var(--bluui-color-orange-text);
258
+ --bluui-orange-border: var(--bluui-color-orange-border);
259
+ --bluui-orange: var(--bluui-color-orange-solid);
260
+ --blu-color-orange-50: var(--bluui-color-orange-soft);
261
+ --blu-color-orange-100: var(--bluui-color-orange-border);
262
+ --blu-color-orange-600: var(--bluui-color-orange-solid);
263
+ --blu-color-orange-700: var(--bluui-color-orange-text);
264
+ --blu-color-orange-800: var(--bluui-color-orange-text);
265
+ --bluui-gold-soft: var(--bluui-color-gold-soft);
266
+ --bluui-gold-text: var(--bluui-color-gold-text);
267
+ --bluui-gold-border: var(--bluui-color-gold-border);
268
+ --bluui-gold: var(--bluui-color-gold-solid);
269
+ --blu-color-gold-50: var(--bluui-color-gold-soft);
270
+ --blu-color-gold-100: var(--bluui-color-gold-border);
271
+ --blu-color-gold-600: var(--bluui-color-gold-solid);
272
+ --blu-color-gold-700: var(--bluui-color-gold-text);
273
+ --blu-color-gold-800: var(--bluui-color-gold-text);
274
+ --bluui-lime-soft: var(--bluui-color-lime-soft);
275
+ --bluui-lime-text: var(--bluui-color-lime-text);
276
+ --bluui-lime-border: var(--bluui-color-lime-border);
277
+ --bluui-lime: var(--bluui-color-lime-solid);
278
+ --blu-color-lime-50: var(--bluui-color-lime-soft);
279
+ --blu-color-lime-100: var(--bluui-color-lime-border);
280
+ --blu-color-lime-600: var(--bluui-color-lime-solid);
281
+ --blu-color-lime-700: var(--bluui-color-lime-text);
282
+ --blu-color-lime-800: var(--bluui-color-lime-text);
283
+ --bluui-green-soft: var(--bluui-color-green-soft);
284
+ --bluui-green-text: var(--bluui-color-green-text);
285
+ --bluui-green-border: var(--bluui-color-green-border);
286
+ --bluui-green: var(--bluui-color-green-solid);
287
+ --blu-color-green-50: var(--bluui-color-green-soft);
288
+ --blu-color-green-100: var(--bluui-color-green-border);
289
+ --blu-color-green-600: var(--bluui-color-green-solid);
290
+ --blu-color-green-700: var(--bluui-color-green-text);
291
+ --blu-color-green-800: var(--bluui-color-green-text);
292
+ --bluui-cyan-soft: var(--bluui-color-cyan-soft);
293
+ --bluui-cyan-text: var(--bluui-color-cyan-text);
294
+ --bluui-cyan-border: var(--bluui-color-cyan-border);
295
+ --bluui-cyan: var(--bluui-color-cyan-solid);
296
+ --blu-color-cyan-50: var(--bluui-color-cyan-soft);
297
+ --blu-color-cyan-100: var(--bluui-color-cyan-border);
298
+ --blu-color-cyan-600: var(--bluui-color-cyan-solid);
299
+ --blu-color-cyan-700: var(--bluui-color-cyan-text);
300
+ --blu-color-cyan-800: var(--bluui-color-cyan-text);
301
+ --bluui-blue-soft: var(--bluui-color-blue-soft);
302
+ --bluui-blue-text: var(--bluui-color-blue-text);
303
+ --bluui-blue-border: var(--bluui-color-blue-border);
304
+ --bluui-blue: var(--bluui-color-blue-solid);
305
+ --blu-color-blue-50: var(--bluui-color-blue-soft);
306
+ --blu-color-blue-100: var(--bluui-color-blue-border);
307
+ --blu-color-blue-600: var(--bluui-color-blue-solid);
308
+ --blu-color-blue-700: var(--bluui-color-blue-text);
309
+ --blu-color-blue-800: var(--bluui-color-blue-text);
310
+ --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
311
+ --bluui-geekblue-text: var(--bluui-color-geekblue-text);
312
+ --bluui-geekblue-border: var(--bluui-color-geekblue-border);
313
+ --bluui-geekblue: var(--bluui-color-geekblue-solid);
314
+ --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
315
+ --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
316
+ --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
317
+ --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
318
+ --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
319
+ --bluui-purple-soft: var(--bluui-color-purple-soft);
320
+ --bluui-purple-text: var(--bluui-color-purple-text);
321
+ --bluui-purple-border: var(--bluui-color-purple-border);
322
+ --bluui-purple: var(--bluui-color-purple-solid);
323
+ --blu-color-purple-50: var(--bluui-color-purple-soft);
324
+ --blu-color-purple-100: var(--bluui-color-purple-border);
325
+ --blu-color-purple-600: var(--bluui-color-purple-solid);
326
+ --blu-color-purple-700: var(--bluui-color-purple-text);
327
+ --blu-color-purple-800: var(--bluui-color-purple-text);
328
+ --bluui-primary-light: var(--bluui-primary-soft);
329
+ --bluui-info-soft: var(--bluui-processing-soft);
330
+ --bluui-info-text: var(--bluui-processing-text);
331
+ --bluui-info-border: var(--bluui-processing-border);
332
+ --bluui-font: var(--blu-font-family);
333
+ --blu-background: var(--bluui-background);
334
+ --blu-surface: var(--bluui-surface);
335
+ --blu-text: var(--bluui-text);
336
+ --blu-text-secondary: var(--bluui-text-muted);
337
+ --blu-border: var(--bluui-border);
338
+ --blu-border-strong: var(--bluui-border-strong);
339
+ --blu-focus-ring: var(--bluui-focus-shadow);
340
+ --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
341
+ --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
342
+ --blu-shadow-md: var(--bluui-menu-shadow);
343
+ --color-background-body: var(--bluui-background);
344
+ --color-background-main: var(--bluui-surface);
345
+ --color-primary: var(--bluui-primary);
346
+ --color-primary-hover: var(--bluui-primary-hover);
347
+ --color-focus-outer: var(--bluui-primary);
348
+ --color-neutral-0: var(--bluui-surface);
349
+ --color-neutral-1: var(--bluui-surface-muted);
350
+ --color-neutral-2: var(--bluui-hover);
351
+ --color-neutral-3: var(--bluui-border);
352
+ --color-neutral-4: var(--bluui-control-border);
353
+ --color-neutral-5: var(--bluui-text-subtle);
354
+ --color-neutral-6: var(--bluui-text-muted);
355
+ --color-neutral-7: var(--bluui-text-muted);
356
+ --color-neutral-8: var(--bluui-text);
357
+ --color-neutral-9: var(--bluui-text);
358
+ --color-neutral-10: var(--bluui-text);
359
+ --blu-color-gray-50: var(--bluui-surface);
360
+ --blu-color-gray-100: var(--bluui-surface-muted);
361
+ --blu-color-gray-200: var(--bluui-border);
362
+ --blu-color-gray-300: var(--bluui-control-border);
363
+ --blu-color-gray-400: var(--bluui-text-subtle);
364
+ --blu-color-gray-500: var(--bluui-text-muted);
365
+ --blu-color-gray-600: var(--bluui-text-muted);
366
+ --blu-color-gray-700: var(--bluui-text);
367
+ --blu-color-gray-800: var(--bluui-text);
368
+ --blu-color-gray-900: var(--bluui-text);
369
+ }
370
+
371
+ /* Explicit mode overrides also support scoped preview containers. */
372
+ [data-bluui-theme="light"] {
373
+ color-scheme: light;
374
+ --bluui-background: #f5f7fb;
375
+ --bluui-surface: #ffffff;
376
+ --bluui-surface-muted: #f7f8fb;
377
+ --bluui-surface-raised: #ffffff;
378
+ --bluui-text: #182230;
379
+ --bluui-text-muted: #5c6b80;
380
+ --bluui-text-subtle: #626f82;
381
+ --bluui-border: #e2e8f0;
382
+ --bluui-border-strong: #b8c4d4;
383
+ --bluui-control-border: #7b8799;
384
+ --bluui-row-border: #edf0f5;
385
+ --bluui-hover: #f0f2f7;
386
+ --bluui-selected: #e9e6ff;
387
+ --bluui-changed: #f5f3ff;
388
+ --bluui-skeleton-base: #e2e8f0;
389
+ --bluui-skeleton-shine: rgb(255 255 255 / 65%);
390
+ --bluui-scrim: rgb(15 23 42 / 45%);
391
+ --bluui-shadow-color: rgb(15 23 42 / 12%);
392
+ --bluui-primary-hover: #4338ca;
393
+ --bluui-primary-active: #3730a3;
394
+ --bluui-on-primary: #ffffff;
395
+ --bluui-primary: #4f46e5;
396
+ --bluui-focus-shadow: 0 0 0 3px rgb(79 70 229 / 22%);
397
+ --bluui-menu-shadow: 0 10px 30px rgb(15 23 42 / 16%);
398
+ --bluui-color-default-soft: #f5f5f5;
399
+ --bluui-color-default-text: #1d1d1d;
400
+ --bluui-color-default-border: #d9d9d9;
401
+ --bluui-color-default-solid: #000000;
402
+ --bluui-color-default-contrast: #ffffff;
403
+ --bluui-color-primary-soft: #eef2ff;
404
+ --bluui-color-primary-text: #4338ca;
405
+ --bluui-color-primary-border: #c7d2fe;
406
+ --bluui-color-primary-solid: #4f46e5;
407
+ --bluui-color-primary-contrast: #ffffff;
408
+ --bluui-color-secondary-soft: #e2e8f0;
409
+ --bluui-color-secondary-text: #334155;
410
+ --bluui-color-secondary-border: #cbd5e1;
411
+ --bluui-color-secondary-solid: #475569;
412
+ --bluui-color-secondary-contrast: #ffffff;
413
+ --bluui-color-success-soft: #f6ffed;
414
+ --bluui-color-success-text: #2d6c0e;
415
+ --bluui-color-success-border: #b7eb8f;
416
+ --bluui-color-success-solid: #52c41a;
417
+ --bluui-color-success-contrast: #000000;
418
+ --bluui-color-processing-soft: #e6f4ff;
419
+ --bluui-color-processing-text: #1054b5;
420
+ --bluui-color-processing-border: #91caff;
421
+ --bluui-color-processing-solid: #2681ff;
422
+ --bluui-color-processing-contrast: #000000;
423
+ --bluui-color-warning-soft: #fffbe6;
424
+ --bluui-color-warning-text: #7d560a;
425
+ --bluui-color-warning-border: #ffe58f;
426
+ --bluui-color-warning-solid: #faad14;
427
+ --bluui-color-warning-contrast: #000000;
428
+ --bluui-color-error-soft: #fff2f0;
429
+ --bluui-color-error-text: #a33133;
430
+ --bluui-color-error-border: #ffccc7;
431
+ --bluui-color-error-solid: #ff4d4f;
432
+ --bluui-color-error-contrast: #000000;
433
+ --bluui-color-danger-soft: #fff2f0;
434
+ --bluui-color-danger-text: #a33133;
435
+ --bluui-color-danger-border: #ffccc7;
436
+ --bluui-color-danger-solid: #ff4d4f;
437
+ --bluui-color-danger-contrast: #000000;
438
+ --bluui-color-magenta-soft: #fff0f6;
439
+ --bluui-color-magenta-text: #a9196d;
440
+ --bluui-color-magenta-border: #ffadd2;
441
+ --bluui-color-magenta-solid: #ed409e;
442
+ --bluui-color-magenta-contrast: #000000;
443
+ --bluui-color-red-soft: #fff1f0;
444
+ --bluui-color-red-text: #b4111e;
445
+ --bluui-color-red-border: #ffa39e;
446
+ --bluui-color-red-solid: #e4202a;
447
+ --bluui-color-red-contrast: #ffffff;
448
+ --bluui-color-volcano-soft: #fff2e8;
449
+ --bluui-color-volcano-text: #aa2d0a;
450
+ --bluui-color-volcano-border: #ffbb96;
451
+ --bluui-color-volcano-solid: #fa541c;
452
+ --bluui-color-volcano-contrast: #000000;
453
+ --bluui-color-orange-soft: #fff7e6;
454
+ --bluui-color-orange-text: #904905;
455
+ --bluui-color-orange-border: #ffd591;
456
+ --bluui-color-orange-solid: #fa8c16;
457
+ --bluui-color-orange-contrast: #000000;
458
+ --bluui-color-gold-soft: #fffbe6;
459
+ --bluui-color-gold-text: #835404;
460
+ --bluui-color-gold-border: #ffe58f;
461
+ --bluui-color-gold-solid: #faad14;
462
+ --bluui-color-gold-contrast: #000000;
463
+ --bluui-color-lime-soft: #fcffe6;
464
+ --bluui-color-lime-text: #486803;
465
+ --bluui-color-lime-border: #eaff8f;
466
+ --bluui-color-lime-solid: #a0d911;
467
+ --bluui-color-lime-contrast: #000000;
468
+ --bluui-color-green-soft: #f6ffed;
469
+ --bluui-color-green-text: #276d09;
470
+ --bluui-color-green-border: #b7eb8f;
471
+ --bluui-color-green-solid: #52c41a;
472
+ --bluui-color-green-contrast: #000000;
473
+ --bluui-color-cyan-soft: #e6fffb;
474
+ --bluui-color-cyan-text: #06686c;
475
+ --bluui-color-cyan-border: #87e8de;
476
+ --bluui-color-cyan-solid: #13c2c2;
477
+ --bluui-color-cyan-contrast: #000000;
478
+ --bluui-color-blue-soft: #e6f4ff;
479
+ --bluui-color-blue-text: #0851c8;
480
+ --bluui-color-blue-border: #91caff;
481
+ --bluui-color-blue-solid: #2681ff;
482
+ --bluui-color-blue-contrast: #000000;
483
+ --bluui-color-geekblue-soft: #f0f5ff;
484
+ --bluui-color-geekblue-text: #1d39c4;
485
+ --bluui-color-geekblue-border: #adc6ff;
486
+ --bluui-color-geekblue-solid: #2f54eb;
487
+ --bluui-color-geekblue-contrast: #ffffff;
488
+ --bluui-color-purple-soft: #f9f0ff;
489
+ --bluui-color-purple-text: #531dab;
490
+ --bluui-color-purple-border: #d3adf7;
491
+ --bluui-color-purple-solid: #722ed1;
492
+ --bluui-color-purple-contrast: #ffffff;
493
+ --bluui-default-soft: var(--bluui-color-default-soft);
494
+ --bluui-default-text: var(--bluui-color-default-text);
495
+ --bluui-default-border: var(--bluui-color-default-border);
496
+ --bluui-default: var(--bluui-color-default-solid);
497
+ --blu-color-default-50: var(--bluui-color-default-soft);
498
+ --blu-color-default-100: var(--bluui-color-default-border);
499
+ --blu-color-default-600: var(--bluui-color-default-solid);
500
+ --blu-color-default-700: var(--bluui-color-default-text);
501
+ --blu-color-default-800: var(--bluui-color-default-text);
502
+ --bluui-primary-soft: var(--bluui-color-primary-soft);
503
+ --bluui-primary-text: var(--bluui-color-primary-text);
504
+ --bluui-primary-border: var(--bluui-color-primary-border);
505
+ --blu-color-primary-50: var(--bluui-color-primary-soft);
506
+ --blu-color-primary-100: var(--bluui-color-primary-border);
507
+ --blu-color-primary-600: var(--bluui-color-primary-solid);
508
+ --blu-color-primary-700: var(--bluui-color-primary-text);
509
+ --blu-color-primary-800: var(--bluui-color-primary-text);
510
+ --bluui-secondary-soft: var(--bluui-color-secondary-soft);
511
+ --bluui-secondary-text: var(--bluui-color-secondary-text);
512
+ --bluui-secondary-border: var(--bluui-color-secondary-border);
513
+ --bluui-secondary: var(--bluui-color-secondary-solid);
514
+ --blu-color-secondary-50: var(--bluui-color-secondary-soft);
515
+ --blu-color-secondary-100: var(--bluui-color-secondary-border);
516
+ --blu-color-secondary-600: var(--bluui-color-secondary-solid);
517
+ --blu-color-secondary-700: var(--bluui-color-secondary-text);
518
+ --blu-color-secondary-800: var(--bluui-color-secondary-text);
519
+ --bluui-success-soft: var(--bluui-color-success-soft);
520
+ --bluui-success-text: var(--bluui-color-success-text);
521
+ --bluui-success-border: var(--bluui-color-success-border);
522
+ --bluui-success: var(--bluui-color-success-solid);
523
+ --blu-color-success-50: var(--bluui-color-success-soft);
524
+ --blu-color-success-100: var(--bluui-color-success-border);
525
+ --blu-color-success-600: var(--bluui-color-success-solid);
526
+ --blu-color-success-700: var(--bluui-color-success-text);
527
+ --blu-color-success-800: var(--bluui-color-success-text);
528
+ --bluui-processing-soft: var(--bluui-color-processing-soft);
529
+ --bluui-processing-text: var(--bluui-color-processing-text);
530
+ --bluui-processing-border: var(--bluui-color-processing-border);
531
+ --bluui-processing: var(--bluui-color-processing-solid);
532
+ --blu-color-processing-50: var(--bluui-color-processing-soft);
533
+ --blu-color-processing-100: var(--bluui-color-processing-border);
534
+ --blu-color-processing-600: var(--bluui-color-processing-solid);
535
+ --blu-color-processing-700: var(--bluui-color-processing-text);
536
+ --blu-color-processing-800: var(--bluui-color-processing-text);
537
+ --bluui-warning-soft: var(--bluui-color-warning-soft);
538
+ --bluui-warning-text: var(--bluui-color-warning-text);
539
+ --bluui-warning-border: var(--bluui-color-warning-border);
540
+ --bluui-warning: var(--bluui-color-warning-solid);
541
+ --blu-color-warning-50: var(--bluui-color-warning-soft);
542
+ --blu-color-warning-100: var(--bluui-color-warning-border);
543
+ --blu-color-warning-600: var(--bluui-color-warning-solid);
544
+ --blu-color-warning-700: var(--bluui-color-warning-text);
545
+ --blu-color-warning-800: var(--bluui-color-warning-text);
546
+ --bluui-error-soft: var(--bluui-color-error-soft);
547
+ --bluui-error-text: var(--bluui-color-error-text);
548
+ --bluui-error-border: var(--bluui-color-error-border);
549
+ --bluui-error: var(--bluui-color-error-solid);
550
+ --blu-color-error-50: var(--bluui-color-error-soft);
551
+ --blu-color-error-100: var(--bluui-color-error-border);
552
+ --blu-color-error-600: var(--bluui-color-error-solid);
553
+ --blu-color-error-700: var(--bluui-color-error-text);
554
+ --blu-color-error-800: var(--bluui-color-error-text);
555
+ --bluui-danger-soft: var(--bluui-color-danger-soft);
556
+ --bluui-danger-text: var(--bluui-color-danger-text);
557
+ --bluui-danger-border: var(--bluui-color-danger-border);
558
+ --bluui-danger: var(--bluui-color-danger-solid);
559
+ --blu-color-danger-50: var(--bluui-color-danger-soft);
560
+ --blu-color-danger-100: var(--bluui-color-danger-border);
561
+ --blu-color-danger-600: var(--bluui-color-danger-solid);
562
+ --blu-color-danger-700: var(--bluui-color-danger-text);
563
+ --blu-color-danger-800: var(--bluui-color-danger-text);
564
+ --bluui-magenta-soft: var(--bluui-color-magenta-soft);
565
+ --bluui-magenta-text: var(--bluui-color-magenta-text);
566
+ --bluui-magenta-border: var(--bluui-color-magenta-border);
567
+ --bluui-magenta: var(--bluui-color-magenta-solid);
568
+ --blu-color-magenta-50: var(--bluui-color-magenta-soft);
569
+ --blu-color-magenta-100: var(--bluui-color-magenta-border);
570
+ --blu-color-magenta-600: var(--bluui-color-magenta-solid);
571
+ --blu-color-magenta-700: var(--bluui-color-magenta-text);
572
+ --blu-color-magenta-800: var(--bluui-color-magenta-text);
573
+ --bluui-red-soft: var(--bluui-color-red-soft);
574
+ --bluui-red-text: var(--bluui-color-red-text);
575
+ --bluui-red-border: var(--bluui-color-red-border);
576
+ --bluui-red: var(--bluui-color-red-solid);
577
+ --blu-color-red-50: var(--bluui-color-red-soft);
578
+ --blu-color-red-100: var(--bluui-color-red-border);
579
+ --blu-color-red-600: var(--bluui-color-red-solid);
580
+ --blu-color-red-700: var(--bluui-color-red-text);
581
+ --blu-color-red-800: var(--bluui-color-red-text);
582
+ --bluui-volcano-soft: var(--bluui-color-volcano-soft);
583
+ --bluui-volcano-text: var(--bluui-color-volcano-text);
584
+ --bluui-volcano-border: var(--bluui-color-volcano-border);
585
+ --bluui-volcano: var(--bluui-color-volcano-solid);
586
+ --blu-color-volcano-50: var(--bluui-color-volcano-soft);
587
+ --blu-color-volcano-100: var(--bluui-color-volcano-border);
588
+ --blu-color-volcano-600: var(--bluui-color-volcano-solid);
589
+ --blu-color-volcano-700: var(--bluui-color-volcano-text);
590
+ --blu-color-volcano-800: var(--bluui-color-volcano-text);
591
+ --bluui-orange-soft: var(--bluui-color-orange-soft);
592
+ --bluui-orange-text: var(--bluui-color-orange-text);
593
+ --bluui-orange-border: var(--bluui-color-orange-border);
594
+ --bluui-orange: var(--bluui-color-orange-solid);
595
+ --blu-color-orange-50: var(--bluui-color-orange-soft);
596
+ --blu-color-orange-100: var(--bluui-color-orange-border);
597
+ --blu-color-orange-600: var(--bluui-color-orange-solid);
598
+ --blu-color-orange-700: var(--bluui-color-orange-text);
599
+ --blu-color-orange-800: var(--bluui-color-orange-text);
600
+ --bluui-gold-soft: var(--bluui-color-gold-soft);
601
+ --bluui-gold-text: var(--bluui-color-gold-text);
602
+ --bluui-gold-border: var(--bluui-color-gold-border);
603
+ --bluui-gold: var(--bluui-color-gold-solid);
604
+ --blu-color-gold-50: var(--bluui-color-gold-soft);
605
+ --blu-color-gold-100: var(--bluui-color-gold-border);
606
+ --blu-color-gold-600: var(--bluui-color-gold-solid);
607
+ --blu-color-gold-700: var(--bluui-color-gold-text);
608
+ --blu-color-gold-800: var(--bluui-color-gold-text);
609
+ --bluui-lime-soft: var(--bluui-color-lime-soft);
610
+ --bluui-lime-text: var(--bluui-color-lime-text);
611
+ --bluui-lime-border: var(--bluui-color-lime-border);
612
+ --bluui-lime: var(--bluui-color-lime-solid);
613
+ --blu-color-lime-50: var(--bluui-color-lime-soft);
614
+ --blu-color-lime-100: var(--bluui-color-lime-border);
615
+ --blu-color-lime-600: var(--bluui-color-lime-solid);
616
+ --blu-color-lime-700: var(--bluui-color-lime-text);
617
+ --blu-color-lime-800: var(--bluui-color-lime-text);
618
+ --bluui-green-soft: var(--bluui-color-green-soft);
619
+ --bluui-green-text: var(--bluui-color-green-text);
620
+ --bluui-green-border: var(--bluui-color-green-border);
621
+ --bluui-green: var(--bluui-color-green-solid);
622
+ --blu-color-green-50: var(--bluui-color-green-soft);
623
+ --blu-color-green-100: var(--bluui-color-green-border);
624
+ --blu-color-green-600: var(--bluui-color-green-solid);
625
+ --blu-color-green-700: var(--bluui-color-green-text);
626
+ --blu-color-green-800: var(--bluui-color-green-text);
627
+ --bluui-cyan-soft: var(--bluui-color-cyan-soft);
628
+ --bluui-cyan-text: var(--bluui-color-cyan-text);
629
+ --bluui-cyan-border: var(--bluui-color-cyan-border);
630
+ --bluui-cyan: var(--bluui-color-cyan-solid);
631
+ --blu-color-cyan-50: var(--bluui-color-cyan-soft);
632
+ --blu-color-cyan-100: var(--bluui-color-cyan-border);
633
+ --blu-color-cyan-600: var(--bluui-color-cyan-solid);
634
+ --blu-color-cyan-700: var(--bluui-color-cyan-text);
635
+ --blu-color-cyan-800: var(--bluui-color-cyan-text);
636
+ --bluui-blue-soft: var(--bluui-color-blue-soft);
637
+ --bluui-blue-text: var(--bluui-color-blue-text);
638
+ --bluui-blue-border: var(--bluui-color-blue-border);
639
+ --bluui-blue: var(--bluui-color-blue-solid);
640
+ --blu-color-blue-50: var(--bluui-color-blue-soft);
641
+ --blu-color-blue-100: var(--bluui-color-blue-border);
642
+ --blu-color-blue-600: var(--bluui-color-blue-solid);
643
+ --blu-color-blue-700: var(--bluui-color-blue-text);
644
+ --blu-color-blue-800: var(--bluui-color-blue-text);
645
+ --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
646
+ --bluui-geekblue-text: var(--bluui-color-geekblue-text);
647
+ --bluui-geekblue-border: var(--bluui-color-geekblue-border);
648
+ --bluui-geekblue: var(--bluui-color-geekblue-solid);
649
+ --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
650
+ --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
651
+ --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
652
+ --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
653
+ --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
654
+ --bluui-purple-soft: var(--bluui-color-purple-soft);
655
+ --bluui-purple-text: var(--bluui-color-purple-text);
656
+ --bluui-purple-border: var(--bluui-color-purple-border);
657
+ --bluui-purple: var(--bluui-color-purple-solid);
658
+ --blu-color-purple-50: var(--bluui-color-purple-soft);
659
+ --blu-color-purple-100: var(--bluui-color-purple-border);
660
+ --blu-color-purple-600: var(--bluui-color-purple-solid);
661
+ --blu-color-purple-700: var(--bluui-color-purple-text);
662
+ --blu-color-purple-800: var(--bluui-color-purple-text);
663
+ --bluui-primary-light: var(--bluui-primary-soft);
664
+ --bluui-info-soft: var(--bluui-processing-soft);
665
+ --bluui-info-text: var(--bluui-processing-text);
666
+ --bluui-info-border: var(--bluui-processing-border);
667
+ --bluui-font: var(--blu-font-family);
668
+ --blu-background: var(--bluui-background);
669
+ --blu-surface: var(--bluui-surface);
670
+ --blu-text: var(--bluui-text);
671
+ --blu-text-secondary: var(--bluui-text-muted);
672
+ --blu-border: var(--bluui-border);
673
+ --blu-border-strong: var(--bluui-border-strong);
674
+ --blu-focus-ring: var(--bluui-focus-shadow);
675
+ --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
676
+ --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
677
+ --blu-shadow-md: var(--bluui-menu-shadow);
678
+ --color-background-body: var(--bluui-background);
679
+ --color-background-main: var(--bluui-surface);
680
+ --color-primary: var(--bluui-primary);
681
+ --color-primary-hover: var(--bluui-primary-hover);
682
+ --color-focus-outer: var(--bluui-primary);
683
+ --color-neutral-0: var(--bluui-surface);
684
+ --color-neutral-1: var(--bluui-surface-muted);
685
+ --color-neutral-2: var(--bluui-hover);
686
+ --color-neutral-3: var(--bluui-border);
687
+ --color-neutral-4: var(--bluui-control-border);
688
+ --color-neutral-5: var(--bluui-text-subtle);
689
+ --color-neutral-6: var(--bluui-text-muted);
690
+ --color-neutral-7: var(--bluui-text-muted);
691
+ --color-neutral-8: var(--bluui-text);
692
+ --color-neutral-9: var(--bluui-text);
693
+ --color-neutral-10: var(--bluui-text);
694
+ --blu-color-gray-50: var(--bluui-surface);
695
+ --blu-color-gray-100: var(--bluui-surface-muted);
696
+ --blu-color-gray-200: var(--bluui-border);
697
+ --blu-color-gray-300: var(--bluui-control-border);
698
+ --blu-color-gray-400: var(--bluui-text-subtle);
699
+ --blu-color-gray-500: var(--bluui-text-muted);
700
+ --blu-color-gray-600: var(--bluui-text-muted);
701
+ --blu-color-gray-700: var(--bluui-text);
702
+ --blu-color-gray-800: var(--bluui-text);
703
+ --blu-color-gray-900: var(--bluui-text);
704
+ }
705
+ [data-bluui-theme="dark"] {
706
+ color-scheme: dark;
707
+ --bluui-background: #101319;
708
+ --bluui-surface: #191e27;
709
+ --bluui-surface-muted: #202733;
710
+ --bluui-surface-raised: #252d3a;
711
+ --bluui-text: #edf1f7;
712
+ --bluui-text-muted: #adb8c9;
713
+ --bluui-text-subtle: #919fb3;
714
+ --bluui-border: #343e4f;
715
+ --bluui-border-strong: #59687f;
716
+ --bluui-control-border: #74849b;
717
+ --bluui-row-border: #303a49;
718
+ --bluui-hover: #293342;
719
+ --bluui-selected: #39315c;
720
+ --bluui-changed: #2c2841;
721
+ --bluui-skeleton-base: #303b4c;
722
+ --bluui-skeleton-shine: rgb(255 255 255 / 9%);
723
+ --bluui-scrim: rgb(0 0 0 / 65%);
724
+ --bluui-shadow-color: rgb(0 0 0 / 35%);
725
+ --bluui-primary-hover: #b1a7ff;
726
+ --bluui-primary-active: #c3baff;
727
+ --bluui-on-primary: #101319;
728
+ --bluui-primary: #a89aff;
729
+ --bluui-focus-shadow: 0 0 0 3px rgb(168 154 255 / 28%);
730
+ --bluui-menu-shadow: 0 12px 36px rgb(0 0 0 / 45%);
731
+ --bluui-color-default-soft: #272727;
732
+ --bluui-color-default-text: #dfdfdf;
733
+ --bluui-color-default-border: #424242;
734
+ --bluui-color-default-solid: rgba(255, 255, 255, 0.95);
735
+ --bluui-color-default-contrast: #000000;
736
+ --bluui-color-primary-soft: #282445;
737
+ --bluui-color-primary-text: #b6acff;
738
+ --bluui-color-primary-border: #51477d;
739
+ --bluui-color-primary-solid: #8070ed;
740
+ --bluui-color-primary-contrast: #000000;
741
+ --bluui-color-secondary-soft: #2b3240;
742
+ --bluui-color-secondary-text: #d6dce5;
743
+ --bluui-color-secondary-border: #455064;
744
+ --bluui-color-secondary-solid: #526077;
745
+ --bluui-color-secondary-contrast: #ffffff;
746
+ --bluui-color-success-soft: #162312;
747
+ --bluui-color-success-text: #73be4e;
748
+ --bluui-color-success-border: #274916;
749
+ --bluui-color-success-solid: #49aa19;
750
+ --bluui-color-success-contrast: #000000;
751
+ --bluui-color-processing-soft: #111a2c;
752
+ --bluui-color-processing-text: #78a7eb;
753
+ --bluui-color-processing-border: #15325b;
754
+ --bluui-color-processing-solid: #145ec6;
755
+ --bluui-color-processing-contrast: #ffffff;
756
+ --bluui-color-warning-soft: #2b2111;
757
+ --bluui-color-warning-text: #dda535;
758
+ --bluui-color-warning-border: #594214;
759
+ --bluui-color-warning-solid: #d89614;
760
+ --bluui-color-warning-contrast: #000000;
761
+ --bluui-color-error-soft: #2c1618;
762
+ --bluui-color-error-text: #ea8d8e;
763
+ --bluui-color-error-border: #5b2526;
764
+ --bluui-color-error-solid: #dc4446;
765
+ --bluui-color-error-contrast: #000000;
766
+ --bluui-color-danger-soft: #2c1618;
767
+ --bluui-color-danger-text: #ea8d8e;
768
+ --bluui-color-danger-border: #5b2526;
769
+ --bluui-color-danger-solid: #dc4446;
770
+ --bluui-color-danger-contrast: #000000;
771
+ --bluui-color-magenta-soft: #291321;
772
+ --bluui-color-magenta-text: #e984b9;
773
+ --bluui-color-magenta-border: #551c3b;
774
+ --bluui-color-magenta-solid: #cf3a8c;
775
+ --bluui-color-magenta-contrast: #000000;
776
+ --bluui-color-red-soft: #2a1215;
777
+ --bluui-color-red-text: #f08485;
778
+ --bluui-color-red-border: #58181c;
779
+ --bluui-color-red-solid: #cd1f28;
780
+ --bluui-color-red-contrast: #ffffff;
781
+ --bluui-color-volcano-soft: #2b1611;
782
+ --bluui-color-volcano-text: #ed8e68;
783
+ --bluui-color-volcano-border: #592716;
784
+ --bluui-color-volcano-solid: #d84a1b;
785
+ --bluui-color-volcano-contrast: #000000;
786
+ --bluui-color-orange-soft: #2b1d11;
787
+ --bluui-color-orange-text: #e89b3e;
788
+ --bluui-color-orange-border: #593815;
789
+ --bluui-color-orange-solid: #d87a16;
790
+ --bluui-color-orange-contrast: #000000;
791
+ --bluui-color-gold-soft: #2b2111;
792
+ --bluui-color-gold-text: #e8b339;
793
+ --bluui-color-gold-border: #594214;
794
+ --bluui-color-gold-solid: #d89614;
795
+ --bluui-color-gold-contrast: #000000;
796
+ --bluui-color-lime-soft: #1f2611;
797
+ --bluui-color-lime-text: #a9d134;
798
+ --bluui-color-lime-border: #3e4f13;
799
+ --bluui-color-lime-solid: #8bbb11;
800
+ --bluui-color-lime-contrast: #000000;
801
+ --bluui-color-green-soft: #162312;
802
+ --bluui-color-green-text: #6bbf3b;
803
+ --bluui-color-green-border: #274916;
804
+ --bluui-color-green-solid: #49aa19;
805
+ --bluui-color-green-contrast: #000000;
806
+ --bluui-color-cyan-soft: #112123;
807
+ --bluui-color-cyan-text: #33bcb7;
808
+ --bluui-color-cyan-border: #144848;
809
+ --bluui-color-cyan-solid: #13a8a8;
810
+ --bluui-color-cyan-contrast: #000000;
811
+ --bluui-color-blue-soft: #111a2c;
812
+ --bluui-color-blue-text: #6fa8ee;
813
+ --bluui-color-blue-border: #15325b;
814
+ --bluui-color-blue-solid: #145ec6;
815
+ --bluui-color-blue-contrast: #ffffff;
816
+ --bluui-color-geekblue-soft: #131629;
817
+ --bluui-color-geekblue-text: #89a0ea;
818
+ --bluui-color-geekblue-border: #1c2755;
819
+ --bluui-color-geekblue-solid: #2b4acb;
820
+ --bluui-color-geekblue-contrast: #ffffff;
821
+ --bluui-color-purple-soft: #1a1325;
822
+ --bluui-color-purple-text: #b593df;
823
+ --bluui-color-purple-border: #301c4d;
824
+ --bluui-color-purple-solid: #642ab5;
825
+ --bluui-color-purple-contrast: #ffffff;
826
+ --bluui-default-soft: var(--bluui-color-default-soft);
827
+ --bluui-default-text: var(--bluui-color-default-text);
828
+ --bluui-default-border: var(--bluui-color-default-border);
829
+ --bluui-default: var(--bluui-color-default-solid);
830
+ --blu-color-default-50: var(--bluui-color-default-soft);
831
+ --blu-color-default-100: var(--bluui-color-default-border);
832
+ --blu-color-default-600: var(--bluui-color-default-solid);
833
+ --blu-color-default-700: var(--bluui-color-default-text);
834
+ --blu-color-default-800: var(--bluui-color-default-text);
835
+ --bluui-primary-soft: var(--bluui-color-primary-soft);
836
+ --bluui-primary-text: var(--bluui-color-primary-text);
837
+ --bluui-primary-border: var(--bluui-color-primary-border);
838
+ --blu-color-primary-50: var(--bluui-color-primary-soft);
839
+ --blu-color-primary-100: var(--bluui-color-primary-border);
840
+ --blu-color-primary-600: var(--bluui-color-primary-solid);
841
+ --blu-color-primary-700: var(--bluui-color-primary-text);
842
+ --blu-color-primary-800: var(--bluui-color-primary-text);
843
+ --bluui-secondary-soft: var(--bluui-color-secondary-soft);
844
+ --bluui-secondary-text: var(--bluui-color-secondary-text);
845
+ --bluui-secondary-border: var(--bluui-color-secondary-border);
846
+ --bluui-secondary: var(--bluui-color-secondary-solid);
847
+ --blu-color-secondary-50: var(--bluui-color-secondary-soft);
848
+ --blu-color-secondary-100: var(--bluui-color-secondary-border);
849
+ --blu-color-secondary-600: var(--bluui-color-secondary-solid);
850
+ --blu-color-secondary-700: var(--bluui-color-secondary-text);
851
+ --blu-color-secondary-800: var(--bluui-color-secondary-text);
852
+ --bluui-success-soft: var(--bluui-color-success-soft);
853
+ --bluui-success-text: var(--bluui-color-success-text);
854
+ --bluui-success-border: var(--bluui-color-success-border);
855
+ --bluui-success: var(--bluui-color-success-solid);
856
+ --blu-color-success-50: var(--bluui-color-success-soft);
857
+ --blu-color-success-100: var(--bluui-color-success-border);
858
+ --blu-color-success-600: var(--bluui-color-success-solid);
859
+ --blu-color-success-700: var(--bluui-color-success-text);
860
+ --blu-color-success-800: var(--bluui-color-success-text);
861
+ --bluui-processing-soft: var(--bluui-color-processing-soft);
862
+ --bluui-processing-text: var(--bluui-color-processing-text);
863
+ --bluui-processing-border: var(--bluui-color-processing-border);
864
+ --bluui-processing: var(--bluui-color-processing-solid);
865
+ --blu-color-processing-50: var(--bluui-color-processing-soft);
866
+ --blu-color-processing-100: var(--bluui-color-processing-border);
867
+ --blu-color-processing-600: var(--bluui-color-processing-solid);
868
+ --blu-color-processing-700: var(--bluui-color-processing-text);
869
+ --blu-color-processing-800: var(--bluui-color-processing-text);
870
+ --bluui-warning-soft: var(--bluui-color-warning-soft);
871
+ --bluui-warning-text: var(--bluui-color-warning-text);
872
+ --bluui-warning-border: var(--bluui-color-warning-border);
873
+ --bluui-warning: var(--bluui-color-warning-solid);
874
+ --blu-color-warning-50: var(--bluui-color-warning-soft);
875
+ --blu-color-warning-100: var(--bluui-color-warning-border);
876
+ --blu-color-warning-600: var(--bluui-color-warning-solid);
877
+ --blu-color-warning-700: var(--bluui-color-warning-text);
878
+ --blu-color-warning-800: var(--bluui-color-warning-text);
879
+ --bluui-error-soft: var(--bluui-color-error-soft);
880
+ --bluui-error-text: var(--bluui-color-error-text);
881
+ --bluui-error-border: var(--bluui-color-error-border);
882
+ --bluui-error: var(--bluui-color-error-solid);
883
+ --blu-color-error-50: var(--bluui-color-error-soft);
884
+ --blu-color-error-100: var(--bluui-color-error-border);
885
+ --blu-color-error-600: var(--bluui-color-error-solid);
886
+ --blu-color-error-700: var(--bluui-color-error-text);
887
+ --blu-color-error-800: var(--bluui-color-error-text);
888
+ --bluui-danger-soft: var(--bluui-color-danger-soft);
889
+ --bluui-danger-text: var(--bluui-color-danger-text);
890
+ --bluui-danger-border: var(--bluui-color-danger-border);
891
+ --bluui-danger: var(--bluui-color-danger-solid);
892
+ --blu-color-danger-50: var(--bluui-color-danger-soft);
893
+ --blu-color-danger-100: var(--bluui-color-danger-border);
894
+ --blu-color-danger-600: var(--bluui-color-danger-solid);
895
+ --blu-color-danger-700: var(--bluui-color-danger-text);
896
+ --blu-color-danger-800: var(--bluui-color-danger-text);
897
+ --bluui-magenta-soft: var(--bluui-color-magenta-soft);
898
+ --bluui-magenta-text: var(--bluui-color-magenta-text);
899
+ --bluui-magenta-border: var(--bluui-color-magenta-border);
900
+ --bluui-magenta: var(--bluui-color-magenta-solid);
901
+ --blu-color-magenta-50: var(--bluui-color-magenta-soft);
902
+ --blu-color-magenta-100: var(--bluui-color-magenta-border);
903
+ --blu-color-magenta-600: var(--bluui-color-magenta-solid);
904
+ --blu-color-magenta-700: var(--bluui-color-magenta-text);
905
+ --blu-color-magenta-800: var(--bluui-color-magenta-text);
906
+ --bluui-red-soft: var(--bluui-color-red-soft);
907
+ --bluui-red-text: var(--bluui-color-red-text);
908
+ --bluui-red-border: var(--bluui-color-red-border);
909
+ --bluui-red: var(--bluui-color-red-solid);
910
+ --blu-color-red-50: var(--bluui-color-red-soft);
911
+ --blu-color-red-100: var(--bluui-color-red-border);
912
+ --blu-color-red-600: var(--bluui-color-red-solid);
913
+ --blu-color-red-700: var(--bluui-color-red-text);
914
+ --blu-color-red-800: var(--bluui-color-red-text);
915
+ --bluui-volcano-soft: var(--bluui-color-volcano-soft);
916
+ --bluui-volcano-text: var(--bluui-color-volcano-text);
917
+ --bluui-volcano-border: var(--bluui-color-volcano-border);
918
+ --bluui-volcano: var(--bluui-color-volcano-solid);
919
+ --blu-color-volcano-50: var(--bluui-color-volcano-soft);
920
+ --blu-color-volcano-100: var(--bluui-color-volcano-border);
921
+ --blu-color-volcano-600: var(--bluui-color-volcano-solid);
922
+ --blu-color-volcano-700: var(--bluui-color-volcano-text);
923
+ --blu-color-volcano-800: var(--bluui-color-volcano-text);
924
+ --bluui-orange-soft: var(--bluui-color-orange-soft);
925
+ --bluui-orange-text: var(--bluui-color-orange-text);
926
+ --bluui-orange-border: var(--bluui-color-orange-border);
927
+ --bluui-orange: var(--bluui-color-orange-solid);
928
+ --blu-color-orange-50: var(--bluui-color-orange-soft);
929
+ --blu-color-orange-100: var(--bluui-color-orange-border);
930
+ --blu-color-orange-600: var(--bluui-color-orange-solid);
931
+ --blu-color-orange-700: var(--bluui-color-orange-text);
932
+ --blu-color-orange-800: var(--bluui-color-orange-text);
933
+ --bluui-gold-soft: var(--bluui-color-gold-soft);
934
+ --bluui-gold-text: var(--bluui-color-gold-text);
935
+ --bluui-gold-border: var(--bluui-color-gold-border);
936
+ --bluui-gold: var(--bluui-color-gold-solid);
937
+ --blu-color-gold-50: var(--bluui-color-gold-soft);
938
+ --blu-color-gold-100: var(--bluui-color-gold-border);
939
+ --blu-color-gold-600: var(--bluui-color-gold-solid);
940
+ --blu-color-gold-700: var(--bluui-color-gold-text);
941
+ --blu-color-gold-800: var(--bluui-color-gold-text);
942
+ --bluui-lime-soft: var(--bluui-color-lime-soft);
943
+ --bluui-lime-text: var(--bluui-color-lime-text);
944
+ --bluui-lime-border: var(--bluui-color-lime-border);
945
+ --bluui-lime: var(--bluui-color-lime-solid);
946
+ --blu-color-lime-50: var(--bluui-color-lime-soft);
947
+ --blu-color-lime-100: var(--bluui-color-lime-border);
948
+ --blu-color-lime-600: var(--bluui-color-lime-solid);
949
+ --blu-color-lime-700: var(--bluui-color-lime-text);
950
+ --blu-color-lime-800: var(--bluui-color-lime-text);
951
+ --bluui-green-soft: var(--bluui-color-green-soft);
952
+ --bluui-green-text: var(--bluui-color-green-text);
953
+ --bluui-green-border: var(--bluui-color-green-border);
954
+ --bluui-green: var(--bluui-color-green-solid);
955
+ --blu-color-green-50: var(--bluui-color-green-soft);
956
+ --blu-color-green-100: var(--bluui-color-green-border);
957
+ --blu-color-green-600: var(--bluui-color-green-solid);
958
+ --blu-color-green-700: var(--bluui-color-green-text);
959
+ --blu-color-green-800: var(--bluui-color-green-text);
960
+ --bluui-cyan-soft: var(--bluui-color-cyan-soft);
961
+ --bluui-cyan-text: var(--bluui-color-cyan-text);
962
+ --bluui-cyan-border: var(--bluui-color-cyan-border);
963
+ --bluui-cyan: var(--bluui-color-cyan-solid);
964
+ --blu-color-cyan-50: var(--bluui-color-cyan-soft);
965
+ --blu-color-cyan-100: var(--bluui-color-cyan-border);
966
+ --blu-color-cyan-600: var(--bluui-color-cyan-solid);
967
+ --blu-color-cyan-700: var(--bluui-color-cyan-text);
968
+ --blu-color-cyan-800: var(--bluui-color-cyan-text);
969
+ --bluui-blue-soft: var(--bluui-color-blue-soft);
970
+ --bluui-blue-text: var(--bluui-color-blue-text);
971
+ --bluui-blue-border: var(--bluui-color-blue-border);
972
+ --bluui-blue: var(--bluui-color-blue-solid);
973
+ --blu-color-blue-50: var(--bluui-color-blue-soft);
974
+ --blu-color-blue-100: var(--bluui-color-blue-border);
975
+ --blu-color-blue-600: var(--bluui-color-blue-solid);
976
+ --blu-color-blue-700: var(--bluui-color-blue-text);
977
+ --blu-color-blue-800: var(--bluui-color-blue-text);
978
+ --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
979
+ --bluui-geekblue-text: var(--bluui-color-geekblue-text);
980
+ --bluui-geekblue-border: var(--bluui-color-geekblue-border);
981
+ --bluui-geekblue: var(--bluui-color-geekblue-solid);
982
+ --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
983
+ --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
984
+ --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
985
+ --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
986
+ --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
987
+ --bluui-purple-soft: var(--bluui-color-purple-soft);
988
+ --bluui-purple-text: var(--bluui-color-purple-text);
989
+ --bluui-purple-border: var(--bluui-color-purple-border);
990
+ --bluui-purple: var(--bluui-color-purple-solid);
991
+ --blu-color-purple-50: var(--bluui-color-purple-soft);
992
+ --blu-color-purple-100: var(--bluui-color-purple-border);
993
+ --blu-color-purple-600: var(--bluui-color-purple-solid);
994
+ --blu-color-purple-700: var(--bluui-color-purple-text);
995
+ --blu-color-purple-800: var(--bluui-color-purple-text);
996
+ --bluui-primary-light: var(--bluui-primary-soft);
997
+ --bluui-info-soft: var(--bluui-processing-soft);
998
+ --bluui-info-text: var(--bluui-processing-text);
999
+ --bluui-info-border: var(--bluui-processing-border);
1000
+ --bluui-font: var(--blu-font-family);
1001
+ --blu-background: var(--bluui-background);
1002
+ --blu-surface: var(--bluui-surface);
1003
+ --blu-text: var(--bluui-text);
1004
+ --blu-text-secondary: var(--bluui-text-muted);
1005
+ --blu-border: var(--bluui-border);
1006
+ --blu-border-strong: var(--bluui-border-strong);
1007
+ --blu-focus-ring: var(--bluui-focus-shadow);
1008
+ --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
1009
+ --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
1010
+ --blu-shadow-md: var(--bluui-menu-shadow);
1011
+ --color-background-body: var(--bluui-background);
1012
+ --color-background-main: var(--bluui-surface);
1013
+ --color-primary: var(--bluui-primary);
1014
+ --color-primary-hover: var(--bluui-primary-hover);
1015
+ --color-focus-outer: var(--bluui-primary);
1016
+ --color-neutral-0: var(--bluui-surface);
1017
+ --color-neutral-1: var(--bluui-surface-muted);
1018
+ --color-neutral-2: var(--bluui-hover);
1019
+ --color-neutral-3: var(--bluui-border);
1020
+ --color-neutral-4: var(--bluui-control-border);
1021
+ --color-neutral-5: var(--bluui-text-subtle);
1022
+ --color-neutral-6: var(--bluui-text-muted);
1023
+ --color-neutral-7: var(--bluui-text-muted);
1024
+ --color-neutral-8: var(--bluui-text);
1025
+ --color-neutral-9: var(--bluui-text);
1026
+ --color-neutral-10: var(--bluui-text);
1027
+ --blu-color-gray-50: var(--bluui-surface);
1028
+ --blu-color-gray-100: var(--bluui-surface-muted);
1029
+ --blu-color-gray-200: var(--bluui-border);
1030
+ --blu-color-gray-300: var(--bluui-control-border);
1031
+ --blu-color-gray-400: var(--bluui-text-subtle);
1032
+ --blu-color-gray-500: var(--bluui-text-muted);
1033
+ --blu-color-gray-600: var(--bluui-text-muted);
1034
+ --blu-color-gray-700: var(--bluui-text);
1035
+ --blu-color-gray-800: var(--bluui-text);
1036
+ --blu-color-gray-900: var(--bluui-text);
1037
+ }
1038
+
1039
+ /* CSS-only consumers and Service Studio previews follow the OS preference. */
1040
+ @media (prefers-color-scheme: dark) {
1041
+ :root:not([data-bluui-theme="light"]):not([data-bluui-theme="dark"]) {
1042
+ color-scheme: dark;
1043
+ --bluui-background: #101319;
1044
+ --bluui-surface: #191e27;
1045
+ --bluui-surface-muted: #202733;
1046
+ --bluui-surface-raised: #252d3a;
1047
+ --bluui-text: #edf1f7;
1048
+ --bluui-text-muted: #adb8c9;
1049
+ --bluui-text-subtle: #919fb3;
1050
+ --bluui-border: #343e4f;
1051
+ --bluui-border-strong: #59687f;
1052
+ --bluui-control-border: #74849b;
1053
+ --bluui-row-border: #303a49;
1054
+ --bluui-hover: #293342;
1055
+ --bluui-selected: #39315c;
1056
+ --bluui-changed: #2c2841;
1057
+ --bluui-skeleton-base: #303b4c;
1058
+ --bluui-skeleton-shine: rgb(255 255 255 / 9%);
1059
+ --bluui-scrim: rgb(0 0 0 / 65%);
1060
+ --bluui-shadow-color: rgb(0 0 0 / 35%);
1061
+ --bluui-primary-hover: #b1a7ff;
1062
+ --bluui-primary-active: #c3baff;
1063
+ --bluui-on-primary: #101319;
1064
+ --bluui-primary: #a89aff;
1065
+ --bluui-focus-shadow: 0 0 0 3px rgb(168 154 255 / 28%);
1066
+ --bluui-menu-shadow: 0 12px 36px rgb(0 0 0 / 45%);
1067
+ --bluui-color-default-soft: #272727;
1068
+ --bluui-color-default-text: #dfdfdf;
1069
+ --bluui-color-default-border: #424242;
1070
+ --bluui-color-default-solid: rgba(255, 255, 255, 0.95);
1071
+ --bluui-color-default-contrast: #000000;
1072
+ --bluui-color-primary-soft: #282445;
1073
+ --bluui-color-primary-text: #b6acff;
1074
+ --bluui-color-primary-border: #51477d;
1075
+ --bluui-color-primary-solid: #8070ed;
1076
+ --bluui-color-primary-contrast: #000000;
1077
+ --bluui-color-secondary-soft: #2b3240;
1078
+ --bluui-color-secondary-text: #d6dce5;
1079
+ --bluui-color-secondary-border: #455064;
1080
+ --bluui-color-secondary-solid: #526077;
1081
+ --bluui-color-secondary-contrast: #ffffff;
1082
+ --bluui-color-success-soft: #162312;
1083
+ --bluui-color-success-text: #73be4e;
1084
+ --bluui-color-success-border: #274916;
1085
+ --bluui-color-success-solid: #49aa19;
1086
+ --bluui-color-success-contrast: #000000;
1087
+ --bluui-color-processing-soft: #111a2c;
1088
+ --bluui-color-processing-text: #78a7eb;
1089
+ --bluui-color-processing-border: #15325b;
1090
+ --bluui-color-processing-solid: #145ec6;
1091
+ --bluui-color-processing-contrast: #ffffff;
1092
+ --bluui-color-warning-soft: #2b2111;
1093
+ --bluui-color-warning-text: #dda535;
1094
+ --bluui-color-warning-border: #594214;
1095
+ --bluui-color-warning-solid: #d89614;
1096
+ --bluui-color-warning-contrast: #000000;
1097
+ --bluui-color-error-soft: #2c1618;
1098
+ --bluui-color-error-text: #ea8d8e;
1099
+ --bluui-color-error-border: #5b2526;
1100
+ --bluui-color-error-solid: #dc4446;
1101
+ --bluui-color-error-contrast: #000000;
1102
+ --bluui-color-danger-soft: #2c1618;
1103
+ --bluui-color-danger-text: #ea8d8e;
1104
+ --bluui-color-danger-border: #5b2526;
1105
+ --bluui-color-danger-solid: #dc4446;
1106
+ --bluui-color-danger-contrast: #000000;
1107
+ --bluui-color-magenta-soft: #291321;
1108
+ --bluui-color-magenta-text: #e984b9;
1109
+ --bluui-color-magenta-border: #551c3b;
1110
+ --bluui-color-magenta-solid: #cf3a8c;
1111
+ --bluui-color-magenta-contrast: #000000;
1112
+ --bluui-color-red-soft: #2a1215;
1113
+ --bluui-color-red-text: #f08485;
1114
+ --bluui-color-red-border: #58181c;
1115
+ --bluui-color-red-solid: #cd1f28;
1116
+ --bluui-color-red-contrast: #ffffff;
1117
+ --bluui-color-volcano-soft: #2b1611;
1118
+ --bluui-color-volcano-text: #ed8e68;
1119
+ --bluui-color-volcano-border: #592716;
1120
+ --bluui-color-volcano-solid: #d84a1b;
1121
+ --bluui-color-volcano-contrast: #000000;
1122
+ --bluui-color-orange-soft: #2b1d11;
1123
+ --bluui-color-orange-text: #e89b3e;
1124
+ --bluui-color-orange-border: #593815;
1125
+ --bluui-color-orange-solid: #d87a16;
1126
+ --bluui-color-orange-contrast: #000000;
1127
+ --bluui-color-gold-soft: #2b2111;
1128
+ --bluui-color-gold-text: #e8b339;
1129
+ --bluui-color-gold-border: #594214;
1130
+ --bluui-color-gold-solid: #d89614;
1131
+ --bluui-color-gold-contrast: #000000;
1132
+ --bluui-color-lime-soft: #1f2611;
1133
+ --bluui-color-lime-text: #a9d134;
1134
+ --bluui-color-lime-border: #3e4f13;
1135
+ --bluui-color-lime-solid: #8bbb11;
1136
+ --bluui-color-lime-contrast: #000000;
1137
+ --bluui-color-green-soft: #162312;
1138
+ --bluui-color-green-text: #6bbf3b;
1139
+ --bluui-color-green-border: #274916;
1140
+ --bluui-color-green-solid: #49aa19;
1141
+ --bluui-color-green-contrast: #000000;
1142
+ --bluui-color-cyan-soft: #112123;
1143
+ --bluui-color-cyan-text: #33bcb7;
1144
+ --bluui-color-cyan-border: #144848;
1145
+ --bluui-color-cyan-solid: #13a8a8;
1146
+ --bluui-color-cyan-contrast: #000000;
1147
+ --bluui-color-blue-soft: #111a2c;
1148
+ --bluui-color-blue-text: #6fa8ee;
1149
+ --bluui-color-blue-border: #15325b;
1150
+ --bluui-color-blue-solid: #145ec6;
1151
+ --bluui-color-blue-contrast: #ffffff;
1152
+ --bluui-color-geekblue-soft: #131629;
1153
+ --bluui-color-geekblue-text: #89a0ea;
1154
+ --bluui-color-geekblue-border: #1c2755;
1155
+ --bluui-color-geekblue-solid: #2b4acb;
1156
+ --bluui-color-geekblue-contrast: #ffffff;
1157
+ --bluui-color-purple-soft: #1a1325;
1158
+ --bluui-color-purple-text: #b593df;
1159
+ --bluui-color-purple-border: #301c4d;
1160
+ --bluui-color-purple-solid: #642ab5;
1161
+ --bluui-color-purple-contrast: #ffffff;
1162
+ --bluui-default-soft: var(--bluui-color-default-soft);
1163
+ --bluui-default-text: var(--bluui-color-default-text);
1164
+ --bluui-default-border: var(--bluui-color-default-border);
1165
+ --bluui-default: var(--bluui-color-default-solid);
1166
+ --blu-color-default-50: var(--bluui-color-default-soft);
1167
+ --blu-color-default-100: var(--bluui-color-default-border);
1168
+ --blu-color-default-600: var(--bluui-color-default-solid);
1169
+ --blu-color-default-700: var(--bluui-color-default-text);
1170
+ --blu-color-default-800: var(--bluui-color-default-text);
1171
+ --bluui-primary-soft: var(--bluui-color-primary-soft);
1172
+ --bluui-primary-text: var(--bluui-color-primary-text);
1173
+ --bluui-primary-border: var(--bluui-color-primary-border);
1174
+ --blu-color-primary-50: var(--bluui-color-primary-soft);
1175
+ --blu-color-primary-100: var(--bluui-color-primary-border);
1176
+ --blu-color-primary-600: var(--bluui-color-primary-solid);
1177
+ --blu-color-primary-700: var(--bluui-color-primary-text);
1178
+ --blu-color-primary-800: var(--bluui-color-primary-text);
1179
+ --bluui-secondary-soft: var(--bluui-color-secondary-soft);
1180
+ --bluui-secondary-text: var(--bluui-color-secondary-text);
1181
+ --bluui-secondary-border: var(--bluui-color-secondary-border);
1182
+ --bluui-secondary: var(--bluui-color-secondary-solid);
1183
+ --blu-color-secondary-50: var(--bluui-color-secondary-soft);
1184
+ --blu-color-secondary-100: var(--bluui-color-secondary-border);
1185
+ --blu-color-secondary-600: var(--bluui-color-secondary-solid);
1186
+ --blu-color-secondary-700: var(--bluui-color-secondary-text);
1187
+ --blu-color-secondary-800: var(--bluui-color-secondary-text);
1188
+ --bluui-success-soft: var(--bluui-color-success-soft);
1189
+ --bluui-success-text: var(--bluui-color-success-text);
1190
+ --bluui-success-border: var(--bluui-color-success-border);
1191
+ --bluui-success: var(--bluui-color-success-solid);
1192
+ --blu-color-success-50: var(--bluui-color-success-soft);
1193
+ --blu-color-success-100: var(--bluui-color-success-border);
1194
+ --blu-color-success-600: var(--bluui-color-success-solid);
1195
+ --blu-color-success-700: var(--bluui-color-success-text);
1196
+ --blu-color-success-800: var(--bluui-color-success-text);
1197
+ --bluui-processing-soft: var(--bluui-color-processing-soft);
1198
+ --bluui-processing-text: var(--bluui-color-processing-text);
1199
+ --bluui-processing-border: var(--bluui-color-processing-border);
1200
+ --bluui-processing: var(--bluui-color-processing-solid);
1201
+ --blu-color-processing-50: var(--bluui-color-processing-soft);
1202
+ --blu-color-processing-100: var(--bluui-color-processing-border);
1203
+ --blu-color-processing-600: var(--bluui-color-processing-solid);
1204
+ --blu-color-processing-700: var(--bluui-color-processing-text);
1205
+ --blu-color-processing-800: var(--bluui-color-processing-text);
1206
+ --bluui-warning-soft: var(--bluui-color-warning-soft);
1207
+ --bluui-warning-text: var(--bluui-color-warning-text);
1208
+ --bluui-warning-border: var(--bluui-color-warning-border);
1209
+ --bluui-warning: var(--bluui-color-warning-solid);
1210
+ --blu-color-warning-50: var(--bluui-color-warning-soft);
1211
+ --blu-color-warning-100: var(--bluui-color-warning-border);
1212
+ --blu-color-warning-600: var(--bluui-color-warning-solid);
1213
+ --blu-color-warning-700: var(--bluui-color-warning-text);
1214
+ --blu-color-warning-800: var(--bluui-color-warning-text);
1215
+ --bluui-error-soft: var(--bluui-color-error-soft);
1216
+ --bluui-error-text: var(--bluui-color-error-text);
1217
+ --bluui-error-border: var(--bluui-color-error-border);
1218
+ --bluui-error: var(--bluui-color-error-solid);
1219
+ --blu-color-error-50: var(--bluui-color-error-soft);
1220
+ --blu-color-error-100: var(--bluui-color-error-border);
1221
+ --blu-color-error-600: var(--bluui-color-error-solid);
1222
+ --blu-color-error-700: var(--bluui-color-error-text);
1223
+ --blu-color-error-800: var(--bluui-color-error-text);
1224
+ --bluui-danger-soft: var(--bluui-color-danger-soft);
1225
+ --bluui-danger-text: var(--bluui-color-danger-text);
1226
+ --bluui-danger-border: var(--bluui-color-danger-border);
1227
+ --bluui-danger: var(--bluui-color-danger-solid);
1228
+ --blu-color-danger-50: var(--bluui-color-danger-soft);
1229
+ --blu-color-danger-100: var(--bluui-color-danger-border);
1230
+ --blu-color-danger-600: var(--bluui-color-danger-solid);
1231
+ --blu-color-danger-700: var(--bluui-color-danger-text);
1232
+ --blu-color-danger-800: var(--bluui-color-danger-text);
1233
+ --bluui-magenta-soft: var(--bluui-color-magenta-soft);
1234
+ --bluui-magenta-text: var(--bluui-color-magenta-text);
1235
+ --bluui-magenta-border: var(--bluui-color-magenta-border);
1236
+ --bluui-magenta: var(--bluui-color-magenta-solid);
1237
+ --blu-color-magenta-50: var(--bluui-color-magenta-soft);
1238
+ --blu-color-magenta-100: var(--bluui-color-magenta-border);
1239
+ --blu-color-magenta-600: var(--bluui-color-magenta-solid);
1240
+ --blu-color-magenta-700: var(--bluui-color-magenta-text);
1241
+ --blu-color-magenta-800: var(--bluui-color-magenta-text);
1242
+ --bluui-red-soft: var(--bluui-color-red-soft);
1243
+ --bluui-red-text: var(--bluui-color-red-text);
1244
+ --bluui-red-border: var(--bluui-color-red-border);
1245
+ --bluui-red: var(--bluui-color-red-solid);
1246
+ --blu-color-red-50: var(--bluui-color-red-soft);
1247
+ --blu-color-red-100: var(--bluui-color-red-border);
1248
+ --blu-color-red-600: var(--bluui-color-red-solid);
1249
+ --blu-color-red-700: var(--bluui-color-red-text);
1250
+ --blu-color-red-800: var(--bluui-color-red-text);
1251
+ --bluui-volcano-soft: var(--bluui-color-volcano-soft);
1252
+ --bluui-volcano-text: var(--bluui-color-volcano-text);
1253
+ --bluui-volcano-border: var(--bluui-color-volcano-border);
1254
+ --bluui-volcano: var(--bluui-color-volcano-solid);
1255
+ --blu-color-volcano-50: var(--bluui-color-volcano-soft);
1256
+ --blu-color-volcano-100: var(--bluui-color-volcano-border);
1257
+ --blu-color-volcano-600: var(--bluui-color-volcano-solid);
1258
+ --blu-color-volcano-700: var(--bluui-color-volcano-text);
1259
+ --blu-color-volcano-800: var(--bluui-color-volcano-text);
1260
+ --bluui-orange-soft: var(--bluui-color-orange-soft);
1261
+ --bluui-orange-text: var(--bluui-color-orange-text);
1262
+ --bluui-orange-border: var(--bluui-color-orange-border);
1263
+ --bluui-orange: var(--bluui-color-orange-solid);
1264
+ --blu-color-orange-50: var(--bluui-color-orange-soft);
1265
+ --blu-color-orange-100: var(--bluui-color-orange-border);
1266
+ --blu-color-orange-600: var(--bluui-color-orange-solid);
1267
+ --blu-color-orange-700: var(--bluui-color-orange-text);
1268
+ --blu-color-orange-800: var(--bluui-color-orange-text);
1269
+ --bluui-gold-soft: var(--bluui-color-gold-soft);
1270
+ --bluui-gold-text: var(--bluui-color-gold-text);
1271
+ --bluui-gold-border: var(--bluui-color-gold-border);
1272
+ --bluui-gold: var(--bluui-color-gold-solid);
1273
+ --blu-color-gold-50: var(--bluui-color-gold-soft);
1274
+ --blu-color-gold-100: var(--bluui-color-gold-border);
1275
+ --blu-color-gold-600: var(--bluui-color-gold-solid);
1276
+ --blu-color-gold-700: var(--bluui-color-gold-text);
1277
+ --blu-color-gold-800: var(--bluui-color-gold-text);
1278
+ --bluui-lime-soft: var(--bluui-color-lime-soft);
1279
+ --bluui-lime-text: var(--bluui-color-lime-text);
1280
+ --bluui-lime-border: var(--bluui-color-lime-border);
1281
+ --bluui-lime: var(--bluui-color-lime-solid);
1282
+ --blu-color-lime-50: var(--bluui-color-lime-soft);
1283
+ --blu-color-lime-100: var(--bluui-color-lime-border);
1284
+ --blu-color-lime-600: var(--bluui-color-lime-solid);
1285
+ --blu-color-lime-700: var(--bluui-color-lime-text);
1286
+ --blu-color-lime-800: var(--bluui-color-lime-text);
1287
+ --bluui-green-soft: var(--bluui-color-green-soft);
1288
+ --bluui-green-text: var(--bluui-color-green-text);
1289
+ --bluui-green-border: var(--bluui-color-green-border);
1290
+ --bluui-green: var(--bluui-color-green-solid);
1291
+ --blu-color-green-50: var(--bluui-color-green-soft);
1292
+ --blu-color-green-100: var(--bluui-color-green-border);
1293
+ --blu-color-green-600: var(--bluui-color-green-solid);
1294
+ --blu-color-green-700: var(--bluui-color-green-text);
1295
+ --blu-color-green-800: var(--bluui-color-green-text);
1296
+ --bluui-cyan-soft: var(--bluui-color-cyan-soft);
1297
+ --bluui-cyan-text: var(--bluui-color-cyan-text);
1298
+ --bluui-cyan-border: var(--bluui-color-cyan-border);
1299
+ --bluui-cyan: var(--bluui-color-cyan-solid);
1300
+ --blu-color-cyan-50: var(--bluui-color-cyan-soft);
1301
+ --blu-color-cyan-100: var(--bluui-color-cyan-border);
1302
+ --blu-color-cyan-600: var(--bluui-color-cyan-solid);
1303
+ --blu-color-cyan-700: var(--bluui-color-cyan-text);
1304
+ --blu-color-cyan-800: var(--bluui-color-cyan-text);
1305
+ --bluui-blue-soft: var(--bluui-color-blue-soft);
1306
+ --bluui-blue-text: var(--bluui-color-blue-text);
1307
+ --bluui-blue-border: var(--bluui-color-blue-border);
1308
+ --bluui-blue: var(--bluui-color-blue-solid);
1309
+ --blu-color-blue-50: var(--bluui-color-blue-soft);
1310
+ --blu-color-blue-100: var(--bluui-color-blue-border);
1311
+ --blu-color-blue-600: var(--bluui-color-blue-solid);
1312
+ --blu-color-blue-700: var(--bluui-color-blue-text);
1313
+ --blu-color-blue-800: var(--bluui-color-blue-text);
1314
+ --bluui-geekblue-soft: var(--bluui-color-geekblue-soft);
1315
+ --bluui-geekblue-text: var(--bluui-color-geekblue-text);
1316
+ --bluui-geekblue-border: var(--bluui-color-geekblue-border);
1317
+ --bluui-geekblue: var(--bluui-color-geekblue-solid);
1318
+ --blu-color-geekblue-50: var(--bluui-color-geekblue-soft);
1319
+ --blu-color-geekblue-100: var(--bluui-color-geekblue-border);
1320
+ --blu-color-geekblue-600: var(--bluui-color-geekblue-solid);
1321
+ --blu-color-geekblue-700: var(--bluui-color-geekblue-text);
1322
+ --blu-color-geekblue-800: var(--bluui-color-geekblue-text);
1323
+ --bluui-purple-soft: var(--bluui-color-purple-soft);
1324
+ --bluui-purple-text: var(--bluui-color-purple-text);
1325
+ --bluui-purple-border: var(--bluui-color-purple-border);
1326
+ --bluui-purple: var(--bluui-color-purple-solid);
1327
+ --blu-color-purple-50: var(--bluui-color-purple-soft);
1328
+ --blu-color-purple-100: var(--bluui-color-purple-border);
1329
+ --blu-color-purple-600: var(--bluui-color-purple-solid);
1330
+ --blu-color-purple-700: var(--bluui-color-purple-text);
1331
+ --blu-color-purple-800: var(--bluui-color-purple-text);
1332
+ --bluui-primary-light: var(--bluui-primary-soft);
1333
+ --bluui-info-soft: var(--bluui-processing-soft);
1334
+ --bluui-info-text: var(--bluui-processing-text);
1335
+ --bluui-info-border: var(--bluui-processing-border);
1336
+ --bluui-font: var(--blu-font-family);
1337
+ --blu-background: var(--bluui-background);
1338
+ --blu-surface: var(--bluui-surface);
1339
+ --blu-text: var(--bluui-text);
1340
+ --blu-text-secondary: var(--bluui-text-muted);
1341
+ --blu-border: var(--bluui-border);
1342
+ --blu-border-strong: var(--bluui-border-strong);
1343
+ --blu-focus-ring: var(--bluui-focus-shadow);
1344
+ --blu-shadow-xs: 0 1px 2px var(--bluui-shadow-color);
1345
+ --blu-shadow-sm: 0 2px 5px var(--bluui-shadow-color);
1346
+ --blu-shadow-md: var(--bluui-menu-shadow);
1347
+ --color-background-body: var(--bluui-background);
1348
+ --color-background-main: var(--bluui-surface);
1349
+ --color-primary: var(--bluui-primary);
1350
+ --color-primary-hover: var(--bluui-primary-hover);
1351
+ --color-focus-outer: var(--bluui-primary);
1352
+ --color-neutral-0: var(--bluui-surface);
1353
+ --color-neutral-1: var(--bluui-surface-muted);
1354
+ --color-neutral-2: var(--bluui-hover);
1355
+ --color-neutral-3: var(--bluui-border);
1356
+ --color-neutral-4: var(--bluui-control-border);
1357
+ --color-neutral-5: var(--bluui-text-subtle);
1358
+ --color-neutral-6: var(--bluui-text-muted);
1359
+ --color-neutral-7: var(--bluui-text-muted);
1360
+ --color-neutral-8: var(--bluui-text);
1361
+ --color-neutral-9: var(--bluui-text);
1362
+ --color-neutral-10: var(--bluui-text);
1363
+ --blu-color-gray-50: var(--bluui-surface);
1364
+ --blu-color-gray-100: var(--bluui-surface-muted);
1365
+ --blu-color-gray-200: var(--bluui-border);
1366
+ --blu-color-gray-300: var(--bluui-control-border);
1367
+ --blu-color-gray-400: var(--bluui-text-subtle);
1368
+ --blu-color-gray-500: var(--bluui-text-muted);
1369
+ --blu-color-gray-600: var(--bluui-text-muted);
1370
+ --blu-color-gray-700: var(--bluui-text);
1371
+ --blu-color-gray-800: var(--bluui-text);
1372
+ --blu-color-gray-900: var(--bluui-text);
1373
+ }
1374
+ }
1375
+
1376
+ /* Native controls inherit text as well as their surfaces. Keep logos and
1377
+ deliberate solid-color foregrounds independent from the surrounding mode. */
1378
+ body { background-color: var(--bluui-background); color: var(--bluui-text); }
1379
+ input, select, textarea { color-scheme: inherit; }
1380
+ :where(.form-control, .dropdown, .input, .textarea) {
1381
+ color: var(--bluui-text);
1382
+ background-color: var(--bluui-surface);
1383
+ border-color: var(--bluui-control-border);
1384
+ }
1385
+
1386
+ /* Shared appearance selector; this belongs to the edition, not its demo page. */
1387
+ .blu-theme-control{display:inline-flex;align-items:center;gap:8px;padding:0 12px;min-height:38px;border:1px solid var(--bluui-border);border-radius:9px;background:var(--bluui-surface);color:var(--bluui-text);font:13px var(--blu-font-family,system-ui)}
1388
+ .blu-theme-control svg{flex:none}
1389
+ .blu-theme-control select{appearance:auto;background:transparent;color:inherit;border:0;font:inherit;min-height:36px;padding:0 3px;cursor:pointer;max-width:100%}
1390
+ .blu-theme-control:focus-within{outline:2px solid var(--bluui-primary);outline-offset:2px}
1391
+ .blu-theme-control option{background:var(--bluui-surface);color:var(--bluui-text)}