@adia-ai/web-components 0.0.1

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 (468) hide show
  1. package/README.md +195 -0
  2. package/a2ui/dockables/action.js +152 -0
  3. package/a2ui/dockables/base.js +30 -0
  4. package/a2ui/dockables/controller.js +97 -0
  5. package/a2ui/dockables/data-source.js +103 -0
  6. package/a2ui/dockables/index.js +6 -0
  7. package/a2ui/dockables/lifecycle.js +84 -0
  8. package/a2ui/dockables/provider.js +59 -0
  9. package/a2ui/index.js +19 -0
  10. package/a2ui/manifest-runtime.js +226 -0
  11. package/a2ui/registry.js +200 -0
  12. package/a2ui/renderer.js +361 -0
  13. package/a2ui/root.js +152 -0
  14. package/a2ui/stream.js +243 -0
  15. package/a2ui/surface-manifest.js +294 -0
  16. package/a2ui/surface.js +222 -0
  17. package/a2ui/wire-factory.js +134 -0
  18. package/a2ui/wiring-engine.js +209 -0
  19. package/a2ui/wiring-registry.js +342 -0
  20. package/components/accordion/accordion.a2ui.json +129 -0
  21. package/components/accordion/accordion.css +133 -0
  22. package/components/accordion/accordion.js +125 -0
  23. package/components/accordion/accordion.yaml +527 -0
  24. package/components/action-list/action-list.a2ui.json +64 -0
  25. package/components/action-list/action-list.css +115 -0
  26. package/components/action-list/action-list.js +149 -0
  27. package/components/action-list/action-list.yaml +56 -0
  28. package/components/agent-artifact/agent-artifact.a2ui.json +99 -0
  29. package/components/agent-artifact/agent-artifact.css +94 -0
  30. package/components/agent-artifact/agent-artifact.js +169 -0
  31. package/components/agent-artifact/agent-artifact.yaml +71 -0
  32. package/components/agent-feedback-bar/agent-feedback-bar.a2ui.json +91 -0
  33. package/components/agent-feedback-bar/agent-feedback-bar.css +33 -0
  34. package/components/agent-feedback-bar/agent-feedback-bar.js +152 -0
  35. package/components/agent-feedback-bar/agent-feedback-bar.yaml +65 -0
  36. package/components/agent-questions/agent-questions.a2ui.json +89 -0
  37. package/components/agent-questions/agent-questions.css +146 -0
  38. package/components/agent-questions/agent-questions.js +189 -0
  39. package/components/agent-questions/agent-questions.yaml +63 -0
  40. package/components/agent-reasoning/agent-reasoning.a2ui.json +100 -0
  41. package/components/agent-reasoning/agent-reasoning.css +273 -0
  42. package/components/agent-reasoning/agent-reasoning.js +469 -0
  43. package/components/agent-reasoning/agent-reasoning.yaml +70 -0
  44. package/components/agent-suggestions/agent-suggestions.a2ui.json +87 -0
  45. package/components/agent-suggestions/agent-suggestions.css +18 -0
  46. package/components/agent-suggestions/agent-suggestions.js +87 -0
  47. package/components/agent-suggestions/agent-suggestions.yaml +59 -0
  48. package/components/agent-trace/agent-trace.a2ui.json +78 -0
  49. package/components/agent-trace/agent-trace.css +275 -0
  50. package/components/agent-trace/agent-trace.js +216 -0
  51. package/components/agent-trace/agent-trace.yaml +53 -0
  52. package/components/alert/alert.a2ui.json +211 -0
  53. package/components/alert/alert.css +88 -0
  54. package/components/alert/alert.js +96 -0
  55. package/components/alert/alert.yaml +205 -0
  56. package/components/avatar/avatar.a2ui.json +215 -0
  57. package/components/avatar/avatar.css +159 -0
  58. package/components/avatar/avatar.js +157 -0
  59. package/components/avatar/avatar.yaml +559 -0
  60. package/components/badge/badge.a2ui.json +169 -0
  61. package/components/badge/badge.css +78 -0
  62. package/components/badge/badge.js +53 -0
  63. package/components/badge/badge.yaml +612 -0
  64. package/components/block/block.a2ui.json +135 -0
  65. package/components/block/block.css +29 -0
  66. package/components/block/block.js +23 -0
  67. package/components/block/block.yaml +115 -0
  68. package/components/breadcrumb/breadcrumb.a2ui.json +86 -0
  69. package/components/breadcrumb/breadcrumb.css +78 -0
  70. package/components/breadcrumb/breadcrumb.js +44 -0
  71. package/components/breadcrumb/breadcrumb.yaml +84 -0
  72. package/components/button/button.a2ui.json +172 -0
  73. package/components/button/button.css +168 -0
  74. package/components/button/button.js +60 -0
  75. package/components/button/button.yaml +120 -0
  76. package/components/calendar-picker/calendar-picker.a2ui.json +139 -0
  77. package/components/calendar-picker/calendar-picker.css +321 -0
  78. package/components/calendar-picker/calendar-picker.js +324 -0
  79. package/components/calendar-picker/calendar-picker.yaml +243 -0
  80. package/components/canvas/canvas.a2ui.json +75 -0
  81. package/components/canvas/canvas.css +52 -0
  82. package/components/canvas/canvas.js +179 -0
  83. package/components/canvas/canvas.yaml +62 -0
  84. package/components/card/card.a2ui.json +276 -0
  85. package/components/card/card.css +362 -0
  86. package/components/card/card.js +58 -0
  87. package/components/card/card.yaml +527 -0
  88. package/components/chart/chart.a2ui.json +298 -0
  89. package/components/chart/chart.css +512 -0
  90. package/components/chart/chart.js +1075 -0
  91. package/components/chart/chart.yaml +540 -0
  92. package/components/chat/chat-input.css +141 -0
  93. package/components/chat/chat-input.js +242 -0
  94. package/components/chat/chat.a2ui.json +181 -0
  95. package/components/chat/chat.css +193 -0
  96. package/components/chat/chat.js +155 -0
  97. package/components/chat/chat.yaml +230 -0
  98. package/components/check/check.a2ui.json +134 -0
  99. package/components/check/check.css +126 -0
  100. package/components/check/check.js +58 -0
  101. package/components/check/check.yaml +109 -0
  102. package/components/code/code.a2ui.json +153 -0
  103. package/components/code/code.css +133 -0
  104. package/components/code/code.js +114 -0
  105. package/components/code/code.yaml +163 -0
  106. package/components/col/col.a2ui.json +104 -0
  107. package/components/col/col.css +36 -0
  108. package/components/col/col.js +19 -0
  109. package/components/col/col.yaml +364 -0
  110. package/components/color-picker/color-picker.a2ui.json +100 -0
  111. package/components/color-picker/color-picker.css +182 -0
  112. package/components/color-picker/color-picker.js +537 -0
  113. package/components/color-picker/color-picker.yaml +105 -0
  114. package/components/command/command.a2ui.json +221 -0
  115. package/components/command/command.css +251 -0
  116. package/components/command/command.js +284 -0
  117. package/components/command/command.yaml +186 -0
  118. package/components/description-list/description-list.a2ui.json +89 -0
  119. package/components/description-list/description-list.css +70 -0
  120. package/components/description-list/description-list.js +75 -0
  121. package/components/description-list/description-list.yaml +59 -0
  122. package/components/divider/divider.a2ui.json +126 -0
  123. package/components/divider/divider.css +102 -0
  124. package/components/divider/divider.js +47 -0
  125. package/components/divider/divider.yaml +366 -0
  126. package/components/drawer/drawer.a2ui.json +199 -0
  127. package/components/drawer/drawer.css +342 -0
  128. package/components/drawer/drawer.js +263 -0
  129. package/components/drawer/drawer.yaml +366 -0
  130. package/components/embed/embed.a2ui.json +150 -0
  131. package/components/embed/embed.css +28 -0
  132. package/components/embed/embed.js +63 -0
  133. package/components/embed/embed.yaml +224 -0
  134. package/components/empty-state/empty-state.a2ui.json +133 -0
  135. package/components/empty-state/empty-state.css +58 -0
  136. package/components/empty-state/empty-state.js +87 -0
  137. package/components/empty-state/empty-state.yaml +314 -0
  138. package/components/footer/footer.a2ui.json +79 -0
  139. package/components/footer/footer.yaml +239 -0
  140. package/components/grid/grid.a2ui.json +171 -0
  141. package/components/grid/grid.css +37 -0
  142. package/components/grid/grid.js +21 -0
  143. package/components/grid/grid.yaml +577 -0
  144. package/components/header/header.a2ui.json +76 -0
  145. package/components/header/header.yaml +336 -0
  146. package/components/heatmap/heatmap.a2ui.json +150 -0
  147. package/components/heatmap/heatmap.css +146 -0
  148. package/components/heatmap/heatmap.js +246 -0
  149. package/components/heatmap/heatmap.yaml +131 -0
  150. package/components/icon/icon.a2ui.json +79 -0
  151. package/components/icon/icon.css +20 -0
  152. package/components/icon/icon.js +26 -0
  153. package/components/icon/icon.yaml +233 -0
  154. package/components/image/image.a2ui.json +261 -0
  155. package/components/image/image.css +76 -0
  156. package/components/image/image.js +102 -0
  157. package/components/image/image.yaml +477 -0
  158. package/components/index.js +85 -0
  159. package/components/input/input.a2ui.json +284 -0
  160. package/components/input/input.css +162 -0
  161. package/components/input/input.js +148 -0
  162. package/components/input/input.yaml +496 -0
  163. package/components/inspector/inspector.a2ui.json +67 -0
  164. package/components/inspector/inspector.css +31 -0
  165. package/components/inspector/inspector.js +133 -0
  166. package/components/inspector/inspector.yaml +58 -0
  167. package/components/kbd/kbd.a2ui.json +96 -0
  168. package/components/kbd/kbd.css +62 -0
  169. package/components/kbd/kbd.js +24 -0
  170. package/components/kbd/kbd.yaml +213 -0
  171. package/components/list/list.a2ui.json +145 -0
  172. package/components/list/list.css +103 -0
  173. package/components/list/list.js +236 -0
  174. package/components/list/list.yaml +122 -0
  175. package/components/menu/menu.a2ui.json +146 -0
  176. package/components/menu/menu.css +146 -0
  177. package/components/menu/menu.js +296 -0
  178. package/components/menu/menu.yaml +123 -0
  179. package/components/modal/modal.a2ui.json +136 -0
  180. package/components/modal/modal.css +153 -0
  181. package/components/modal/modal.js +181 -0
  182. package/components/modal/modal.yaml +114 -0
  183. package/components/noodles/noodles.a2ui.json +145 -0
  184. package/components/noodles/noodles.css +118 -0
  185. package/components/noodles/noodles.js +470 -0
  186. package/components/noodles/noodles.yaml +123 -0
  187. package/components/otp-input/otp-input.a2ui.json +104 -0
  188. package/components/otp-input/otp-input.css +78 -0
  189. package/components/otp-input/otp-input.js +170 -0
  190. package/components/otp-input/otp-input.yaml +218 -0
  191. package/components/pagination/pagination.a2ui.json +122 -0
  192. package/components/pagination/pagination.css +162 -0
  193. package/components/pagination/pagination.js +185 -0
  194. package/components/pagination/pagination.yaml +165 -0
  195. package/components/pane/pane.a2ui.json +94 -0
  196. package/components/pane/pane.css +166 -0
  197. package/components/pane/pane.js +140 -0
  198. package/components/pane/pane.yaml +197 -0
  199. package/components/pipeline-status/pipeline-status.a2ui.json +90 -0
  200. package/components/pipeline-status/pipeline-status.css +162 -0
  201. package/components/pipeline-status/pipeline-status.js +176 -0
  202. package/components/pipeline-status/pipeline-status.yaml +99 -0
  203. package/components/popover/popover.a2ui.json +181 -0
  204. package/components/popover/popover.css +57 -0
  205. package/components/popover/popover.js +170 -0
  206. package/components/popover/popover.yaml +257 -0
  207. package/components/progress/progress.a2ui.json +199 -0
  208. package/components/progress/progress.css +88 -0
  209. package/components/progress/progress.js +64 -0
  210. package/components/progress/progress.yaml +342 -0
  211. package/components/progress-row/progress-row.a2ui.json +100 -0
  212. package/components/progress-row/progress-row.css +57 -0
  213. package/components/progress-row/progress-row.js +92 -0
  214. package/components/progress-row/progress-row.yaml +87 -0
  215. package/components/radio/radio.a2ui.json +232 -0
  216. package/components/radio/radio.css +102 -0
  217. package/components/radio/radio.js +73 -0
  218. package/components/radio/radio.yaml +248 -0
  219. package/components/range/range.a2ui.json +151 -0
  220. package/components/range/range.css +148 -0
  221. package/components/range/range.js +177 -0
  222. package/components/range/range.yaml +188 -0
  223. package/components/rating/rating.a2ui.json +105 -0
  224. package/components/rating/rating.css +92 -0
  225. package/components/rating/rating.js +138 -0
  226. package/components/rating/rating.yaml +74 -0
  227. package/components/richtext/richtext.a2ui.json +82 -0
  228. package/components/richtext/richtext.css +225 -0
  229. package/components/richtext/richtext.js +74 -0
  230. package/components/richtext/richtext.yaml +89 -0
  231. package/components/row/row.a2ui.json +102 -0
  232. package/components/row/row.css +51 -0
  233. package/components/row/row.js +39 -0
  234. package/components/row/row.yaml +358 -0
  235. package/components/search/search.a2ui.json +186 -0
  236. package/components/search/search.css +28 -0
  237. package/components/search/search.js +124 -0
  238. package/components/search/search.yaml +154 -0
  239. package/components/section/section.a2ui.json +78 -0
  240. package/components/section/section.yaml +338 -0
  241. package/components/segment/segment.a2ui.json +100 -0
  242. package/components/segment/segment.css +81 -0
  243. package/components/segment/segment.js +32 -0
  244. package/components/segment/segment.yaml +216 -0
  245. package/components/segmented/segmented.a2ui.json +106 -0
  246. package/components/segmented/segmented.css +67 -0
  247. package/components/segmented/segmented.js +149 -0
  248. package/components/segmented/segmented.yaml +91 -0
  249. package/components/select/select.a2ui.json +203 -0
  250. package/components/select/select.css +277 -0
  251. package/components/select/select.js +388 -0
  252. package/components/select/select.yaml +375 -0
  253. package/components/skeleton/skeleton.a2ui.json +120 -0
  254. package/components/skeleton/skeleton.css +47 -0
  255. package/components/skeleton/skeleton.js +43 -0
  256. package/components/skeleton/skeleton.yaml +153 -0
  257. package/components/slider/slider.a2ui.json +162 -0
  258. package/components/slider/slider.css +137 -0
  259. package/components/slider/slider.js +162 -0
  260. package/components/slider/slider.yaml +299 -0
  261. package/components/stack/stack.a2ui.json +62 -0
  262. package/components/stack/stack.css +28 -0
  263. package/components/stack/stack.js +18 -0
  264. package/components/stack/stack.yaml +54 -0
  265. package/components/stat/stat.a2ui.json +246 -0
  266. package/components/stat/stat.css +101 -0
  267. package/components/stat/stat.js +91 -0
  268. package/components/stat/stat.yaml +206 -0
  269. package/components/stepper/stepper.a2ui.json +77 -0
  270. package/components/stepper/stepper.css +243 -0
  271. package/components/stepper/stepper.js +118 -0
  272. package/components/stepper/stepper.yaml +73 -0
  273. package/components/stream/stream.a2ui.json +98 -0
  274. package/components/stream/stream.css +37 -0
  275. package/components/stream/stream.js +99 -0
  276. package/components/stream/stream.yaml +87 -0
  277. package/components/swiper/swiper.a2ui.json +140 -0
  278. package/components/swiper/swiper.css +267 -0
  279. package/components/swiper/swiper.js +285 -0
  280. package/components/swiper/swiper.yaml +268 -0
  281. package/components/switch/switch.a2ui.json +134 -0
  282. package/components/switch/switch.css +104 -0
  283. package/components/switch/switch.js +53 -0
  284. package/components/switch/switch.yaml +322 -0
  285. package/components/table/cell-types.js +296 -0
  286. package/components/table/table.a2ui.json +458 -0
  287. package/components/table/table.css +531 -0
  288. package/components/table/table.js +1392 -0
  289. package/components/table/table.yaml +528 -0
  290. package/components/tabs/tab.js +34 -0
  291. package/components/tabs/tabs.a2ui.json +174 -0
  292. package/components/tabs/tabs.css +162 -0
  293. package/components/tabs/tabs.js +226 -0
  294. package/components/tabs/tabs.yaml +255 -0
  295. package/components/tag/tag.a2ui.json +148 -0
  296. package/components/tag/tag.css +118 -0
  297. package/components/tag/tag.js +88 -0
  298. package/components/tag/tag.yaml +125 -0
  299. package/components/text/text.a2ui.json +99 -0
  300. package/components/text/text.css +65 -0
  301. package/components/text/text.js +35 -0
  302. package/components/text/text.yaml +360 -0
  303. package/components/textarea/textarea.a2ui.json +91 -0
  304. package/components/textarea/textarea.css +93 -0
  305. package/components/textarea/textarea.js +114 -0
  306. package/components/textarea/textarea.yaml +79 -0
  307. package/components/timeline/timeline.a2ui.json +82 -0
  308. package/components/timeline/timeline.css +389 -0
  309. package/components/timeline/timeline.js +171 -0
  310. package/components/timeline/timeline.yaml +185 -0
  311. package/components/toast/toast.a2ui.json +199 -0
  312. package/components/toast/toast.css +211 -0
  313. package/components/toast/toast.js +146 -0
  314. package/components/toast/toast.yaml +184 -0
  315. package/components/toggle-group/toggle-group.a2ui.json +126 -0
  316. package/components/toggle-group/toggle-group.css +102 -0
  317. package/components/toggle-group/toggle-group.js +147 -0
  318. package/components/toggle-group/toggle-group.yaml +98 -0
  319. package/components/toolbar/toolbar.a2ui.json +131 -0
  320. package/components/toolbar/toolbar.css +132 -0
  321. package/components/toolbar/toolbar.js +366 -0
  322. package/components/toolbar/toolbar.yaml +238 -0
  323. package/components/tooltip/tooltip.a2ui.json +148 -0
  324. package/components/tooltip/tooltip.css +39 -0
  325. package/components/tooltip/tooltip.js +96 -0
  326. package/components/tooltip/tooltip.yaml +201 -0
  327. package/components/tree/tree.a2ui.json +119 -0
  328. package/components/tree/tree.css +133 -0
  329. package/components/tree/tree.js +253 -0
  330. package/components/tree/tree.yaml +92 -0
  331. package/components/upload/upload.a2ui.json +185 -0
  332. package/components/upload/upload.css +115 -0
  333. package/components/upload/upload.js +189 -0
  334. package/components/upload/upload.yaml +302 -0
  335. package/core/anchor.js +187 -0
  336. package/core/controller.js +182 -0
  337. package/core/element.js +257 -0
  338. package/core/form.js +217 -0
  339. package/core/icons.js +180 -0
  340. package/core/markdown.js +95 -0
  341. package/core/polyfills.js +23 -0
  342. package/core/provider.js +262 -0
  343. package/core/signals.js +113 -0
  344. package/core/template.js +226 -0
  345. package/core/transport.js +77 -0
  346. package/package.json +38 -0
  347. package/patterns/adia-chat/adia-chat.a2ui.json +149 -0
  348. package/patterns/adia-chat/adia-chat.css +10 -0
  349. package/patterns/adia-chat/adia-chat.js +297 -0
  350. package/patterns/adia-chat/adia-chat.yaml +118 -0
  351. package/patterns/adia-chat/css/adia-chat.empty.css +12 -0
  352. package/patterns/adia-chat/css/adia-chat.layout.css +60 -0
  353. package/patterns/adia-chat/css/adia-chat.markdown.css +74 -0
  354. package/patterns/adia-chat/css/adia-chat.messages.css +87 -0
  355. package/patterns/adia-chat/css/adia-chat.streaming.css +30 -0
  356. package/patterns/adia-chat/css/adia-chat.tokens.css +95 -0
  357. package/patterns/adia-chat/index.html +93 -0
  358. package/patterns/adia-editor/adia-editor.a2ui.json +58 -0
  359. package/patterns/adia-editor/adia-editor.css +6 -0
  360. package/patterns/adia-editor/adia-editor.js +56 -0
  361. package/patterns/adia-editor/adia-editor.yaml +36 -0
  362. package/patterns/adia-editor/css/adia-editor.layout.css +86 -0
  363. package/patterns/adia-editor/css/adia-editor.tokens.css +28 -0
  364. package/patterns/adia-editor/index.html +179 -0
  365. package/patterns/app-nav/app-nav.a2ui.json +89 -0
  366. package/patterns/app-nav/app-nav.css +92 -0
  367. package/patterns/app-nav/app-nav.js +99 -0
  368. package/patterns/app-nav/app-nav.yaml +54 -0
  369. package/patterns/app-nav-group/app-nav-group.a2ui.json +82 -0
  370. package/patterns/app-nav-group/app-nav-group.css +261 -0
  371. package/patterns/app-nav-group/app-nav-group.js +116 -0
  372. package/patterns/app-nav-group/app-nav-group.yaml +59 -0
  373. package/patterns/app-nav-item/app-nav-item.a2ui.json +83 -0
  374. package/patterns/app-nav-item/app-nav-item.css +156 -0
  375. package/patterns/app-nav-item/app-nav-item.js +42 -0
  376. package/patterns/app-nav-item/app-nav-item.yaml +62 -0
  377. package/patterns/app-shell/app-shell.a2ui.json +114 -0
  378. package/patterns/app-shell/app-shell.css +14 -0
  379. package/patterns/app-shell/app-shell.js +251 -0
  380. package/patterns/app-shell/app-shell.yaml +66 -0
  381. package/patterns/app-shell/css/app-shell.collapsed.css +86 -0
  382. package/patterns/app-shell/css/app-shell.helpers.css +42 -0
  383. package/patterns/app-shell/css/app-shell.main.css +58 -0
  384. package/patterns/app-shell/css/app-shell.shell.css +44 -0
  385. package/patterns/app-shell/css/app-shell.sidebar.css +116 -0
  386. package/patterns/app-shell/css/app-shell.templates.css +214 -0
  387. package/patterns/app-shell/css/app-shell.tokens.css +116 -0
  388. package/patterns/app-shell/index.html +112 -0
  389. package/patterns/gen-ui/gen-ui.a2ui.json +72 -0
  390. package/patterns/gen-ui/gen-ui.css +83 -0
  391. package/patterns/gen-ui/gen-ui.js +136 -0
  392. package/patterns/gen-ui/gen-ui.yaml +43 -0
  393. package/patterns/index.js +10 -0
  394. package/patterns/section-nav/section-nav.a2ui.json +91 -0
  395. package/patterns/section-nav/section-nav.css +59 -0
  396. package/patterns/section-nav/section-nav.js +42 -0
  397. package/patterns/section-nav/section-nav.yaml +58 -0
  398. package/patterns/section-nav-group/section-nav-group.a2ui.json +95 -0
  399. package/patterns/section-nav-group/section-nav-group.css +74 -0
  400. package/patterns/section-nav-group/section-nav-group.js +84 -0
  401. package/patterns/section-nav-group/section-nav-group.yaml +66 -0
  402. package/patterns/section-nav-item/section-nav-item.a2ui.json +97 -0
  403. package/patterns/section-nav-item/section-nav-item.css +96 -0
  404. package/patterns/section-nav-item/section-nav-item.js +66 -0
  405. package/patterns/section-nav-item/section-nav-item.yaml +70 -0
  406. package/styles/colors/index.css +6 -0
  407. package/styles/colors/parameters.css +52 -0
  408. package/styles/colors/primitives-accent.css +89 -0
  409. package/styles/colors/primitives-brand.css +89 -0
  410. package/styles/colors/primitives-danger.css +89 -0
  411. package/styles/colors/primitives-info.css +89 -0
  412. package/styles/colors/primitives-neutral.css +91 -0
  413. package/styles/colors/primitives-shared.css +57 -0
  414. package/styles/colors/primitives-success.css +89 -0
  415. package/styles/colors/primitives-warning.css +89 -0
  416. package/styles/colors/primitives.css +17 -0
  417. package/styles/colors/scrims.css +182 -0
  418. package/styles/colors/semantics.css +595 -0
  419. package/styles/colors/surfaces.css +43 -0
  420. package/styles/fonts.css +99 -0
  421. package/styles/layouts/admin.css +7 -0
  422. package/styles/prose.css +186 -0
  423. package/styles/styles.css +193 -0
  424. package/styles/themes.css +155 -0
  425. package/styles/tokens.css +304 -0
  426. package/styles/typography.css +853 -0
  427. package/traits/active-state.js +24 -0
  428. package/traits/anchor-positioning.js +66 -0
  429. package/traits/attention-pulse.js +30 -0
  430. package/traits/confetti-burst.js +65 -0
  431. package/traits/confetti.js +57 -0
  432. package/traits/count-up.js +42 -0
  433. package/traits/define.js +76 -0
  434. package/traits/dirty-state.js +38 -0
  435. package/traits/drag-ghost.js +38 -0
  436. package/traits/draggable.js +73 -0
  437. package/traits/fade-presence.js +52 -0
  438. package/traits/focus-trap.js +63 -0
  439. package/traits/focusable.js +38 -0
  440. package/traits/glow-focus.js +33 -0
  441. package/traits/gradient-shift.js +32 -0
  442. package/traits/haptic-feedback.js +28 -0
  443. package/traits/hotkey.js +62 -0
  444. package/traits/hoverable.js +26 -0
  445. package/traits/index.js +55 -0
  446. package/traits/inertia-drag.js +133 -0
  447. package/traits/intersection-observer.js +33 -0
  448. package/traits/keyboard-nav.js +36 -0
  449. package/traits/magnetic-hover.js +37 -0
  450. package/traits/noise-texture.js +30 -0
  451. package/traits/parallax.js +42 -0
  452. package/traits/portal.js +27 -0
  453. package/traits/pressable.js +75 -0
  454. package/traits/resizable.js +100 -0
  455. package/traits/resize-observer.js +31 -0
  456. package/traits/ripple.js +53 -0
  457. package/traits/roving-tabindex.js +67 -0
  458. package/traits/scale-press.js +43 -0
  459. package/traits/scroll-lock.js +27 -0
  460. package/traits/shimmer-loading.js +44 -0
  461. package/traits/snap-to-grid.js +28 -0
  462. package/traits/sound-feedback.js +30 -0
  463. package/traits/spring-animate.js +56 -0
  464. package/traits/tilt-hover.js +37 -0
  465. package/traits/tossable.js +178 -0
  466. package/traits/typeahead.js +63 -0
  467. package/traits/typewriter.js +35 -0
  468. package/traits/validation.js +118 -0
