@echelon-foundry/design-system 0.2.0 → 0.3.0-main.216.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 (198) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +46 -0
  3. package/dist/all.css +5537 -841
  4. package/dist/assessment.css +55 -12
  5. package/dist/build-metrics.json +181 -5
  6. package/dist/components.css +2965 -36
  7. package/dist/foundations.css +90 -0
  8. package/dist/marketing/forma-all.css +8162 -0
  9. package/dist/marketing/forma-echelon-marketing.css +2109 -0
  10. package/dist/marketing/forma-marketing-theme-echelon.css +163 -0
  11. package/dist/marketing/forma-marketing.css +1947 -0
  12. package/dist/marketing/forma-marketing.manifest.json +52 -0
  13. package/dist/marketing/forma-marketing.sha256 +4 -0
  14. package/dist/marketing.css +1198 -0
  15. package/dist/patterns/active-filter-summary.html +10 -0
  16. package/dist/patterns/attention-path.html +29 -0
  17. package/dist/patterns/badge.html +9 -0
  18. package/dist/patterns/callout.html +23 -0
  19. package/dist/patterns/card-grid.html +25 -0
  20. package/dist/patterns/character-grid-3270.html +39 -0
  21. package/dist/patterns/character-grid-field.html +21 -0
  22. package/dist/patterns/character-grid-keys.html +20 -0
  23. package/dist/patterns/character-grid-reveal.html +16 -0
  24. package/dist/patterns/character-grid-selection.html +30 -0
  25. package/dist/patterns/character-grid-status.html +11 -0
  26. package/dist/patterns/character-grid-workflow.html +147 -0
  27. package/dist/patterns/character-grid.html +16 -0
  28. package/dist/patterns/cluster.html +5 -0
  29. package/dist/patterns/code-sample.html +9 -0
  30. package/dist/patterns/command-group.html +6 -0
  31. package/dist/patterns/comparison-grid.html +7 -0
  32. package/dist/patterns/comparison-pairs.html +13 -0
  33. package/dist/patterns/cta.html +12 -0
  34. package/dist/patterns/dense-ledger.html +7 -0
  35. package/dist/patterns/diagnostic-status.html +7 -0
  36. package/dist/patterns/diagram.html +49 -0
  37. package/dist/patterns/documentation-layout.html +18 -0
  38. package/dist/patterns/emphasis-budget.html +21 -0
  39. package/dist/patterns/entry-index.html +16 -0
  40. package/dist/patterns/evidence-relationship.html +1 -0
  41. package/dist/patterns/facts.html +7 -0
  42. package/dist/patterns/fault-banner.html +19 -0
  43. package/dist/patterns/fault-blocking.html +25 -0
  44. package/dist/patterns/fault-details.html +11 -0
  45. package/dist/patterns/fault-inline.html +17 -0
  46. package/dist/patterns/fault-notification.html +20 -0
  47. package/dist/patterns/fault-reference.html +5 -0
  48. package/dist/patterns/fault-summary.html +20 -0
  49. package/dist/patterns/fault.html +17 -0
  50. package/dist/patterns/feed-item.html +12 -0
  51. package/dist/patterns/focus-stage.html +4 -0
  52. package/dist/patterns/frame.html +4 -0
  53. package/dist/patterns/freshness.html +1 -0
  54. package/dist/patterns/handoff-summary.html +1 -0
  55. package/dist/patterns/hero.html +17 -0
  56. package/dist/patterns/hierarchy-tree.html +11 -0
  57. package/dist/patterns/identifier.html +9 -0
  58. package/dist/patterns/landmark-region.html +4 -0
  59. package/dist/patterns/lane-board.html +10 -0
  60. package/dist/patterns/marketing-shell.html +40 -0
  61. package/dist/patterns/measure.html +4 -0
  62. package/dist/patterns/metric-value-change.html +9 -0
  63. package/dist/patterns/mosaic.html +6 -0
  64. package/dist/patterns/navigation-shell.html +8 -0
  65. package/dist/patterns/overflow-command-disclosure.html +6 -0
  66. package/dist/patterns/overview-disclosure.html +12 -0
  67. package/dist/patterns/path-summary.html +8 -0
  68. package/dist/patterns/priority-stack.html +4 -0
  69. package/dist/patterns/progress-bar.html +15 -0
  70. package/dist/patterns/prose.html +9 -0
  71. package/dist/patterns/rail.html +4 -0
  72. package/dist/patterns/recovery-actions.html +5 -0
  73. package/dist/patterns/relationship-index.html +8 -0
  74. package/dist/patterns/reorder-states.html +31 -0
  75. package/dist/patterns/resizable-split-pane.html +11 -0
  76. package/dist/patterns/responsive-grid.html +5 -0
  77. package/dist/patterns/scope-trail.html +1 -0
  78. package/dist/patterns/scroll-progress.html +6 -0
  79. package/dist/patterns/section-heading.html +12 -0
  80. package/dist/patterns/security-blockers.html +3 -0
  81. package/dist/patterns/security-evidence-age.html +1 -0
  82. package/dist/patterns/security-evidence-chain.html +2 -0
  83. package/dist/patterns/security-exception.html +2 -0
  84. package/dist/patterns/security-invariant-result.html +1 -0
  85. package/dist/patterns/security-posture.html +22 -0
  86. package/dist/patterns/security-state-matrix.html +5 -0
  87. package/dist/patterns/security-trend.html +1 -0
  88. package/dist/patterns/security-unknown.html +2 -0
  89. package/dist/patterns/sidebar.html +4 -0
  90. package/dist/patterns/site-footer.html +12 -0
  91. package/dist/patterns/site-header.html +18 -0
  92. package/dist/patterns/spatial-canvas.html +13 -0
  93. package/dist/patterns/spinner.html +4 -0
  94. package/dist/patterns/split-pane.html +4 -0
  95. package/dist/patterns/stack.html +5 -0
  96. package/dist/patterns/state-survivability.html +19 -0
  97. package/dist/patterns/steps.html +8 -0
  98. package/dist/patterns/switcher.html +4 -0
  99. package/dist/patterns/tooltip.html +48 -0
  100. package/dist/patterns/verification-frame.html +22 -0
  101. package/dist/patterns/workspace-shell.html +6 -0
  102. package/dist/tokens.css +436 -1
  103. package/docs/BRANDING.md +6 -1
  104. package/docs/MARKETING-SITES.md +321 -0
  105. package/figma/component-contracts.json +1544 -0
  106. package/package.json +34 -8
  107. package/patterns/active-filter-summary.html +10 -0
  108. package/patterns/aegis-faults.manifest.md +81 -0
  109. package/patterns/attention-path.html +29 -0
  110. package/patterns/badge.html +9 -0
  111. package/patterns/callout.html +23 -0
  112. package/patterns/card-grid.html +25 -0
  113. package/patterns/character-grid-3270.html +39 -0
  114. package/patterns/character-grid-field.html +21 -0
  115. package/patterns/character-grid-keys.html +20 -0
  116. package/patterns/character-grid-reveal.html +16 -0
  117. package/patterns/character-grid-selection.html +30 -0
  118. package/patterns/character-grid-status.html +11 -0
  119. package/patterns/character-grid-workflow.html +147 -0
  120. package/patterns/character-grid.html +16 -0
  121. package/patterns/cluster.html +5 -0
  122. package/patterns/code-sample.html +9 -0
  123. package/patterns/command-group.html +6 -0
  124. package/patterns/comparison-grid.html +7 -0
  125. package/patterns/comparison-pairs.html +13 -0
  126. package/patterns/cta.html +12 -0
  127. package/patterns/dense-ledger.html +7 -0
  128. package/patterns/diagnostic-status.html +7 -0
  129. package/patterns/diagram.html +49 -0
  130. package/patterns/documentation-layout.html +18 -0
  131. package/patterns/emphasis-budget.html +21 -0
  132. package/patterns/entry-index.html +16 -0
  133. package/patterns/evidence-relationship.html +1 -0
  134. package/patterns/facts.html +7 -0
  135. package/patterns/fault-banner.html +19 -0
  136. package/patterns/fault-blocking.html +25 -0
  137. package/patterns/fault-details.html +11 -0
  138. package/patterns/fault-inline.html +17 -0
  139. package/patterns/fault-notification.html +20 -0
  140. package/patterns/fault-reference.html +5 -0
  141. package/patterns/fault-summary.html +20 -0
  142. package/patterns/fault.html +17 -0
  143. package/patterns/feed-item.html +12 -0
  144. package/patterns/focus-stage.html +4 -0
  145. package/patterns/frame.html +4 -0
  146. package/patterns/freshness.html +1 -0
  147. package/patterns/handoff-summary.html +1 -0
  148. package/patterns/hero.html +17 -0
  149. package/patterns/hierarchy-tree.html +11 -0
  150. package/patterns/identifier.html +9 -0
  151. package/patterns/landmark-region.html +4 -0
  152. package/patterns/lane-board.html +10 -0
  153. package/patterns/manifest.md +2 -0
  154. package/patterns/marketing-shell.html +40 -0
  155. package/patterns/measure.html +4 -0
  156. package/patterns/metric-value-change.html +9 -0
  157. package/patterns/mosaic.html +6 -0
  158. package/patterns/navigation-shell.html +8 -0
  159. package/patterns/overflow-command-disclosure.html +6 -0
  160. package/patterns/overview-disclosure.html +12 -0
  161. package/patterns/path-summary.html +8 -0
  162. package/patterns/priority-stack.html +4 -0
  163. package/patterns/progress-bar.html +15 -0
  164. package/patterns/prose.html +9 -0
  165. package/patterns/rail.html +4 -0
  166. package/patterns/recovery-actions.html +5 -0
  167. package/patterns/relationship-index.html +8 -0
  168. package/patterns/reorder-states.html +31 -0
  169. package/patterns/resizable-split-pane.html +11 -0
  170. package/patterns/responsive-grid.html +5 -0
  171. package/patterns/scope-trail.html +1 -0
  172. package/patterns/scroll-progress.html +6 -0
  173. package/patterns/section-heading.html +12 -0
  174. package/patterns/security-blockers.html +3 -0
  175. package/patterns/security-evidence-age.html +1 -0
  176. package/patterns/security-evidence-chain.html +2 -0
  177. package/patterns/security-exception.html +2 -0
  178. package/patterns/security-invariant-result.html +1 -0
  179. package/patterns/security-posture.html +22 -0
  180. package/patterns/security-posture.manifest.md +20 -0
  181. package/patterns/security-state-matrix.html +5 -0
  182. package/patterns/security-trend.html +1 -0
  183. package/patterns/security-unknown.html +2 -0
  184. package/patterns/sidebar.html +4 -0
  185. package/patterns/site-footer.html +12 -0
  186. package/patterns/site-header.html +18 -0
  187. package/patterns/spatial-canvas.html +13 -0
  188. package/patterns/spinner.html +4 -0
  189. package/patterns/split-pane.html +4 -0
  190. package/patterns/stack.html +5 -0
  191. package/patterns/state-survivability.html +19 -0
  192. package/patterns/steps.html +8 -0
  193. package/patterns/switcher.html +4 -0
  194. package/patterns/tooltip.html +48 -0
  195. package/patterns/verification-frame.html +22 -0
  196. package/patterns/workspace-shell.html +6 -0
  197. package/schemas/brand-manifest.schema.json +17 -3
  198. package/tokens/echelon.tokens.json +2801 -0