@@ -0,0 +1,89 @@
1
+ /* ═══════════════════════════════════════════════════════════════
2
+ Color Primitives — Success (Fine Scale 05–95)
3
+ Tint: light-oriented (05 lightest → 95 darkest).
4
+ Shade: dark-oriented (05 darkest → 95 lightest).
5
+ Requires primitives-shared.css and parameters.css.
6
+ ═══════════════════════════════════════════════════════════════ */
7
+
8
+ :root, theme-ui, [data-theme] {
9
+ /* ── Success tints (05 lightest → 95 darkest) ── */
10
+ --a-success-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-05) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
11
+ --a-success-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-10) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
12
+ --a-success-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-15) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
13
+ --a-success-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-20) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
14
+ --a-success-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-25) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
15
+ --a-success-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-30) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
16
+ --a-success-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-35) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
17
+ --a-success-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-40) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
18
+ --a-success-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-45) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
19
+ --a-success-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-50) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
20
+ --a-success-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-55) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
21
+ --a-success-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-60) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
22
+ --a-success-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-65) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
23
+ --a-success-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-70) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
24
+ --a-success-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-75) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
25
+ --a-success-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-80) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
26
+ --a-success-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-85) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
27
+ --a-success-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-90) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
28
+ --a-success-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-95) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
29
+
30
+ /* ── Success shades (05 darkest → 95 lightest) ── */
31
+ --a-success-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-05) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
32
+ --a-success-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-10) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
33
+ --a-success-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-15) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
34
+ --a-success-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-20) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
35
+ --a-success-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-25) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
36
+ --a-success-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-30) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
37
+ --a-success-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-35) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
38
+ --a-success-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-40) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
39
+ --a-success-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-45) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
40
+ --a-success-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-50) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
41
+ --a-success-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-55) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
42
+ --a-success-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-60) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
43
+ --a-success-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-65) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
44
+ --a-success-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-70) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
45
+ --a-success-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-75) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
46
+ --a-success-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-80) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
47
+ --a-success-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-85) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
48
+ --a-success-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-90) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
49
+ --a-success-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-success-c-min) + var(--_cf-95) * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue));
50
+
51
+ /* ── Adaptive fine scale (light-dark) ── */
52
+ --a-success-05: light-dark(var(--a-success-05-tint), var(--a-success-05-shade));
53
+ --a-success-10: light-dark(var(--a-success-10-tint), var(--a-success-10-shade));
54
+ --a-success-20: light-dark(var(--a-success-20-tint), var(--a-success-20-shade));
55
+ --a-success-30: light-dark(var(--a-success-30-tint), var(--a-success-30-shade));
56
+ --a-success-40: light-dark(var(--a-success-40-tint), var(--a-success-40-shade));
57
+ --a-success-50: light-dark(var(--a-success-50-tint), var(--a-success-50-shade));
58
+ --a-success-60: light-dark(var(--a-success-60-tint), var(--a-success-60-shade));
59
+ --a-success-70: light-dark(var(--a-success-70-tint), var(--a-success-70-shade));
60
+ --a-success-80: light-dark(var(--a-success-80-tint), var(--a-success-80-shade));
61
+ --a-success-90: light-dark(var(--a-success-90-tint), var(--a-success-90-shade));
62
+ --a-success-95: light-dark(var(--a-success-95-tint), var(--a-success-95-shade));
63
+
64
+ /* ── Coarse surface scale (0-6, linear increment) ── */
65
+ --a-success-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
66
+ --a-success-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
67
+ --a-success-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
68
+ --a-success-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
69
+ --a-success-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
70
+ --a-success-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
71
+ --a-success-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
72
+
73
+ --a-success-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
74
+ --a-success-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
75
+ --a-success-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
76
+ --a-success-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
77
+ --a-success-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
78
+ --a-success-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
79
+ --a-success-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-success-c-min) var(--a-success-hue));
80
+
81
+ /* ── Adaptive coarse scale (light-dark) ── */
82
+ --a-success-0: light-dark(var(--a-success-0-tint), var(--a-success-0-shade));
83
+ --a-success-1: light-dark(var(--a-success-1-tint), var(--a-success-1-shade));
84
+ --a-success-2: light-dark(var(--a-success-2-tint), var(--a-success-2-shade));
85
+ --a-success-3: light-dark(var(--a-success-3-tint), var(--a-success-3-shade));
86
+ --a-success-4: light-dark(var(--a-success-4-tint), var(--a-success-4-shade));
87
+ --a-success-5: light-dark(var(--a-success-5-tint), var(--a-success-5-shade));
88
+ --a-success-6: light-dark(var(--a-success-6-tint), var(--a-success-6-shade));
89
+ }
@@ -0,0 +1,89 @@
1
+ /* ═══════════════════════════════════════════════════════════════
2
+ Color Primitives — Warning (Fine Scale 05–95)
3
+ Tint: light-oriented (05 lightest → 95 darkest).
4
+ Shade: dark-oriented (05 darkest → 95 lightest).
5
+ Requires primitives-shared.css and parameters.css.
6
+ ═══════════════════════════════════════════════════════════════ */
7
+
8
+ :root, theme-ui, [data-theme] {
9
+ /* ── Warning tints (05 lightest → 95 darkest) ── */
10
+ --a-warning-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-05) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
11
+ --a-warning-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-10) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
12
+ --a-warning-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-15) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
13
+ --a-warning-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-20) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
14
+ --a-warning-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-25) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
15
+ --a-warning-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-30) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
16
+ --a-warning-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-35) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
17
+ --a-warning-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-40) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
18
+ --a-warning-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-45) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
19
+ --a-warning-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-50) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
20
+ --a-warning-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-55) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
21
+ --a-warning-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-60) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
22
+ --a-warning-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-65) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
23
+ --a-warning-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-70) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
24
+ --a-warning-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-75) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
25
+ --a-warning-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-80) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
26
+ --a-warning-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-85) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
27
+ --a-warning-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-90) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
28
+ --a-warning-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-95) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
29
+
30
+ /* ── Warning shades (05 darkest → 95 lightest) ── */
31
+ --a-warning-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-05) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
32
+ --a-warning-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-10) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
33
+ --a-warning-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-15) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
34
+ --a-warning-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-20) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
35
+ --a-warning-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-25) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
36
+ --a-warning-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-30) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
37
+ --a-warning-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-35) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
38
+ --a-warning-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-40) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
39
+ --a-warning-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-45) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
40
+ --a-warning-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-50) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
41
+ --a-warning-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-55) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
42
+ --a-warning-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-60) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
43
+ --a-warning-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-65) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
44
+ --a-warning-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-70) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
45
+ --a-warning-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-75) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
46
+ --a-warning-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-80) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
47
+ --a-warning-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-85) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
48
+ --a-warning-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-90) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
49
+ --a-warning-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-warning-c-min) + var(--_cf-95) * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue));
50
+
51
+ /* ── Coarse surface scale (0-6, linear increment) ── */
52
+ --a-warning-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
53
+ --a-warning-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
54
+ --a-warning-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
55
+ --a-warning-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
56
+ --a-warning-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
57
+ --a-warning-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
58
+ --a-warning-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
59
+
60
+ --a-warning-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
61
+ --a-warning-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
62
+ --a-warning-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
63
+ --a-warning-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
64
+ --a-warning-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
65
+ --a-warning-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
66
+ --a-warning-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-warning-c-min) var(--a-warning-hue));
67
+
68
+ /* ── Adaptive fine scale (light-dark) ── */
69
+ --a-warning-05: light-dark(var(--a-warning-05-tint), var(--a-warning-05-shade));
70
+ --a-warning-10: light-dark(var(--a-warning-10-tint), var(--a-warning-10-shade));
71
+ --a-warning-20: light-dark(var(--a-warning-20-tint), var(--a-warning-20-shade));
72
+ --a-warning-30: light-dark(var(--a-warning-30-tint), var(--a-warning-30-shade));
73
+ --a-warning-40: light-dark(var(--a-warning-40-tint), var(--a-warning-40-shade));
74
+ --a-warning-50: light-dark(var(--a-warning-50-tint), var(--a-warning-50-shade));
75
+ --a-warning-60: light-dark(var(--a-warning-60-tint), var(--a-warning-60-shade));
76
+ --a-warning-70: light-dark(var(--a-warning-70-tint), var(--a-warning-70-shade));
77
+ --a-warning-80: light-dark(var(--a-warning-80-tint), var(--a-warning-80-shade));
78
+ --a-warning-90: light-dark(var(--a-warning-90-tint), var(--a-warning-90-shade));
79
+ --a-warning-95: light-dark(var(--a-warning-95-tint), var(--a-warning-95-shade));
80
+
81
+ /* ── Adaptive coarse scale (light-dark) ── */
82
+ --a-warning-0: light-dark(var(--a-warning-0-tint), var(--a-warning-0-shade));
83
+ --a-warning-1: light-dark(var(--a-warning-1-tint), var(--a-warning-1-shade));
84
+ --a-warning-2: light-dark(var(--a-warning-2-tint), var(--a-warning-2-shade));
85
+ --a-warning-3: light-dark(var(--a-warning-3-tint), var(--a-warning-3-shade));
86
+ --a-warning-4: light-dark(var(--a-warning-4-tint), var(--a-warning-4-shade));
87
+ --a-warning-5: light-dark(var(--a-warning-5-tint), var(--a-warning-5-shade));
88
+ --a-warning-6: light-dark(var(--a-warning-6-tint), var(--a-warning-6-shade));
89
+ }
@@ -0,0 +1,17 @@
1
+ /* ═══════════════════════════════════════════════════════════════
2
+ Color Primitives — Fine Scale (05–95)
3
+ Tint: light-oriented (05 lightest → 95 darkest).
4
+ Shade: dark-oriented (05 darkest → 95 lightest).
5
+ L: linear interpolation. C: parabolic (peaks at step 50).
6
+ Requires parameters.css for --a-color-l-min, --a-color-l-max,
7
+ --{family}-c-min, --{family}-c-max, --{family}-hue.
8
+ ═══════════════════════════════════════════════════════════════ */
9
+
10
+ @import './primitives-shared.css';
11
+ @import './primitives-neutral.css';
12
+ @import './primitives-brand.css';
13
+ @import './primitives-accent.css';
14
+ @import './primitives-info.css';
15
+ @import './primitives-success.css';
16
+ @import './primitives-warning.css';
17
+ @import './primitives-danger.css';
@@ -0,0 +1,182 @@
1
+ /* ═══════════════════════════════════════════════════════════════
2
+ Color Scrims — 7-step scale (0-6) per family.
3
+
4
+ Alpha: 0.10, 0.20, 0.30, 0.40, 0.50, 0.60, 0.70
5
+ Chroma: parabolic curve (0, 0.556, 0.889, 1.0, 0.889, 0.556, 0)
6
+ — peak saturation at step 3 (the default overlay weight).
7
+
8
+ Three tokens per step:
9
+ --a-{family}-N-tint-scrim always lightens (tint-scrim-l)
10
+ --a-{family}-N-shade-scrim always darkens (shade-scrim-l)
11
+ --a-{family}-N-scrim adaptive light-dark(shade, tint)
12
+
13
+ Use the adaptive -scrim by default. Reach for -tint-scrim / -shade-scrim
14
+ when you need fixed direction regardless of mode (e.g. modal backdrops
15
+ that should always dim).
16
+
17
+ Depends on: parameters.css
18
+ ═══════════════════════════════════════════════════════════════ */
19
+
20
+ :root, theme-ui, [data-theme] {
21
+
22
+ /* ── Neutral ── */
23
+ --a-neutral-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-0));
24
+ --a-neutral-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-0));
25
+ --a-neutral-0-scrim: light-dark(var(--a-neutral-0-shade-scrim), var(--a-neutral-0-tint-scrim));
26
+ --a-neutral-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-1));
27
+ --a-neutral-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-1));
28
+ --a-neutral-1-scrim: light-dark(var(--a-neutral-1-shade-scrim), var(--a-neutral-1-tint-scrim));
29
+ --a-neutral-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-2));
30
+ --a-neutral-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-2));
31
+ --a-neutral-2-scrim: light-dark(var(--a-neutral-2-shade-scrim), var(--a-neutral-2-tint-scrim));
32
+ --a-neutral-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 1.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-3));
33
+ --a-neutral-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 1.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-3));
34
+ --a-neutral-3-scrim: light-dark(var(--a-neutral-3-shade-scrim), var(--a-neutral-3-tint-scrim));
35
+ --a-neutral-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-4));
36
+ --a-neutral-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-4));
37
+ --a-neutral-4-scrim: light-dark(var(--a-neutral-4-shade-scrim), var(--a-neutral-4-tint-scrim));
38
+ --a-neutral-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-5));
39
+ --a-neutral-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-5));
40
+ --a-neutral-5-scrim: light-dark(var(--a-neutral-5-shade-scrim), var(--a-neutral-5-tint-scrim));
41
+ --a-neutral-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-6));
42
+ --a-neutral-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-6));
43
+ --a-neutral-6-scrim: light-dark(var(--a-neutral-6-shade-scrim), var(--a-neutral-6-tint-scrim));
44
+
45
+ /* ── Accent ── */
46
+ --a-accent-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
47
+ --a-accent-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
48
+ --a-accent-0-scrim: light-dark(var(--a-accent-0-shade-scrim), var(--a-accent-0-tint-scrim));
49
+ --a-accent-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
50
+ --a-accent-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
51
+ --a-accent-1-scrim: light-dark(var(--a-accent-1-shade-scrim), var(--a-accent-1-tint-scrim));
52
+ --a-accent-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
53
+ --a-accent-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
54
+ --a-accent-2-scrim: light-dark(var(--a-accent-2-shade-scrim), var(--a-accent-2-tint-scrim));
55
+ --a-accent-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 1.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
56
+ --a-accent-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 1.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
57
+ --a-accent-3-scrim: light-dark(var(--a-accent-3-shade-scrim), var(--a-accent-3-tint-scrim));
58
+ --a-accent-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
59
+ --a-accent-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
60
+ --a-accent-4-scrim: light-dark(var(--a-accent-4-shade-scrim), var(--a-accent-4-tint-scrim));
61
+ --a-accent-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
62
+ --a-accent-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
63
+ --a-accent-5-scrim: light-dark(var(--a-accent-5-shade-scrim), var(--a-accent-5-tint-scrim));
64
+ --a-accent-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
65
+ --a-accent-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
66
+ --a-accent-6-scrim: light-dark(var(--a-accent-6-shade-scrim), var(--a-accent-6-tint-scrim));
67
+
68
+ /* ── Brand ── */
69
+ --a-brand-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
70
+ --a-brand-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
71
+ --a-brand-0-scrim: light-dark(var(--a-brand-0-shade-scrim), var(--a-brand-0-tint-scrim));
72
+ --a-brand-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
73
+ --a-brand-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
74
+ --a-brand-1-scrim: light-dark(var(--a-brand-1-shade-scrim), var(--a-brand-1-tint-scrim));
75
+ --a-brand-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
76
+ --a-brand-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
77
+ --a-brand-2-scrim: light-dark(var(--a-brand-2-shade-scrim), var(--a-brand-2-tint-scrim));
78
+ --a-brand-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 1.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
79
+ --a-brand-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 1.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
80
+ --a-brand-3-scrim: light-dark(var(--a-brand-3-shade-scrim), var(--a-brand-3-tint-scrim));
81
+ --a-brand-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
82
+ --a-brand-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
83
+ --a-brand-4-scrim: light-dark(var(--a-brand-4-shade-scrim), var(--a-brand-4-tint-scrim));
84
+ --a-brand-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
85
+ --a-brand-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
86
+ --a-brand-5-scrim: light-dark(var(--a-brand-5-shade-scrim), var(--a-brand-5-tint-scrim));
87
+ --a-brand-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
88
+ --a-brand-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
89
+ --a-brand-6-scrim: light-dark(var(--a-brand-6-shade-scrim), var(--a-brand-6-tint-scrim));
90
+
91
+ /* ── Info ── */
92
+ --a-info-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
93
+ --a-info-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
94
+ --a-info-0-scrim: light-dark(var(--a-info-0-shade-scrim), var(--a-info-0-tint-scrim));
95
+ --a-info-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
96
+ --a-info-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
97
+ --a-info-1-scrim: light-dark(var(--a-info-1-shade-scrim), var(--a-info-1-tint-scrim));
98
+ --a-info-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
99
+ --a-info-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
100
+ --a-info-2-scrim: light-dark(var(--a-info-2-shade-scrim), var(--a-info-2-tint-scrim));
101
+ --a-info-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 1.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
102
+ --a-info-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 1.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
103
+ --a-info-3-scrim: light-dark(var(--a-info-3-shade-scrim), var(--a-info-3-tint-scrim));
104
+ --a-info-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
105
+ --a-info-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
106
+ --a-info-4-scrim: light-dark(var(--a-info-4-shade-scrim), var(--a-info-4-tint-scrim));
107
+ --a-info-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
108
+ --a-info-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
109
+ --a-info-5-scrim: light-dark(var(--a-info-5-shade-scrim), var(--a-info-5-tint-scrim));
110
+ --a-info-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
111
+ --a-info-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
112
+ --a-info-6-scrim: light-dark(var(--a-info-6-shade-scrim), var(--a-info-6-tint-scrim));
113
+
114
+ /* ── Success ── */
115
+ --a-success-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
116
+ --a-success-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
117
+ --a-success-0-scrim: light-dark(var(--a-success-0-shade-scrim), var(--a-success-0-tint-scrim));
118
+ --a-success-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
119
+ --a-success-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
120
+ --a-success-1-scrim: light-dark(var(--a-success-1-shade-scrim), var(--a-success-1-tint-scrim));
121
+ --a-success-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
122
+ --a-success-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
123
+ --a-success-2-scrim: light-dark(var(--a-success-2-shade-scrim), var(--a-success-2-tint-scrim));
124
+ --a-success-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 1.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
125
+ --a-success-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 1.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
126
+ --a-success-3-scrim: light-dark(var(--a-success-3-shade-scrim), var(--a-success-3-tint-scrim));
127
+ --a-success-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
128
+ --a-success-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
129
+ --a-success-4-scrim: light-dark(var(--a-success-4-shade-scrim), var(--a-success-4-tint-scrim));
130
+ --a-success-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
131
+ --a-success-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
132
+ --a-success-5-scrim: light-dark(var(--a-success-5-shade-scrim), var(--a-success-5-tint-scrim));
133
+ --a-success-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
134
+ --a-success-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
135
+ --a-success-6-scrim: light-dark(var(--a-success-6-shade-scrim), var(--a-success-6-tint-scrim));
136
+
137
+ /* ── Warning ── */
138
+ --a-warning-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
139
+ --a-warning-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
140
+ --a-warning-0-scrim: light-dark(var(--a-warning-0-shade-scrim), var(--a-warning-0-tint-scrim));
141
+ --a-warning-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
142
+ --a-warning-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
143
+ --a-warning-1-scrim: light-dark(var(--a-warning-1-shade-scrim), var(--a-warning-1-tint-scrim));
144
+ --a-warning-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
145
+ --a-warning-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
146
+ --a-warning-2-scrim: light-dark(var(--a-warning-2-shade-scrim), var(--a-warning-2-tint-scrim));
147
+ --a-warning-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 1.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
148
+ --a-warning-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 1.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
149
+ --a-warning-3-scrim: light-dark(var(--a-warning-3-shade-scrim), var(--a-warning-3-tint-scrim));
150
+ --a-warning-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
151
+ --a-warning-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
152
+ --a-warning-4-scrim: light-dark(var(--a-warning-4-shade-scrim), var(--a-warning-4-tint-scrim));
153
+ --a-warning-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
154
+ --a-warning-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
155
+ --a-warning-5-scrim: light-dark(var(--a-warning-5-shade-scrim), var(--a-warning-5-tint-scrim));
156
+ --a-warning-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
157
+ --a-warning-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
158
+ --a-warning-6-scrim: light-dark(var(--a-warning-6-shade-scrim), var(--a-warning-6-tint-scrim));
159
+
160
+ /* ── Danger ── */
161
+ --a-danger-0-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
162
+ --a-danger-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
163
+ --a-danger-0-scrim: light-dark(var(--a-danger-0-shade-scrim), var(--a-danger-0-tint-scrim));
164
+ --a-danger-1-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
165
+ --a-danger-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
166
+ --a-danger-1-scrim: light-dark(var(--a-danger-1-shade-scrim), var(--a-danger-1-tint-scrim));
167
+ --a-danger-2-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
168
+ --a-danger-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
169
+ --a-danger-2-scrim: light-dark(var(--a-danger-2-shade-scrim), var(--a-danger-2-tint-scrim));
170
+ --a-danger-3-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 1.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
171
+ --a-danger-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 1.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
172
+ --a-danger-3-scrim: light-dark(var(--a-danger-3-shade-scrim), var(--a-danger-3-tint-scrim));
173
+ --a-danger-4-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
174
+ --a-danger-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
175
+ --a-danger-4-scrim: light-dark(var(--a-danger-4-shade-scrim), var(--a-danger-4-tint-scrim));
176
+ --a-danger-5-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
177
+ --a-danger-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
178
+ --a-danger-5-scrim: light-dark(var(--a-danger-5-shade-scrim), var(--a-danger-5-tint-scrim));
179
+ --a-danger-6-tint-scrim: oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
180
+ --a-danger-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
181
+ --a-danger-6-scrim: light-dark(var(--a-danger-6-shade-scrim), var(--a-danger-6-tint-scrim));
182
+ }