@@ -0,0 +1,2801 @@
1
+ {
2
+ "$description": "Canonical Echelon Foundry design tokens. DTCG 2025.10 format subset.",
3
+ "primitive": {
4
+ "color": {
5
+ "$type": "color",
6
+ "foundry-charcoal": {
7
+ "$value": {
8
+ "colorSpace": "srgb",
9
+ "components": [
10
+ 0.12549,
11
+ 0.141176,
12
+ 0.129412
13
+ ],
14
+ "alpha": 1,
15
+ "hex": "#202421"
16
+ }
17
+ },
18
+ "forged-iron": {
19
+ "$value": {
20
+ "colorSpace": "srgb",
21
+ "components": [
22
+ 0.227451,
23
+ 0.25098,
24
+ 0.235294
25
+ ],
26
+ "alpha": 1,
27
+ "hex": "#3a403c"
28
+ }
29
+ },
30
+ "parchment": {
31
+ "$value": {
32
+ "colorSpace": "srgb",
33
+ "components": [
34
+ 0.94902,
35
+ 0.937255,
36
+ 0.905882
37
+ ],
38
+ "alpha": 1,
39
+ "hex": "#f2efe7"
40
+ }
41
+ },
42
+ "oxide-bronze": {
43
+ "$value": {
44
+ "colorSpace": "srgb",
45
+ "components": [
46
+ 0.564706,
47
+ 0.345098,
48
+ 0.192157
49
+ ],
50
+ "alpha": 1,
51
+ "hex": "#905831"
52
+ }
53
+ },
54
+ "oxide-bronze-light": {
55
+ "$description": "Accessible dark-surface accent derived from oxide bronze.",
56
+ "$value": {
57
+ "colorSpace": "srgb",
58
+ "components": [
59
+ 0.658824,
60
+ 0.494118,
61
+ 0.368627
62
+ ],
63
+ "alpha": 1,
64
+ "hex": "#a87e5e"
65
+ }
66
+ },
67
+ "verdigris": {
68
+ "$value": {
69
+ "colorSpace": "srgb",
70
+ "components": [
71
+ 0.278431,
72
+ 0.458824,
73
+ 0.419608
74
+ ],
75
+ "alpha": 1,
76
+ "hex": "#47756b"
77
+ }
78
+ },
79
+ "verdigris-light": {
80
+ "$description": "Accessible dark-surface accent derived from verdigris.",
81
+ "$value": {
82
+ "colorSpace": "srgb",
83
+ "components": [
84
+ 0.411765,
85
+ 0.552941,
86
+ 0.517647
87
+ ],
88
+ "alpha": 1,
89
+ "hex": "#698d84"
90
+ }
91
+ },
92
+ "carbon": {
93
+ "$value": {
94
+ "colorSpace": "srgb",
95
+ "components": [
96
+ 0.090196,
97
+ 0.101961,
98
+ 0.094118
99
+ ],
100
+ "alpha": 1,
101
+ "hex": "#171a18"
102
+ }
103
+ },
104
+ "graphite": {
105
+ "$value": {
106
+ "colorSpace": "srgb",
107
+ "components": [
108
+ 0.407843,
109
+ 0.427451,
110
+ 0.407843
111
+ ],
112
+ "alpha": 1,
113
+ "hex": "#686d68"
114
+ }
115
+ },
116
+ "stone": {
117
+ "$value": {
118
+ "colorSpace": "srgb",
119
+ "components": [
120
+ 0.890196,
121
+ 0.878431,
122
+ 0.843137
123
+ ],
124
+ "alpha": 1,
125
+ "hex": "#e3e0d7"
126
+ }
127
+ },
128
+ "black": {
129
+ "$value": {
130
+ "colorSpace": "srgb",
131
+ "components": [
132
+ 0,
133
+ 0,
134
+ 0
135
+ ],
136
+ "alpha": 1,
137
+ "hex": "#000000"
138
+ }
139
+ },
140
+ "white": {
141
+ "$value": {
142
+ "colorSpace": "srgb",
143
+ "components": [
144
+ 1,
145
+ 1,
146
+ 1
147
+ ],
148
+ "alpha": 1,
149
+ "hex": "#ffffff"
150
+ }
151
+ },
152
+ "neutral-950": {
153
+ "$value": {
154
+ "colorSpace": "srgb",
155
+ "components": [
156
+ 0.08627450980392157,
157
+ 0.08627450980392157,
158
+ 0.08627450980392157
159
+ ],
160
+ "alpha": 1,
161
+ "hex": "#161616"
162
+ }
163
+ },
164
+ "neutral-800": {
165
+ "$value": {
166
+ "colorSpace": "srgb",
167
+ "components": [
168
+ 0.18823529411764706,
169
+ 0.18823529411764706,
170
+ 0.18823529411764706
171
+ ],
172
+ "alpha": 1,
173
+ "hex": "#303030"
174
+ }
175
+ },
176
+ "neutral-650": {
177
+ "$value": {
178
+ "colorSpace": "srgb",
179
+ "components": [
180
+ 0.3333333333333333,
181
+ 0.3333333333333333,
182
+ 0.3333333333333333
183
+ ],
184
+ "alpha": 1,
185
+ "hex": "#555555"
186
+ }
187
+ },
188
+ "neutral-200": {
189
+ "$value": {
190
+ "colorSpace": "srgb",
191
+ "components": [
192
+ 0.8470588235294118,
193
+ 0.8470588235294118,
194
+ 0.8470588235294118
195
+ ],
196
+ "alpha": 1,
197
+ "hex": "#d8d8d8"
198
+ }
199
+ },
200
+ "neutral-100": {
201
+ "$value": {
202
+ "colorSpace": "srgb",
203
+ "components": [
204
+ 0.9333333333333333,
205
+ 0.9333333333333333,
206
+ 0.9333333333333333
207
+ ],
208
+ "alpha": 1,
209
+ "hex": "#eeeeee"
210
+ }
211
+ },
212
+ "signal-blue": {
213
+ "$value": {
214
+ "colorSpace": "srgb",
215
+ "components": [
216
+ 0,
217
+ 0.3686274509803922,
218
+ 0.6588235294117647
219
+ ],
220
+ "alpha": 1,
221
+ "hex": "#005ea8"
222
+ }
223
+ },
224
+ "signal-cyan": {
225
+ "$value": {
226
+ "colorSpace": "srgb",
227
+ "components": [
228
+ 0,
229
+ 0.4196078431372549,
230
+ 0.4588235294117647
231
+ ],
232
+ "alpha": 1,
233
+ "hex": "#006b75"
234
+ }
235
+ },
236
+ "muted-plum": {
237
+ "$value": {
238
+ "colorSpace": "srgb",
239
+ "components": [
240
+ 0.4392156862745098,
241
+ 0.25098039215686274,
242
+ 0.3607843137254902
243
+ ],
244
+ "alpha": 1,
245
+ "hex": "#70405c"
246
+ }
247
+ },
248
+ "muted-teal": {
249
+ "$value": {
250
+ "colorSpace": "srgb",
251
+ "components": [
252
+ 0.20784313725490197,
253
+ 0.4196078431372549,
254
+ 0.39215686274509803
255
+ ],
256
+ "alpha": 1,
257
+ "hex": "#356b64"
258
+ }
259
+ },
260
+ "ops-red": {
261
+ "$value": {
262
+ "colorSpace": "srgb",
263
+ "components": [
264
+ 0.611764705882353,
265
+ 0.1843137254901961,
266
+ 0.1450980392156863
267
+ ],
268
+ "alpha": 1,
269
+ "hex": "#9c2f25"
270
+ }
271
+ },
272
+ "ops-blue": {
273
+ "$value": {
274
+ "colorSpace": "srgb",
275
+ "components": [
276
+ 0.19215686274509805,
277
+ 0.37254901960784315,
278
+ 0.5490196078431373
279
+ ],
280
+ "alpha": 1,
281
+ "hex": "#315f8c"
282
+ }
283
+ },
284
+ "paper": {
285
+ "$value": {
286
+ "colorSpace": "srgb",
287
+ "components": [
288
+ 0.9686274509803922,
289
+ 0.9490196078431372,
290
+ 0.9058823529411765
291
+ ],
292
+ "alpha": 1,
293
+ "hex": "#f7f2e7"
294
+ }
295
+ },
296
+ "ink": {
297
+ "$value": {
298
+ "colorSpace": "srgb",
299
+ "components": [
300
+ 0.12941176470588237,
301
+ 0.11372549019607843,
302
+ 0.09411764705882353
303
+ ],
304
+ "alpha": 1,
305
+ "hex": "#211d18"
306
+ }
307
+ },
308
+ "paper-muted": {
309
+ "$value": {
310
+ "colorSpace": "srgb",
311
+ "components": [
312
+ 0.9058823529411765,
313
+ 0.8705882352941177,
314
+ 0.807843137254902
315
+ ],
316
+ "alpha": 1,
317
+ "hex": "#e7dece"
318
+ }
319
+ },
320
+ "forest": {
321
+ "$value": {
322
+ "colorSpace": "srgb",
323
+ "components": [
324
+ 0.1568627450980392,
325
+ 0.3607843137254902,
326
+ 0.27058823529411763
327
+ ],
328
+ "alpha": 1,
329
+ "hex": "#285c45"
330
+ }
331
+ },
332
+ "navy": {
333
+ "$value": {
334
+ "colorSpace": "srgb",
335
+ "components": [
336
+ 0.1411764705882353,
337
+ 0.30980392156862746,
338
+ 0.45098039215686275
339
+ ],
340
+ "alpha": 1,
341
+ "hex": "#244f73"
342
+ }
343
+ },
344
+ "clinical": {
345
+ "$value": {
346
+ "colorSpace": "srgb",
347
+ "components": [
348
+ 0.9725490196078431,
349
+ 0.9803921568627451,
350
+ 0.984313725490196
351
+ ],
352
+ "alpha": 1,
353
+ "hex": "#f8fafb"
354
+ }
355
+ },
356
+ "clinical-secondary": {
357
+ "$value": {
358
+ "colorSpace": "srgb",
359
+ "components": [
360
+ 0.9019607843137255,
361
+ 0.9294117647058824,
362
+ 0.9450980392156862
363
+ ],
364
+ "alpha": 1,
365
+ "hex": "#e6edf1"
366
+ }
367
+ },
368
+ "clinical-text": {
369
+ "$value": {
370
+ "colorSpace": "srgb",
371
+ "components": [
372
+ 0.09019607843137255,
373
+ 0.1411764705882353,
374
+ 0.16862745098039217
375
+ ],
376
+ "alpha": 1,
377
+ "hex": "#17242b"
378
+ }
379
+ },
380
+ "clinical-muted": {
381
+ "$value": {
382
+ "colorSpace": "srgb",
383
+ "components": [
384
+ 0.3137254901960784,
385
+ 0.38823529411764707,
386
+ 0.42745098039215684
387
+ ],
388
+ "alpha": 1,
389
+ "hex": "#50636d"
390
+ }
391
+ },
392
+ "deep-slate": {
393
+ "$value": {
394
+ "colorSpace": "srgb",
395
+ "components": [
396
+ 0.07058823529411765,
397
+ 0.09803921568627451,
398
+ 0.11372549019607843
399
+ ],
400
+ "alpha": 1,
401
+ "hex": "#12191d"
402
+ }
403
+ },
404
+ "slate-surface": {
405
+ "$value": {
406
+ "colorSpace": "srgb",
407
+ "components": [
408
+ 0.12549019607843137,
409
+ 0.16470588235294117,
410
+ 0.18823529411764706
411
+ ],
412
+ "alpha": 1,
413
+ "hex": "#202a30"
414
+ }
415
+ },
416
+ "ice": {
417
+ "$value": {
418
+ "colorSpace": "srgb",
419
+ "components": [
420
+ 0.9098039215686274,
421
+ 0.9450980392156862,
422
+ 0.9568627450980393
423
+ ],
424
+ "alpha": 1,
425
+ "hex": "#e8f1f4"
426
+ }
427
+ },
428
+ "amber-light": {
429
+ "$value": {
430
+ "colorSpace": "srgb",
431
+ "components": [
432
+ 0.8509803921568627,
433
+ 0.6039215686274509,
434
+ 0.3333333333333333
435
+ ],
436
+ "alpha": 1,
437
+ "hex": "#d99a55"
438
+ }
439
+ },
440
+ "comp-blue": {
441
+ "$value": {
442
+ "colorSpace": "srgb",
443
+ "components": [
444
+ 0.09019607843137255,
445
+ 0.37254901960784315,
446
+ 0.5607843137254902
447
+ ],
448
+ "alpha": 1,
449
+ "hex": "#175f8f"
450
+ }
451
+ },
452
+ "comp-rust": {
453
+ "$value": {
454
+ "colorSpace": "srgb",
455
+ "components": [
456
+ 0.6039215686274509,
457
+ 0.24705882352941178,
458
+ 0.09803921568627451
459
+ ],
460
+ "alpha": 1,
461
+ "hex": "#9a3f19"
462
+ }
463
+ },
464
+ "analog-blue": {
465
+ "$value": {
466
+ "colorSpace": "srgb",
467
+ "components": [
468
+ 0.19215686274509805,
469
+ 0.37254901960784315,
470
+ 0.5490196078431373
471
+ ],
472
+ "alpha": 1,
473
+ "hex": "#315f8c"
474
+ }
475
+ },
476
+ "analog-teal": {
477
+ "$value": {
478
+ "colorSpace": "srgb",
479
+ "components": [
480
+ 0.1568627450980392,
481
+ 0.4235294117647059,
482
+ 0.40784313725490196
483
+ ],
484
+ "alpha": 1,
485
+ "hex": "#286c68"
486
+ }
487
+ },
488
+ "split-blue": {
489
+ "$value": {
490
+ "colorSpace": "srgb",
491
+ "components": [
492
+ 0.09019607843137255,
493
+ 0.37254901960784315,
494
+ 0.5607843137254902
495
+ ],
496
+ "alpha": 1,
497
+ "hex": "#175f8f"
498
+ }
499
+ },
500
+ "split-rust": {
501
+ "$value": {
502
+ "colorSpace": "srgb",
503
+ "components": [
504
+ 0.5764705882352941,
505
+ 0.27058823529411763,
506
+ 0.11764705882352941
507
+ ],
508
+ "alpha": 1,
509
+ "hex": "#93451e"
510
+ }
511
+ },
512
+ "split-plum": {
513
+ "$value": {
514
+ "colorSpace": "srgb",
515
+ "components": [
516
+ 0.47843137254901963,
517
+ 0.24705882352941178,
518
+ 0.4392156862745098
519
+ ],
520
+ "alpha": 1,
521
+ "hex": "#7a3f70"
522
+ }
523
+ },
524
+ "mono-accent": {
525
+ "$value": {
526
+ "colorSpace": "srgb",
527
+ "components": [
528
+ 0.23137254901960785,
529
+ 0.37254901960784315,
530
+ 0.3333333333333333
531
+ ],
532
+ "alpha": 1,
533
+ "hex": "#3b5f55"
534
+ }
535
+ },
536
+ "editorial-bg": {
537
+ "$value": {
538
+ "colorSpace": "srgb",
539
+ "components": [
540
+ 0.9647058823529412,
541
+ 0.9568627450980393,
542
+ 0.9372549019607843
543
+ ],
544
+ "alpha": 1,
545
+ "hex": "#f6f4ef"
546
+ }
547
+ },
548
+ "editorial-surface": {
549
+ "$value": {
550
+ "colorSpace": "srgb",
551
+ "components": [
552
+ 0.9058823529411765,
553
+ 0.8901960784313725,
554
+ 0.8549019607843137
555
+ ],
556
+ "alpha": 1,
557
+ "hex": "#e7e3da"
558
+ }
559
+ },
560
+ "earth-bg": {
561
+ "$value": {
562
+ "colorSpace": "srgb",
563
+ "components": [
564
+ 0.9529411764705882,
565
+ 0.9176470588235294,
566
+ 0.8627450980392157
567
+ ],
568
+ "alpha": 1,
569
+ "hex": "#f3eadc"
570
+ }
571
+ },
572
+ "earth-surface": {
573
+ "$value": {
574
+ "colorSpace": "srgb",
575
+ "components": [
576
+ 0.8745098039215686,
577
+ 0.8117647058823529,
578
+ 0.7215686274509804
579
+ ],
580
+ "alpha": 1,
581
+ "hex": "#dfcfb8"
582
+ }
583
+ },
584
+ "earth-text": {
585
+ "$value": {
586
+ "colorSpace": "srgb",
587
+ "components": [
588
+ 0.1607843137254902,
589
+ 0.13725490196078433,
590
+ 0.10980392156862745
591
+ ],
592
+ "alpha": 1,
593
+ "hex": "#29231c"
594
+ }
595
+ },
596
+ "earth-green": {
597
+ "$value": {
598
+ "colorSpace": "srgb",
599
+ "components": [
600
+ 0.20784313725490197,
601
+ 0.3764705882352941,
602
+ 0.26666666666666666
603
+ ],
604
+ "alpha": 1,
605
+ "hex": "#356044"
606
+ }
607
+ },
608
+ "institutional-bg": {
609
+ "$value": {
610
+ "colorSpace": "srgb",
611
+ "components": [
612
+ 0.9568627450980393,
613
+ 0.9686274509803922,
614
+ 0.9725490196078431
615
+ ],
616
+ "alpha": 1,
617
+ "hex": "#f4f7f8"
618
+ }
619
+ },
620
+ "institutional-surface": {
621
+ "$value": {
622
+ "colorSpace": "srgb",
623
+ "components": [
624
+ 0.8666666666666667,
625
+ 0.9019607843137255,
626
+ 0.9137254901960784
627
+ ],
628
+ "alpha": 1,
629
+ "hex": "#dde6e9"
630
+ }
631
+ },
632
+ "institutional-text": {
633
+ "$value": {
634
+ "colorSpace": "srgb",
635
+ "components": [
636
+ 0.09019607843137255,
637
+ 0.1450980392156863,
638
+ 0.16862745098039217
639
+ ],
640
+ "alpha": 1,
641
+ "hex": "#17252b"
642
+ }
643
+ },
644
+ "institutional-blue": {
645
+ "$value": {
646
+ "colorSpace": "srgb",
647
+ "components": [
648
+ 0.1411764705882353,
649
+ 0.36470588235294116,
650
+ 0.47843137254901963
651
+ ],
652
+ "alpha": 1,
653
+ "hex": "#245d7a"
654
+ }
655
+ },
656
+ "nature-bg": {
657
+ "$value": {
658
+ "colorSpace": "srgb",
659
+ "components": [
660
+ 0.9450980392156862,
661
+ 0.9411764705882353,
662
+ 0.8980392156862745
663
+ ],
664
+ "alpha": 1,
665
+ "hex": "#f1f0e5"
666
+ }
667
+ },
668
+ "nature-surface": {
669
+ "$value": {
670
+ "colorSpace": "srgb",
671
+ "components": [
672
+ 0.8627450980392157,
673
+ 0.8862745098039215,
674
+ 0.8117647058823529
675
+ ],
676
+ "alpha": 1,
677
+ "hex": "#dce2cf"
678
+ }
679
+ },
680
+ "nature-text": {
681
+ "$value": {
682
+ "colorSpace": "srgb",
683
+ "components": [
684
+ 0.12549019607843137,
685
+ 0.1568627450980392,
686
+ 0.12156862745098039
687
+ ],
688
+ "alpha": 1,
689
+ "hex": "#20281f"
690
+ }
691
+ },
692
+ "nature-green": {
693
+ "$value": {
694
+ "colorSpace": "srgb",
695
+ "components": [
696
+ 0.19215686274509805,
697
+ 0.37254901960784315,
698
+ 0.23921568627450981
699
+ ],
700
+ "alpha": 1,
701
+ "hex": "#315f3d"
702
+ }
703
+ },
704
+ "nature-blue": {
705
+ "$value": {
706
+ "colorSpace": "srgb",
707
+ "components": [
708
+ 0.19215686274509805,
709
+ 0.3686274509803922,
710
+ 0.4588235294117647
711
+ ],
712
+ "alpha": 1,
713
+ "hex": "#315e75"
714
+ }
715
+ },
716
+ "tech-bg": {
717
+ "$value": {
718
+ "colorSpace": "srgb",
719
+ "components": [
720
+ 0.06274509803921569,
721
+ 0.08627450980392157,
722
+ 0.09803921568627451
723
+ ],
724
+ "alpha": 1,
725
+ "hex": "#101619"
726
+ }
727
+ },
728
+ "tech-surface": {
729
+ "$value": {
730
+ "colorSpace": "srgb",
731
+ "components": [
732
+ 0.11372549019607843,
733
+ 0.15294117647058825,
734
+ 0.17254901960784313
735
+ ],
736
+ "alpha": 1,
737
+ "hex": "#1d272c"
738
+ }
739
+ },
740
+ "tech-text": {
741
+ "$value": {
742
+ "colorSpace": "srgb",
743
+ "components": [
744
+ 0.9058823529411765,
745
+ 0.9333333333333333,
746
+ 0.9411764705882353
747
+ ],
748
+ "alpha": 1,
749
+ "hex": "#e7eef0"
750
+ }
751
+ },
752
+ "tech-cyan": {
753
+ "$value": {
754
+ "colorSpace": "srgb",
755
+ "components": [
756
+ 0.38823529411764707,
757
+ 0.6588235294117647,
758
+ 0.6980392156862745
759
+ ],
760
+ "alpha": 1,
761
+ "hex": "#63a8b2"
762
+ }
763
+ },
764
+ "tech-amber": {
765
+ "$value": {
766
+ "colorSpace": "srgb",
767
+ "components": [
768
+ 0.8235294117647058,
769
+ 0.6039215686274509,
770
+ 0.34509803921568627
771
+ ],
772
+ "alpha": 1,
773
+ "hex": "#d29a58"
774
+ }
775
+ },
776
+ "parchment-light": {
777
+ "$value": {
778
+ "colorSpace": "srgb",
779
+ "components": [
780
+ 0.972549,
781
+ 0.964706,
782
+ 0.945098
783
+ ],
784
+ "alpha": 1,
785
+ "hex": "#f8f6f1"
786
+ }
787
+ },
788
+ "oxide-bronze-deep": {
789
+ "$value": {
790
+ "colorSpace": "srgb",
791
+ "components": [
792
+ 0.454902,
793
+ 0.27451,
794
+ 0.121569
795
+ ],
796
+ "alpha": 1,
797
+ "hex": "#74461f"
798
+ }
799
+ },
800
+ "oxide-bronze-pale": {
801
+ "$value": {
802
+ "colorSpace": "srgb",
803
+ "components": [
804
+ 0.788235,
805
+ 0.627451,
806
+ 0.498039
807
+ ],
808
+ "alpha": 1,
809
+ "hex": "#c9a07f"
810
+ }
811
+ },
812
+ "status-success": {
813
+ "$value": {
814
+ "colorSpace": "srgb",
815
+ "components": [
816
+ 0.180392,
817
+ 0.415686,
818
+ 0.270588
819
+ ],
820
+ "alpha": 1,
821
+ "hex": "#2e6a45"
822
+ }
823
+ },
824
+ "status-warning": {
825
+ "$value": {
826
+ "colorSpace": "srgb",
827
+ "components": [
828
+ 0.52549,
829
+ 0.337255,
830
+ 0.058824
831
+ ],
832
+ "alpha": 1,
833
+ "hex": "#86560f"
834
+ }
835
+ },
836
+ "status-danger": {
837
+ "$value": {
838
+ "colorSpace": "srgb",
839
+ "components": [
840
+ 0.631373,
841
+ 0.227451,
842
+ 0.172549
843
+ ],
844
+ "alpha": 1,
845
+ "hex": "#a13a2c"
846
+ }
847
+ },
848
+ "status-info": {
849
+ "$value": {
850
+ "colorSpace": "srgb",
851
+ "components": [
852
+ 0.176471,
853
+ 0.372549,
854
+ 0.52549
855
+ ],
856
+ "alpha": 1,
857
+ "hex": "#2d5f86"
858
+ }
859
+ },
860
+ "status-success-light": {
861
+ "$value": {
862
+ "colorSpace": "srgb",
863
+ "components": [
864
+ 0.54902,
865
+ 0.768627,
866
+ 0.623529
867
+ ],
868
+ "alpha": 1,
869
+ "hex": "#8cc49f"
870
+ }
871
+ },
872
+ "status-warning-light": {
873
+ "$value": {
874
+ "colorSpace": "srgb",
875
+ "components": [
876
+ 0.866667,
877
+ 0.698039,
878
+ 0.4
879
+ ],
880
+ "alpha": 1,
881
+ "hex": "#ddb266"
882
+ }
883
+ },
884
+ "status-danger-light": {
885
+ "$value": {
886
+ "colorSpace": "srgb",
887
+ "components": [
888
+ 0.937255,
889
+ 0.603922,
890
+ 0.545098
891
+ ],
892
+ "alpha": 1,
893
+ "hex": "#ef9a8b"
894
+ }
895
+ },
896
+ "status-info-light": {
897
+ "$value": {
898
+ "colorSpace": "srgb",
899
+ "components": [
900
+ 0.564706,
901
+ 0.72549,
902
+ 0.862745
903
+ ],
904
+ "alpha": 1,
905
+ "hex": "#90b9dc"
906
+ }
907
+ }
908
+ },
909
+ "spacing": {
910
+ "1": {
911
+ "$value": {
912
+ "value": 4,
913
+ "unit": "px"
914
+ }
915
+ },
916
+ "2": {
917
+ "$value": {
918
+ "value": 8,
919
+ "unit": "px"
920
+ }
921
+ },
922
+ "3": {
923
+ "$value": {
924
+ "value": 12,
925
+ "unit": "px"
926
+ }
927
+ },
928
+ "4": {
929
+ "$value": {
930
+ "value": 16,
931
+ "unit": "px"
932
+ }
933
+ },
934
+ "5": {
935
+ "$value": {
936
+ "value": 24,
937
+ "unit": "px"
938
+ }
939
+ },
940
+ "6": {
941
+ "$value": {
942
+ "value": 32,
943
+ "unit": "px"
944
+ }
945
+ },
946
+ "7": {
947
+ "$value": {
948
+ "value": 48,
949
+ "unit": "px"
950
+ }
951
+ },
952
+ "8": {
953
+ "$value": {
954
+ "value": 64,
955
+ "unit": "px"
956
+ }
957
+ },
958
+ "$type": "dimension",
959
+ "9": {
960
+ "$value": {
961
+ "value": 96,
962
+ "unit": "px"
963
+ }
964
+ },
965
+ "10": {
966
+ "$value": {
967
+ "value": 128,
968
+ "unit": "px"
969
+ }
970
+ }
971
+ },
972
+ "radius": {
973
+ "$type": "dimension",
974
+ "none": {
975
+ "$value": {
976
+ "value": 0,
977
+ "unit": "px"
978
+ }
979
+ },
980
+ "small": {
981
+ "$value": {
982
+ "value": 4,
983
+ "unit": "px"
984
+ }
985
+ },
986
+ "medium": {
987
+ "$value": {
988
+ "value": 8,
989
+ "unit": "px"
990
+ }
991
+ },
992
+ "pill": {
993
+ "$value": {
994
+ "value": 999,
995
+ "unit": "px"
996
+ }
997
+ }
998
+ },
999
+ "motion-duration": {
1000
+ "$type": "duration",
1001
+ "instant": {
1002
+ "$value": {
1003
+ "value": 0,
1004
+ "unit": "ms"
1005
+ }
1006
+ },
1007
+ "fast": {
1008
+ "$value": {
1009
+ "value": 120,
1010
+ "unit": "ms"
1011
+ }
1012
+ },
1013
+ "standard": {
1014
+ "$value": {
1015
+ "value": 180,
1016
+ "unit": "ms"
1017
+ }
1018
+ },
1019
+ "slow": {
1020
+ "$value": {
1021
+ "value": 280,
1022
+ "unit": "ms"
1023
+ }
1024
+ }
1025
+ },
1026
+ "motion-easing": {
1027
+ "$type": "cubicBezier",
1028
+ "standard": {
1029
+ "$value": [
1030
+ 0.2,
1031
+ 0,
1032
+ 0,
1033
+ 1
1034
+ ]
1035
+ },
1036
+ "enter": {
1037
+ "$value": [
1038
+ 0,
1039
+ 0,
1040
+ 0.2,
1041
+ 1
1042
+ ]
1043
+ },
1044
+ "exit": {
1045
+ "$value": [
1046
+ 0.4,
1047
+ 0,
1048
+ 1,
1049
+ 1
1050
+ ]
1051
+ }
1052
+ },
1053
+ "font-family": {
1054
+ "$type": "fontFamily",
1055
+ "display": {
1056
+ "$value": [
1057
+ "Newsreader",
1058
+ "Georgia",
1059
+ "serif"
1060
+ ]
1061
+ },
1062
+ "sans": {
1063
+ "$value": [
1064
+ "Manrope",
1065
+ "system-ui",
1066
+ "sans-serif"
1067
+ ]
1068
+ },
1069
+ "mono": {
1070
+ "$value": [
1071
+ "IBM Plex Mono",
1072
+ "ui-monospace",
1073
+ "monospace"
1074
+ ]
1075
+ }
1076
+ },
1077
+ "font-size": {
1078
+ "$type": "dimension",
1079
+ "$description": "Static type scale in rem so text follows user font-size preferences.",
1080
+ "2xs": {
1081
+ "$value": {
1082
+ "value": 0.6875,
1083
+ "unit": "rem"
1084
+ }
1085
+ },
1086
+ "xs": {
1087
+ "$value": {
1088
+ "value": 0.75,
1089
+ "unit": "rem"
1090
+ }
1091
+ },
1092
+ "sm": {
1093
+ "$value": {
1094
+ "value": 0.875,
1095
+ "unit": "rem"
1096
+ }
1097
+ },
1098
+ "md": {
1099
+ "$value": {
1100
+ "value": 1,
1101
+ "unit": "rem"
1102
+ }
1103
+ },
1104
+ "lg": {
1105
+ "$value": {
1106
+ "value": 1.25,
1107
+ "unit": "rem"
1108
+ }
1109
+ },
1110
+ "xl": {
1111
+ "$value": {
1112
+ "value": 1.5,
1113
+ "unit": "rem"
1114
+ }
1115
+ },
1116
+ "2xl": {
1117
+ "$value": {
1118
+ "value": 2,
1119
+ "unit": "rem"
1120
+ }
1121
+ },
1122
+ "3xl": {
1123
+ "$value": {
1124
+ "value": 2.5,
1125
+ "unit": "rem"
1126
+ }
1127
+ }
1128
+ },
1129
+ "font-size-fluid": {
1130
+ "$type": "fluidDimension",
1131
+ "$description": "Fluid display sizes. Every preferred value keeps a rem term so zoom and user font-size still scale text (WCAG 1.4.4).",
1132
+ "lead": {
1133
+ "$value": {
1134
+ "min": {
1135
+ "value": 1.125,
1136
+ "unit": "rem"
1137
+ },
1138
+ "preferred": [
1139
+ {
1140
+ "value": 0.875,
1141
+ "unit": "rem"
1142
+ },
1143
+ {
1144
+ "value": 0.85,
1145
+ "unit": "vw"
1146
+ }
1147
+ ],
1148
+ "max": {
1149
+ "value": 1.5,
1150
+ "unit": "rem"
1151
+ }
1152
+ }
1153
+ },
1154
+ "display-3": {
1155
+ "$value": {
1156
+ "min": {
1157
+ "value": 1.5,
1158
+ "unit": "rem"
1159
+ },
1160
+ "preferred": [
1161
+ {
1162
+ "value": 1,
1163
+ "unit": "rem"
1164
+ },
1165
+ {
1166
+ "value": 1.6,
1167
+ "unit": "vw"
1168
+ }
1169
+ ],
1170
+ "max": {
1171
+ "value": 2.4,
1172
+ "unit": "rem"
1173
+ }
1174
+ }
1175
+ },
1176
+ "display-2": {
1177
+ "$value": {
1178
+ "min": {
1179
+ "value": 2,
1180
+ "unit": "rem"
1181
+ },
1182
+ "preferred": [
1183
+ {
1184
+ "value": 1.25,
1185
+ "unit": "rem"
1186
+ },
1187
+ {
1188
+ "value": 3.6,
1189
+ "unit": "vw"
1190
+ }
1191
+ ],
1192
+ "max": {
1193
+ "value": 4.5,
1194
+ "unit": "rem"
1195
+ }
1196
+ }
1197
+ },
1198
+ "display-1": {
1199
+ "$value": {
1200
+ "min": {
1201
+ "value": 2.5,
1202
+ "unit": "rem"
1203
+ },
1204
+ "preferred": [
1205
+ {
1206
+ "value": 1.75,
1207
+ "unit": "rem"
1208
+ },
1209
+ {
1210
+ "value": 6,
1211
+ "unit": "vw"
1212
+ }
1213
+ ],
1214
+ "max": {
1215
+ "value": 7.25,
1216
+ "unit": "rem"
1217
+ }
1218
+ }
1219
+ }
1220
+ },
1221
+ "line-height": {
1222
+ "$type": "number",
1223
+ "display": {
1224
+ "$value": 1
1225
+ },
1226
+ "snug": {
1227
+ "$value": 1.25
1228
+ },
1229
+ "normal": {
1230
+ "$value": 1.5
1231
+ },
1232
+ "relaxed": {
1233
+ "$value": 1.65
1234
+ }
1235
+ },
1236
+ "font-weight": {
1237
+ "$type": "fontWeight",
1238
+ "regular": {
1239
+ "$value": 400
1240
+ },
1241
+ "medium": {
1242
+ "$value": 500
1243
+ },
1244
+ "semibold": {
1245
+ "$value": 600
1246
+ },
1247
+ "bold": {
1248
+ "$value": 700
1249
+ }
1250
+ },
1251
+ "letter-spacing": {
1252
+ "$type": "dimension",
1253
+ "tight": {
1254
+ "$value": {
1255
+ "value": -0.035,
1256
+ "unit": "em"
1257
+ }
1258
+ },
1259
+ "normal": {
1260
+ "$value": {
1261
+ "value": 0,
1262
+ "unit": "em"
1263
+ }
1264
+ },
1265
+ "wide": {
1266
+ "$value": {
1267
+ "value": 0.09,
1268
+ "unit": "em"
1269
+ }
1270
+ }
1271
+ },
1272
+ "size": {
1273
+ "$type": "dimension",
1274
+ "$description": "Layout measures and containers. ch measures follow the active font; rem containers follow user font size.",
1275
+ "measure-narrow": {
1276
+ "$value": {
1277
+ "value": 62,
1278
+ "unit": "ch"
1279
+ }
1280
+ },
1281
+ "measure": {
1282
+ "$value": {
1283
+ "value": 72,
1284
+ "unit": "ch"
1285
+ }
1286
+ },
1287
+ "container-narrow": {
1288
+ "$value": {
1289
+ "value": 45,
1290
+ "unit": "rem"
1291
+ }
1292
+ },
1293
+ "container-standard": {
1294
+ "$value": {
1295
+ "value": 64,
1296
+ "unit": "rem"
1297
+ }
1298
+ },
1299
+ "container-wide": {
1300
+ "$value": {
1301
+ "value": 75,
1302
+ "unit": "rem"
1303
+ }
1304
+ },
1305
+ "container-max": {
1306
+ "$value": {
1307
+ "value": 90,
1308
+ "unit": "rem"
1309
+ }
1310
+ },
1311
+ "target-min": {
1312
+ "$value": {
1313
+ "value": 2.75,
1314
+ "unit": "rem"
1315
+ }
1316
+ }
1317
+ },
1318
+ "size-fluid": {
1319
+ "$type": "fluidDimension",
1320
+ "gutter": {
1321
+ "$value": {
1322
+ "min": {
1323
+ "value": 1,
1324
+ "unit": "rem"
1325
+ },
1326
+ "preferred": [
1327
+ {
1328
+ "value": 4,
1329
+ "unit": "vw"
1330
+ }
1331
+ ],
1332
+ "max": {
1333
+ "value": 4.5,
1334
+ "unit": "rem"
1335
+ }
1336
+ }
1337
+ },
1338
+ "section-space": {
1339
+ "$value": {
1340
+ "min": {
1341
+ "value": 4,
1342
+ "unit": "rem"
1343
+ },
1344
+ "preferred": [
1345
+ {
1346
+ "value": 2,
1347
+ "unit": "rem"
1348
+ },
1349
+ {
1350
+ "value": 6,
1351
+ "unit": "vw"
1352
+ }
1353
+ ],
1354
+ "max": {
1355
+ "value": 10,
1356
+ "unit": "rem"
1357
+ }
1358
+ }
1359
+ },
1360
+ "block-space": {
1361
+ "$value": {
1362
+ "min": {
1363
+ "value": 1.25,
1364
+ "unit": "rem"
1365
+ },
1366
+ "preferred": [
1367
+ {
1368
+ "value": 0.75,
1369
+ "unit": "rem"
1370
+ },
1371
+ {
1372
+ "value": 1.5,
1373
+ "unit": "vw"
1374
+ }
1375
+ ],
1376
+ "max": {
1377
+ "value": 2.25,
1378
+ "unit": "rem"
1379
+ }
1380
+ }
1381
+ }
1382
+ },
1383
+ "border-width": {
1384
+ "$type": "dimension",
1385
+ "thin": {
1386
+ "$value": {
1387
+ "value": 1,
1388
+ "unit": "px"
1389
+ }
1390
+ },
1391
+ "thick": {
1392
+ "$value": {
1393
+ "value": 2,
1394
+ "unit": "px"
1395
+ }
1396
+ },
1397
+ "accent": {
1398
+ "$value": {
1399
+ "value": 4,
1400
+ "unit": "px"
1401
+ }
1402
+ }
1403
+ },
1404
+ "focus": {
1405
+ "$type": "dimension",
1406
+ "ring-width": {
1407
+ "$value": {
1408
+ "value": 3,
1409
+ "unit": "px"
1410
+ }
1411
+ },
1412
+ "ring-offset": {
1413
+ "$value": {
1414
+ "value": 2,
1415
+ "unit": "px"
1416
+ }
1417
+ },
1418
+ "halo-width": {
1419
+ "$value": {
1420
+ "value": 5,
1421
+ "unit": "px"
1422
+ }
1423
+ }
1424
+ },
1425
+ "shadow": {
1426
+ "$type": "shadow",
1427
+ "raised": {
1428
+ "$value": [
1429
+ {
1430
+ "color": {
1431
+ "colorSpace": "srgb",
1432
+ "components": [
1433
+ 0.090196,
1434
+ 0.101961,
1435
+ 0.094118
1436
+ ],
1437
+ "alpha": 0.08
1438
+ },
1439
+ "offsetX": {
1440
+ "value": 0,
1441
+ "unit": "px"
1442
+ },
1443
+ "offsetY": {
1444
+ "value": 1,
1445
+ "unit": "px"
1446
+ },
1447
+ "blur": {
1448
+ "value": 2,
1449
+ "unit": "px"
1450
+ },
1451
+ "spread": {
1452
+ "value": 0,
1453
+ "unit": "px"
1454
+ }
1455
+ },
1456
+ {
1457
+ "color": {
1458
+ "colorSpace": "srgb",
1459
+ "components": [
1460
+ 0.090196,
1461
+ 0.101961,
1462
+ 0.094118
1463
+ ],
1464
+ "alpha": 0.08
1465
+ },
1466
+ "offsetX": {
1467
+ "value": 0,
1468
+ "unit": "px"
1469
+ },
1470
+ "offsetY": {
1471
+ "value": 8,
1472
+ "unit": "px"
1473
+ },
1474
+ "blur": {
1475
+ "value": 24,
1476
+ "unit": "px"
1477
+ },
1478
+ "spread": {
1479
+ "value": -8,
1480
+ "unit": "px"
1481
+ }
1482
+ }
1483
+ ]
1484
+ }
1485
+ },
1486
+ "space": {
1487
+ "$type": "dimension",
1488
+ "$description": "Relational spacing scale in rem so spacing grows with user font size (VE LAW-COMP-031). Marketing components use it through --ef-space-* roles.",
1489
+ "1": {
1490
+ "$value": {
1491
+ "value": 0.25,
1492
+ "unit": "rem"
1493
+ }
1494
+ },
1495
+ "2": {
1496
+ "$value": {
1497
+ "value": 0.5,
1498
+ "unit": "rem"
1499
+ }
1500
+ },
1501
+ "3": {
1502
+ "$value": {
1503
+ "value": 0.75,
1504
+ "unit": "rem"
1505
+ }
1506
+ },
1507
+ "4": {
1508
+ "$value": {
1509
+ "value": 1,
1510
+ "unit": "rem"
1511
+ }
1512
+ },
1513
+ "5": {
1514
+ "$value": {
1515
+ "value": 1.25,
1516
+ "unit": "rem"
1517
+ }
1518
+ },
1519
+ "6": {
1520
+ "$value": {
1521
+ "value": 1.5,
1522
+ "unit": "rem"
1523
+ }
1524
+ },
1525
+ "7": {
1526
+ "$value": {
1527
+ "value": 2,
1528
+ "unit": "rem"
1529
+ }
1530
+ },
1531
+ "8": {
1532
+ "$value": {
1533
+ "value": 3,
1534
+ "unit": "rem"
1535
+ }
1536
+ }
1537
+ }
1538
+ },
1539
+ "semantic": {
1540
+ "light": {
1541
+ "color": {
1542
+ "text": {
1543
+ "primary": {
1544
+ "$value": "{primitive.color.carbon}"
1545
+ },
1546
+ "heading": {
1547
+ "$value": "{primitive.color.foundry-charcoal}"
1548
+ },
1549
+ "secondary": {
1550
+ "$value": "{primitive.color.graphite}"
1551
+ },
1552
+ "on-secondary-surface": {
1553
+ "$value": "{primitive.color.forged-iron}"
1554
+ },
1555
+ "inverse": {
1556
+ "$value": "{primitive.color.parchment}"
1557
+ }
1558
+ },
1559
+ "surface": {
1560
+ "primary": {
1561
+ "$value": "{primitive.color.parchment}"
1562
+ },
1563
+ "secondary": {
1564
+ "$value": "{primitive.color.stone}"
1565
+ },
1566
+ "inverse": {
1567
+ "$value": "{primitive.color.foundry-charcoal}"
1568
+ },
1569
+ "inverse-secondary": {
1570
+ "$value": "{primitive.color.forged-iron}"
1571
+ }
1572
+ },
1573
+ "accent": {
1574
+ "primary": {
1575
+ "$value": "{primitive.color.oxide-bronze}"
1576
+ },
1577
+ "secondary": {
1578
+ "$value": "{primitive.color.verdigris}"
1579
+ }
1580
+ },
1581
+ "border": {
1582
+ "subtle": {
1583
+ "$value": "{primitive.color.stone}"
1584
+ },
1585
+ "functional": {
1586
+ "$value": "{primitive.color.forged-iron}"
1587
+ }
1588
+ },
1589
+ "focus": {
1590
+ "ring": {
1591
+ "$value": "{primitive.color.carbon}"
1592
+ },
1593
+ "gap": {
1594
+ "$value": "{primitive.color.parchment}"
1595
+ }
1596
+ },
1597
+ "control": {
1598
+ "track": {
1599
+ "$value": "{primitive.color.graphite}"
1600
+ },
1601
+ "thumb": {
1602
+ "$value": "{primitive.color.parchment}"
1603
+ },
1604
+ "active": {
1605
+ "$value": "{primitive.color.oxide-bronze}"
1606
+ }
1607
+ }
1608
+ }
1609
+ },
1610
+ "dark": {
1611
+ "color": {
1612
+ "text": {
1613
+ "primary": {
1614
+ "$value": "{primitive.color.parchment}"
1615
+ },
1616
+ "heading": {
1617
+ "$value": "{primitive.color.parchment}"
1618
+ },
1619
+ "secondary": {
1620
+ "$value": "{primitive.color.stone}"
1621
+ },
1622
+ "on-secondary-surface": {
1623
+ "$value": "{primitive.color.parchment}"
1624
+ },
1625
+ "inverse": {
1626
+ "$value": "{primitive.color.carbon}"
1627
+ }
1628
+ },
1629
+ "surface": {
1630
+ "primary": {
1631
+ "$value": "{primitive.color.carbon}"
1632
+ },
1633
+ "secondary": {
1634
+ "$value": "{primitive.color.foundry-charcoal}"
1635
+ },
1636
+ "inverse": {
1637
+ "$value": "{primitive.color.parchment}"
1638
+ },
1639
+ "inverse-secondary": {
1640
+ "$value": "{primitive.color.stone}"
1641
+ }
1642
+ },
1643
+ "accent": {
1644
+ "primary": {
1645
+ "$value": "{primitive.color.oxide-bronze-light}"
1646
+ },
1647
+ "secondary": {
1648
+ "$value": "{primitive.color.verdigris-light}"
1649
+ }
1650
+ },
1651
+ "border": {
1652
+ "subtle": {
1653
+ "$value": "{primitive.color.forged-iron}"
1654
+ },
1655
+ "functional": {
1656
+ "$value": "{primitive.color.stone}"
1657
+ }
1658
+ },
1659
+ "focus": {
1660
+ "ring": {
1661
+ "$value": "{primitive.color.parchment}"
1662
+ },
1663
+ "gap": {
1664
+ "$value": "{primitive.color.carbon}"
1665
+ }
1666
+ },
1667
+ "control": {
1668
+ "track": {
1669
+ "$value": "{primitive.color.graphite}"
1670
+ },
1671
+ "thumb": {
1672
+ "$value": "{primitive.color.parchment}"
1673
+ },
1674
+ "active": {
1675
+ "$value": "{primitive.color.oxide-bronze-light}"
1676
+ }
1677
+ }
1678
+ }
1679
+ },
1680
+ "high-contrast": {
1681
+ "color": {
1682
+ "text": {
1683
+ "primary": {
1684
+ "$value": "{primitive.color.black}"
1685
+ },
1686
+ "heading": {
1687
+ "$value": "{primitive.color.black}"
1688
+ },
1689
+ "secondary": {
1690
+ "$value": "{primitive.color.neutral-800}"
1691
+ },
1692
+ "on-secondary-surface": {
1693
+ "$value": "{primitive.color.black}"
1694
+ },
1695
+ "inverse": {
1696
+ "$value": "{primitive.color.white}"
1697
+ }
1698
+ },
1699
+ "surface": {
1700
+ "primary": {
1701
+ "$value": "{primitive.color.white}"
1702
+ },
1703
+ "secondary": {
1704
+ "$value": "{primitive.color.neutral-100}"
1705
+ },
1706
+ "inverse": {
1707
+ "$value": "{primitive.color.black}"
1708
+ },
1709
+ "inverse-secondary": {
1710
+ "$value": "{primitive.color.neutral-800}"
1711
+ }
1712
+ },
1713
+ "accent": {
1714
+ "primary": {
1715
+ "$value": "{primitive.color.black}"
1716
+ },
1717
+ "secondary": {
1718
+ "$value": "{primitive.color.neutral-800}"
1719
+ }
1720
+ },
1721
+ "border": {
1722
+ "subtle": {
1723
+ "$value": "{primitive.color.neutral-200}"
1724
+ },
1725
+ "functional": {
1726
+ "$value": "{primitive.color.black}"
1727
+ }
1728
+ },
1729
+ "focus": {
1730
+ "ring": {
1731
+ "$value": "{primitive.color.black}"
1732
+ },
1733
+ "gap": {
1734
+ "$value": "{primitive.color.white}"
1735
+ }
1736
+ },
1737
+ "control": {
1738
+ "track": {
1739
+ "$value": "{primitive.color.neutral-650}"
1740
+ },
1741
+ "thumb": {
1742
+ "$value": "{primitive.color.white}"
1743
+ },
1744
+ "active": {
1745
+ "$value": "{primitive.color.black}"
1746
+ }
1747
+ }
1748
+ }
1749
+ },
1750
+ "muted-professional": {
1751
+ "color": {
1752
+ "text": {
1753
+ "primary": {
1754
+ "$value": "{primitive.color.neutral-950}"
1755
+ },
1756
+ "heading": {
1757
+ "$value": "{primitive.color.neutral-950}"
1758
+ },
1759
+ "secondary": {
1760
+ "$value": "{primitive.color.neutral-650}"
1761
+ },
1762
+ "on-secondary-surface": {
1763
+ "$value": "{primitive.color.neutral-800}"
1764
+ },
1765
+ "inverse": {
1766
+ "$value": "{primitive.color.white}"
1767
+ }
1768
+ },
1769
+ "surface": {
1770
+ "primary": {
1771
+ "$value": "{primitive.color.neutral-100}"
1772
+ },
1773
+ "secondary": {
1774
+ "$value": "{primitive.color.neutral-200}"
1775
+ },
1776
+ "inverse": {
1777
+ "$value": "{primitive.color.neutral-950}"
1778
+ },
1779
+ "inverse-secondary": {
1780
+ "$value": "{primitive.color.neutral-800}"
1781
+ }
1782
+ },
1783
+ "accent": {
1784
+ "primary": {
1785
+ "$value": "{primitive.color.muted-plum}"
1786
+ },
1787
+ "secondary": {
1788
+ "$value": "{primitive.color.muted-teal}"
1789
+ }
1790
+ },
1791
+ "border": {
1792
+ "subtle": {
1793
+ "$value": "{primitive.color.neutral-200}"
1794
+ },
1795
+ "functional": {
1796
+ "$value": "{primitive.color.neutral-650}"
1797
+ }
1798
+ },
1799
+ "focus": {
1800
+ "ring": {
1801
+ "$value": "{primitive.color.neutral-950}"
1802
+ },
1803
+ "gap": {
1804
+ "$value": "{primitive.color.neutral-100}"
1805
+ }
1806
+ },
1807
+ "control": {
1808
+ "track": {
1809
+ "$value": "{primitive.color.neutral-650}"
1810
+ },
1811
+ "thumb": {
1812
+ "$value": "{primitive.color.white}"
1813
+ },
1814
+ "active": {
1815
+ "$value": "{primitive.color.muted-plum}"
1816
+ }
1817
+ }
1818
+ }
1819
+ },
1820
+ "accent-neutral": {
1821
+ "color": {
1822
+ "text": {
1823
+ "primary": {
1824
+ "$value": "{primitive.color.neutral-950}"
1825
+ },
1826
+ "heading": {
1827
+ "$value": "{primitive.color.neutral-950}"
1828
+ },
1829
+ "secondary": {
1830
+ "$value": "{primitive.color.neutral-650}"
1831
+ },
1832
+ "on-secondary-surface": {
1833
+ "$value": "{primitive.color.neutral-800}"
1834
+ },
1835
+ "inverse": {
1836
+ "$value": "{primitive.color.white}"
1837
+ }
1838
+ },
1839
+ "surface": {
1840
+ "primary": {
1841
+ "$value": "{primitive.color.white}"
1842
+ },
1843
+ "secondary": {
1844
+ "$value": "{primitive.color.neutral-100}"
1845
+ },
1846
+ "inverse": {
1847
+ "$value": "{primitive.color.neutral-950}"
1848
+ },
1849
+ "inverse-secondary": {
1850
+ "$value": "{primitive.color.neutral-800}"
1851
+ }
1852
+ },
1853
+ "accent": {
1854
+ "primary": {
1855
+ "$value": "{primitive.color.signal-blue}"
1856
+ },
1857
+ "secondary": {
1858
+ "$value": "{primitive.color.signal-cyan}"
1859
+ }
1860
+ },
1861
+ "border": {
1862
+ "subtle": {
1863
+ "$value": "{primitive.color.neutral-200}"
1864
+ },
1865
+ "functional": {
1866
+ "$value": "{primitive.color.neutral-650}"
1867
+ }
1868
+ },
1869
+ "focus": {
1870
+ "ring": {
1871
+ "$value": "{primitive.color.signal-blue}"
1872
+ },
1873
+ "gap": {
1874
+ "$value": "{primitive.color.white}"
1875
+ }
1876
+ },
1877
+ "control": {
1878
+ "track": {
1879
+ "$value": "{primitive.color.neutral-650}"
1880
+ },
1881
+ "thumb": {
1882
+ "$value": "{primitive.color.white}"
1883
+ },
1884
+ "active": {
1885
+ "$value": "{primitive.color.signal-blue}"
1886
+ }
1887
+ }
1888
+ }
1889
+ },
1890
+ "operations-salience": {
1891
+ "color": {
1892
+ "text": {
1893
+ "primary": {
1894
+ "$value": "{primitive.color.neutral-950}"
1895
+ },
1896
+ "heading": {
1897
+ "$value": "{primitive.color.neutral-950}"
1898
+ },
1899
+ "secondary": {
1900
+ "$value": "{primitive.color.neutral-650}"
1901
+ },
1902
+ "on-secondary-surface": {
1903
+ "$value": "{primitive.color.neutral-800}"
1904
+ },
1905
+ "inverse": {
1906
+ "$value": "{primitive.color.white}"
1907
+ }
1908
+ },
1909
+ "surface": {
1910
+ "primary": {
1911
+ "$value": "{primitive.color.white}"
1912
+ },
1913
+ "secondary": {
1914
+ "$value": "{primitive.color.neutral-100}"
1915
+ },
1916
+ "inverse": {
1917
+ "$value": "{primitive.color.neutral-950}"
1918
+ },
1919
+ "inverse-secondary": {
1920
+ "$value": "{primitive.color.neutral-800}"
1921
+ }
1922
+ },
1923
+ "accent": {
1924
+ "primary": {
1925
+ "$value": "{primitive.color.ops-red}"
1926
+ },
1927
+ "secondary": {
1928
+ "$value": "{primitive.color.ops-blue}"
1929
+ }
1930
+ },
1931
+ "border": {
1932
+ "subtle": {
1933
+ "$value": "{primitive.color.neutral-200}"
1934
+ },
1935
+ "functional": {
1936
+ "$value": "{primitive.color.neutral-650}"
1937
+ }
1938
+ },
1939
+ "focus": {
1940
+ "ring": {
1941
+ "$value": "{primitive.color.ops-red}"
1942
+ },
1943
+ "gap": {
1944
+ "$value": "{primitive.color.white}"
1945
+ }
1946
+ },
1947
+ "control": {
1948
+ "track": {
1949
+ "$value": "{primitive.color.neutral-650}"
1950
+ },
1951
+ "thumb": {
1952
+ "$value": "{primitive.color.white}"
1953
+ },
1954
+ "active": {
1955
+ "$value": "{primitive.color.ops-red}"
1956
+ }
1957
+ }
1958
+ }
1959
+ },
1960
+ "paper-ink": {
1961
+ "color": {
1962
+ "text": {
1963
+ "primary": {
1964
+ "$value": "{primitive.color.ink}"
1965
+ },
1966
+ "heading": {
1967
+ "$value": "{primitive.color.ink}"
1968
+ },
1969
+ "secondary": {
1970
+ "$value": "{primitive.color.neutral-650}"
1971
+ },
1972
+ "on-secondary-surface": {
1973
+ "$value": "{primitive.color.ink}"
1974
+ },
1975
+ "inverse": {
1976
+ "$value": "{primitive.color.paper}"
1977
+ }
1978
+ },
1979
+ "surface": {
1980
+ "primary": {
1981
+ "$value": "{primitive.color.paper}"
1982
+ },
1983
+ "secondary": {
1984
+ "$value": "{primitive.color.paper-muted}"
1985
+ },
1986
+ "inverse": {
1987
+ "$value": "{primitive.color.ink}"
1988
+ },
1989
+ "inverse-secondary": {
1990
+ "$value": "{primitive.color.neutral-800}"
1991
+ }
1992
+ },
1993
+ "accent": {
1994
+ "primary": {
1995
+ "$value": "{primitive.color.oxide-bronze}"
1996
+ },
1997
+ "secondary": {
1998
+ "$value": "{primitive.color.forest}"
1999
+ }
2000
+ },
2001
+ "border": {
2002
+ "subtle": {
2003
+ "$value": "{primitive.color.paper-muted}"
2004
+ },
2005
+ "functional": {
2006
+ "$value": "{primitive.color.neutral-650}"
2007
+ }
2008
+ },
2009
+ "focus": {
2010
+ "ring": {
2011
+ "$value": "{primitive.color.ink}"
2012
+ },
2013
+ "gap": {
2014
+ "$value": "{primitive.color.paper}"
2015
+ }
2016
+ },
2017
+ "control": {
2018
+ "track": {
2019
+ "$value": "{primitive.color.neutral-650}"
2020
+ },
2021
+ "thumb": {
2022
+ "$value": "{primitive.color.paper}"
2023
+ },
2024
+ "active": {
2025
+ "$value": "{primitive.color.oxide-bronze}"
2026
+ }
2027
+ }
2028
+ }
2029
+ },
2030
+ "clinical-light": {
2031
+ "color": {
2032
+ "text": {
2033
+ "primary": {
2034
+ "$value": "{primitive.color.clinical-text}"
2035
+ },
2036
+ "heading": {
2037
+ "$value": "{primitive.color.clinical-text}"
2038
+ },
2039
+ "secondary": {
2040
+ "$value": "{primitive.color.clinical-muted}"
2041
+ },
2042
+ "on-secondary-surface": {
2043
+ "$value": "{primitive.color.clinical-text}"
2044
+ },
2045
+ "inverse": {
2046
+ "$value": "{primitive.color.clinical}"
2047
+ }
2048
+ },
2049
+ "surface": {
2050
+ "primary": {
2051
+ "$value": "{primitive.color.clinical}"
2052
+ },
2053
+ "secondary": {
2054
+ "$value": "{primitive.color.clinical-secondary}"
2055
+ },
2056
+ "inverse": {
2057
+ "$value": "{primitive.color.clinical-text}"
2058
+ },
2059
+ "inverse-secondary": {
2060
+ "$value": "{primitive.color.neutral-800}"
2061
+ }
2062
+ },
2063
+ "accent": {
2064
+ "primary": {
2065
+ "$value": "{primitive.color.signal-blue}"
2066
+ },
2067
+ "secondary": {
2068
+ "$value": "{primitive.color.signal-cyan}"
2069
+ }
2070
+ },
2071
+ "border": {
2072
+ "subtle": {
2073
+ "$value": "{primitive.color.clinical-secondary}"
2074
+ },
2075
+ "functional": {
2076
+ "$value": "{primitive.color.clinical-muted}"
2077
+ }
2078
+ },
2079
+ "focus": {
2080
+ "ring": {
2081
+ "$value": "{primitive.color.signal-blue}"
2082
+ },
2083
+ "gap": {
2084
+ "$value": "{primitive.color.clinical}"
2085
+ }
2086
+ },
2087
+ "control": {
2088
+ "track": {
2089
+ "$value": "{primitive.color.clinical-muted}"
2090
+ },
2091
+ "thumb": {
2092
+ "$value": "{primitive.color.white}"
2093
+ },
2094
+ "active": {
2095
+ "$value": "{primitive.color.signal-blue}"
2096
+ }
2097
+ }
2098
+ }
2099
+ },
2100
+ "dark-restrained": {
2101
+ "color": {
2102
+ "text": {
2103
+ "primary": {
2104
+ "$value": "{primitive.color.ice}"
2105
+ },
2106
+ "heading": {
2107
+ "$value": "{primitive.color.ice}"
2108
+ },
2109
+ "secondary": {
2110
+ "$value": "{primitive.color.stone}"
2111
+ },
2112
+ "on-secondary-surface": {
2113
+ "$value": "{primitive.color.ice}"
2114
+ },
2115
+ "inverse": {
2116
+ "$value": "{primitive.color.deep-slate}"
2117
+ }
2118
+ },
2119
+ "surface": {
2120
+ "primary": {
2121
+ "$value": "{primitive.color.deep-slate}"
2122
+ },
2123
+ "secondary": {
2124
+ "$value": "{primitive.color.slate-surface}"
2125
+ },
2126
+ "inverse": {
2127
+ "$value": "{primitive.color.ice}"
2128
+ },
2129
+ "inverse-secondary": {
2130
+ "$value": "{primitive.color.stone}"
2131
+ }
2132
+ },
2133
+ "accent": {
2134
+ "primary": {
2135
+ "$value": "{primitive.color.amber-light}"
2136
+ },
2137
+ "secondary": {
2138
+ "$value": "{primitive.color.verdigris-light}"
2139
+ }
2140
+ },
2141
+ "border": {
2142
+ "subtle": {
2143
+ "$value": "{primitive.color.forged-iron}"
2144
+ },
2145
+ "functional": {
2146
+ "$value": "{primitive.color.stone}"
2147
+ }
2148
+ },
2149
+ "focus": {
2150
+ "ring": {
2151
+ "$value": "{primitive.color.ice}"
2152
+ },
2153
+ "gap": {
2154
+ "$value": "{primitive.color.deep-slate}"
2155
+ }
2156
+ },
2157
+ "control": {
2158
+ "track": {
2159
+ "$value": "{primitive.color.graphite}"
2160
+ },
2161
+ "thumb": {
2162
+ "$value": "{primitive.color.ice}"
2163
+ },
2164
+ "active": {
2165
+ "$value": "{primitive.color.amber-light}"
2166
+ }
2167
+ }
2168
+ }
2169
+ },
2170
+ "complementary-energy": {
2171
+ "color": {
2172
+ "text": {
2173
+ "primary": {
2174
+ "$value": "{primitive.color.neutral-950}"
2175
+ },
2176
+ "heading": {
2177
+ "$value": "{primitive.color.neutral-950}"
2178
+ },
2179
+ "secondary": {
2180
+ "$value": "{primitive.color.neutral-650}"
2181
+ },
2182
+ "on-secondary-surface": {
2183
+ "$value": "{primitive.color.neutral-800}"
2184
+ },
2185
+ "inverse": {
2186
+ "$value": "{primitive.color.white}"
2187
+ }
2188
+ },
2189
+ "surface": {
2190
+ "primary": {
2191
+ "$value": "{primitive.color.white}"
2192
+ },
2193
+ "secondary": {
2194
+ "$value": "{primitive.color.neutral-100}"
2195
+ },
2196
+ "inverse": {
2197
+ "$value": "{primitive.color.neutral-950}"
2198
+ },
2199
+ "inverse-secondary": {
2200
+ "$value": "{primitive.color.neutral-800}"
2201
+ }
2202
+ },
2203
+ "accent": {
2204
+ "primary": {
2205
+ "$value": "{primitive.color.comp-blue}"
2206
+ },
2207
+ "secondary": {
2208
+ "$value": "{primitive.color.comp-rust}"
2209
+ }
2210
+ },
2211
+ "border": {
2212
+ "subtle": {
2213
+ "$value": "{primitive.color.neutral-200}"
2214
+ },
2215
+ "functional": {
2216
+ "$value": "{primitive.color.neutral-650}"
2217
+ }
2218
+ },
2219
+ "focus": {
2220
+ "ring": {
2221
+ "$value": "{primitive.color.comp-blue}"
2222
+ },
2223
+ "gap": {
2224
+ "$value": "{primitive.color.white}"
2225
+ }
2226
+ },
2227
+ "control": {
2228
+ "track": {
2229
+ "$value": "{primitive.color.neutral-650}"
2230
+ },
2231
+ "thumb": {
2232
+ "$value": "{primitive.color.white}"
2233
+ },
2234
+ "active": {
2235
+ "$value": "{primitive.color.comp-blue}"
2236
+ }
2237
+ }
2238
+ }
2239
+ },
2240
+ "analogous-cohesive": {
2241
+ "color": {
2242
+ "text": {
2243
+ "primary": {
2244
+ "$value": "{primitive.color.neutral-950}"
2245
+ },
2246
+ "heading": {
2247
+ "$value": "{primitive.color.neutral-950}"
2248
+ },
2249
+ "secondary": {
2250
+ "$value": "{primitive.color.neutral-650}"
2251
+ },
2252
+ "on-secondary-surface": {
2253
+ "$value": "{primitive.color.neutral-800}"
2254
+ },
2255
+ "inverse": {
2256
+ "$value": "{primitive.color.white}"
2257
+ }
2258
+ },
2259
+ "surface": {
2260
+ "primary": {
2261
+ "$value": "{primitive.color.white}"
2262
+ },
2263
+ "secondary": {
2264
+ "$value": "{primitive.color.neutral-100}"
2265
+ },
2266
+ "inverse": {
2267
+ "$value": "{primitive.color.neutral-950}"
2268
+ },
2269
+ "inverse-secondary": {
2270
+ "$value": "{primitive.color.neutral-800}"
2271
+ }
2272
+ },
2273
+ "accent": {
2274
+ "primary": {
2275
+ "$value": "{primitive.color.analog-blue}"
2276
+ },
2277
+ "secondary": {
2278
+ "$value": "{primitive.color.analog-teal}"
2279
+ }
2280
+ },
2281
+ "border": {
2282
+ "subtle": {
2283
+ "$value": "{primitive.color.neutral-200}"
2284
+ },
2285
+ "functional": {
2286
+ "$value": "{primitive.color.neutral-650}"
2287
+ }
2288
+ },
2289
+ "focus": {
2290
+ "ring": {
2291
+ "$value": "{primitive.color.analog-blue}"
2292
+ },
2293
+ "gap": {
2294
+ "$value": "{primitive.color.white}"
2295
+ }
2296
+ },
2297
+ "control": {
2298
+ "track": {
2299
+ "$value": "{primitive.color.neutral-650}"
2300
+ },
2301
+ "thumb": {
2302
+ "$value": "{primitive.color.white}"
2303
+ },
2304
+ "active": {
2305
+ "$value": "{primitive.color.analog-blue}"
2306
+ }
2307
+ }
2308
+ }
2309
+ },
2310
+ "split-complementary": {
2311
+ "color": {
2312
+ "text": {
2313
+ "primary": {
2314
+ "$value": "{primitive.color.neutral-950}"
2315
+ },
2316
+ "heading": {
2317
+ "$value": "{primitive.color.neutral-950}"
2318
+ },
2319
+ "secondary": {
2320
+ "$value": "{primitive.color.neutral-650}"
2321
+ },
2322
+ "on-secondary-surface": {
2323
+ "$value": "{primitive.color.neutral-800}"
2324
+ },
2325
+ "inverse": {
2326
+ "$value": "{primitive.color.white}"
2327
+ }
2328
+ },
2329
+ "surface": {
2330
+ "primary": {
2331
+ "$value": "{primitive.color.white}"
2332
+ },
2333
+ "secondary": {
2334
+ "$value": "{primitive.color.neutral-100}"
2335
+ },
2336
+ "inverse": {
2337
+ "$value": "{primitive.color.neutral-950}"
2338
+ },
2339
+ "inverse-secondary": {
2340
+ "$value": "{primitive.color.neutral-800}"
2341
+ }
2342
+ },
2343
+ "accent": {
2344
+ "primary": {
2345
+ "$value": "{primitive.color.split-blue}"
2346
+ },
2347
+ "secondary": {
2348
+ "$value": "{primitive.color.split-rust}"
2349
+ }
2350
+ },
2351
+ "border": {
2352
+ "subtle": {
2353
+ "$value": "{primitive.color.neutral-200}"
2354
+ },
2355
+ "functional": {
2356
+ "$value": "{primitive.color.neutral-650}"
2357
+ }
2358
+ },
2359
+ "focus": {
2360
+ "ring": {
2361
+ "$value": "{primitive.color.split-plum}"
2362
+ },
2363
+ "gap": {
2364
+ "$value": "{primitive.color.white}"
2365
+ }
2366
+ },
2367
+ "control": {
2368
+ "track": {
2369
+ "$value": "{primitive.color.neutral-650}"
2370
+ },
2371
+ "thumb": {
2372
+ "$value": "{primitive.color.white}"
2373
+ },
2374
+ "active": {
2375
+ "$value": "{primitive.color.split-blue}"
2376
+ }
2377
+ }
2378
+ }
2379
+ },
2380
+ "mono-semantic": {
2381
+ "color": {
2382
+ "text": {
2383
+ "primary": {
2384
+ "$value": "{primitive.color.neutral-950}"
2385
+ },
2386
+ "heading": {
2387
+ "$value": "{primitive.color.neutral-950}"
2388
+ },
2389
+ "secondary": {
2390
+ "$value": "{primitive.color.neutral-650}"
2391
+ },
2392
+ "on-secondary-surface": {
2393
+ "$value": "{primitive.color.neutral-800}"
2394
+ },
2395
+ "inverse": {
2396
+ "$value": "{primitive.color.white}"
2397
+ }
2398
+ },
2399
+ "surface": {
2400
+ "primary": {
2401
+ "$value": "{primitive.color.white}"
2402
+ },
2403
+ "secondary": {
2404
+ "$value": "{primitive.color.neutral-100}"
2405
+ },
2406
+ "inverse": {
2407
+ "$value": "{primitive.color.neutral-950}"
2408
+ },
2409
+ "inverse-secondary": {
2410
+ "$value": "{primitive.color.neutral-800}"
2411
+ }
2412
+ },
2413
+ "accent": {
2414
+ "primary": {
2415
+ "$value": "{primitive.color.mono-accent}"
2416
+ },
2417
+ "secondary": {
2418
+ "$value": "{primitive.color.neutral-650}"
2419
+ }
2420
+ },
2421
+ "border": {
2422
+ "subtle": {
2423
+ "$value": "{primitive.color.neutral-200}"
2424
+ },
2425
+ "functional": {
2426
+ "$value": "{primitive.color.neutral-650}"
2427
+ }
2428
+ },
2429
+ "focus": {
2430
+ "ring": {
2431
+ "$value": "{primitive.color.neutral-950}"
2432
+ },
2433
+ "gap": {
2434
+ "$value": "{primitive.color.white}"
2435
+ }
2436
+ },
2437
+ "control": {
2438
+ "track": {
2439
+ "$value": "{primitive.color.neutral-650}"
2440
+ },
2441
+ "thumb": {
2442
+ "$value": "{primitive.color.white}"
2443
+ },
2444
+ "active": {
2445
+ "$value": "{primitive.color.mono-accent}"
2446
+ }
2447
+ }
2448
+ }
2449
+ },
2450
+ "neutral-editorial": {
2451
+ "color": {
2452
+ "text": {
2453
+ "primary": {
2454
+ "$value": "{primitive.color.neutral-950}"
2455
+ },
2456
+ "heading": {
2457
+ "$value": "{primitive.color.neutral-950}"
2458
+ },
2459
+ "secondary": {
2460
+ "$value": "{primitive.color.neutral-650}"
2461
+ },
2462
+ "on-secondary-surface": {
2463
+ "$value": "{primitive.color.neutral-800}"
2464
+ },
2465
+ "inverse": {
2466
+ "$value": "{primitive.color.editorial-bg}"
2467
+ }
2468
+ },
2469
+ "surface": {
2470
+ "primary": {
2471
+ "$value": "{primitive.color.editorial-bg}"
2472
+ },
2473
+ "secondary": {
2474
+ "$value": "{primitive.color.editorial-surface}"
2475
+ },
2476
+ "inverse": {
2477
+ "$value": "{primitive.color.neutral-950}"
2478
+ },
2479
+ "inverse-secondary": {
2480
+ "$value": "{primitive.color.neutral-800}"
2481
+ }
2482
+ },
2483
+ "accent": {
2484
+ "primary": {
2485
+ "$value": "{primitive.color.oxide-bronze}"
2486
+ },
2487
+ "secondary": {
2488
+ "$value": "{primitive.color.muted-teal}"
2489
+ }
2490
+ },
2491
+ "border": {
2492
+ "subtle": {
2493
+ "$value": "{primitive.color.editorial-surface}"
2494
+ },
2495
+ "functional": {
2496
+ "$value": "{primitive.color.neutral-650}"
2497
+ }
2498
+ },
2499
+ "focus": {
2500
+ "ring": {
2501
+ "$value": "{primitive.color.neutral-950}"
2502
+ },
2503
+ "gap": {
2504
+ "$value": "{primitive.color.editorial-bg}"
2505
+ }
2506
+ },
2507
+ "control": {
2508
+ "track": {
2509
+ "$value": "{primitive.color.neutral-650}"
2510
+ },
2511
+ "thumb": {
2512
+ "$value": "{primitive.color.editorial-bg}"
2513
+ },
2514
+ "active": {
2515
+ "$value": "{primitive.color.oxide-bronze}"
2516
+ }
2517
+ }
2518
+ }
2519
+ },
2520
+ "warm-earth": {
2521
+ "color": {
2522
+ "text": {
2523
+ "primary": {
2524
+ "$value": "{primitive.color.earth-text}"
2525
+ },
2526
+ "heading": {
2527
+ "$value": "{primitive.color.earth-text}"
2528
+ },
2529
+ "secondary": {
2530
+ "$value": "{primitive.color.neutral-650}"
2531
+ },
2532
+ "on-secondary-surface": {
2533
+ "$value": "{primitive.color.earth-text}"
2534
+ },
2535
+ "inverse": {
2536
+ "$value": "{primitive.color.earth-bg}"
2537
+ }
2538
+ },
2539
+ "surface": {
2540
+ "primary": {
2541
+ "$value": "{primitive.color.earth-bg}"
2542
+ },
2543
+ "secondary": {
2544
+ "$value": "{primitive.color.earth-surface}"
2545
+ },
2546
+ "inverse": {
2547
+ "$value": "{primitive.color.earth-text}"
2548
+ },
2549
+ "inverse-secondary": {
2550
+ "$value": "{primitive.color.neutral-800}"
2551
+ }
2552
+ },
2553
+ "accent": {
2554
+ "primary": {
2555
+ "$value": "{primitive.color.oxide-bronze}"
2556
+ },
2557
+ "secondary": {
2558
+ "$value": "{primitive.color.earth-green}"
2559
+ }
2560
+ },
2561
+ "border": {
2562
+ "subtle": {
2563
+ "$value": "{primitive.color.earth-surface}"
2564
+ },
2565
+ "functional": {
2566
+ "$value": "{primitive.color.neutral-650}"
2567
+ }
2568
+ },
2569
+ "focus": {
2570
+ "ring": {
2571
+ "$value": "{primitive.color.earth-text}"
2572
+ },
2573
+ "gap": {
2574
+ "$value": "{primitive.color.earth-bg}"
2575
+ }
2576
+ },
2577
+ "control": {
2578
+ "track": {
2579
+ "$value": "{primitive.color.neutral-650}"
2580
+ },
2581
+ "thumb": {
2582
+ "$value": "{primitive.color.earth-bg}"
2583
+ },
2584
+ "active": {
2585
+ "$value": "{primitive.color.oxide-bronze}"
2586
+ }
2587
+ }
2588
+ }
2589
+ },
2590
+ "cool-institutional": {
2591
+ "color": {
2592
+ "text": {
2593
+ "primary": {
2594
+ "$value": "{primitive.color.institutional-text}"
2595
+ },
2596
+ "heading": {
2597
+ "$value": "{primitive.color.institutional-text}"
2598
+ },
2599
+ "secondary": {
2600
+ "$value": "{primitive.color.clinical-muted}"
2601
+ },
2602
+ "on-secondary-surface": {
2603
+ "$value": "{primitive.color.institutional-text}"
2604
+ },
2605
+ "inverse": {
2606
+ "$value": "{primitive.color.institutional-bg}"
2607
+ }
2608
+ },
2609
+ "surface": {
2610
+ "primary": {
2611
+ "$value": "{primitive.color.institutional-bg}"
2612
+ },
2613
+ "secondary": {
2614
+ "$value": "{primitive.color.institutional-surface}"
2615
+ },
2616
+ "inverse": {
2617
+ "$value": "{primitive.color.institutional-text}"
2618
+ },
2619
+ "inverse-secondary": {
2620
+ "$value": "{primitive.color.neutral-800}"
2621
+ }
2622
+ },
2623
+ "accent": {
2624
+ "primary": {
2625
+ "$value": "{primitive.color.institutional-blue}"
2626
+ },
2627
+ "secondary": {
2628
+ "$value": "{primitive.color.signal-cyan}"
2629
+ }
2630
+ },
2631
+ "border": {
2632
+ "subtle": {
2633
+ "$value": "{primitive.color.institutional-surface}"
2634
+ },
2635
+ "functional": {
2636
+ "$value": "{primitive.color.clinical-muted}"
2637
+ }
2638
+ },
2639
+ "focus": {
2640
+ "ring": {
2641
+ "$value": "{primitive.color.institutional-blue}"
2642
+ },
2643
+ "gap": {
2644
+ "$value": "{primitive.color.institutional-bg}"
2645
+ }
2646
+ },
2647
+ "control": {
2648
+ "track": {
2649
+ "$value": "{primitive.color.clinical-muted}"
2650
+ },
2651
+ "thumb": {
2652
+ "$value": "{primitive.color.white}"
2653
+ },
2654
+ "active": {
2655
+ "$value": "{primitive.color.institutional-blue}"
2656
+ }
2657
+ }
2658
+ }
2659
+ },
2660
+ "nature-derived": {
2661
+ "color": {
2662
+ "text": {
2663
+ "primary": {
2664
+ "$value": "{primitive.color.nature-text}"
2665
+ },
2666
+ "heading": {
2667
+ "$value": "{primitive.color.nature-text}"
2668
+ },
2669
+ "secondary": {
2670
+ "$value": "{primitive.color.neutral-650}"
2671
+ },
2672
+ "on-secondary-surface": {
2673
+ "$value": "{primitive.color.nature-text}"
2674
+ },
2675
+ "inverse": {
2676
+ "$value": "{primitive.color.nature-bg}"
2677
+ }
2678
+ },
2679
+ "surface": {
2680
+ "primary": {
2681
+ "$value": "{primitive.color.nature-bg}"
2682
+ },
2683
+ "secondary": {
2684
+ "$value": "{primitive.color.nature-surface}"
2685
+ },
2686
+ "inverse": {
2687
+ "$value": "{primitive.color.nature-text}"
2688
+ },
2689
+ "inverse-secondary": {
2690
+ "$value": "{primitive.color.neutral-800}"
2691
+ }
2692
+ },
2693
+ "accent": {
2694
+ "primary": {
2695
+ "$value": "{primitive.color.nature-green}"
2696
+ },
2697
+ "secondary": {
2698
+ "$value": "{primitive.color.nature-blue}"
2699
+ }
2700
+ },
2701
+ "border": {
2702
+ "subtle": {
2703
+ "$value": "{primitive.color.nature-surface}"
2704
+ },
2705
+ "functional": {
2706
+ "$value": "{primitive.color.neutral-650}"
2707
+ }
2708
+ },
2709
+ "focus": {
2710
+ "ring": {
2711
+ "$value": "{primitive.color.nature-text}"
2712
+ },
2713
+ "gap": {
2714
+ "$value": "{primitive.color.nature-bg}"
2715
+ }
2716
+ },
2717
+ "control": {
2718
+ "track": {
2719
+ "$value": "{primitive.color.neutral-650}"
2720
+ },
2721
+ "thumb": {
2722
+ "$value": "{primitive.color.nature-bg}"
2723
+ },
2724
+ "active": {
2725
+ "$value": "{primitive.color.nature-green}"
2726
+ }
2727
+ }
2728
+ }
2729
+ },
2730
+ "dark-technical": {
2731
+ "color": {
2732
+ "text": {
2733
+ "primary": {
2734
+ "$value": "{primitive.color.tech-text}"
2735
+ },
2736
+ "heading": {
2737
+ "$value": "{primitive.color.tech-text}"
2738
+ },
2739
+ "secondary": {
2740
+ "$value": "{primitive.color.stone}"
2741
+ },
2742
+ "on-secondary-surface": {
2743
+ "$value": "{primitive.color.tech-text}"
2744
+ },
2745
+ "inverse": {
2746
+ "$value": "{primitive.color.tech-bg}"
2747
+ }
2748
+ },
2749
+ "surface": {
2750
+ "primary": {
2751
+ "$value": "{primitive.color.tech-bg}"
2752
+ },
2753
+ "secondary": {
2754
+ "$value": "{primitive.color.tech-surface}"
2755
+ },
2756
+ "inverse": {
2757
+ "$value": "{primitive.color.tech-text}"
2758
+ },
2759
+ "inverse-secondary": {
2760
+ "$value": "{primitive.color.stone}"
2761
+ }
2762
+ },
2763
+ "accent": {
2764
+ "primary": {
2765
+ "$value": "{primitive.color.tech-cyan}"
2766
+ },
2767
+ "secondary": {
2768
+ "$value": "{primitive.color.tech-amber}"
2769
+ }
2770
+ },
2771
+ "border": {
2772
+ "subtle": {
2773
+ "$value": "{primitive.color.forged-iron}"
2774
+ },
2775
+ "functional": {
2776
+ "$value": "{primitive.color.stone}"
2777
+ }
2778
+ },
2779
+ "focus": {
2780
+ "ring": {
2781
+ "$value": "{primitive.color.tech-text}"
2782
+ },
2783
+ "gap": {
2784
+ "$value": "{primitive.color.tech-bg}"
2785
+ }
2786
+ },
2787
+ "control": {
2788
+ "track": {
2789
+ "$value": "{primitive.color.graphite}"
2790
+ },
2791
+ "thumb": {
2792
+ "$value": "{primitive.color.tech-text}"
2793
+ },
2794
+ "active": {
2795
+ "$value": "{primitive.color.tech-cyan}"
2796
+ }
2797
+ }
2798
+ }
2799
+ }
2800
+ }
2801
+ }