@motion-proto/live-tokens 0.47.0 → 0.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/.claude/skills/live-tokens-adjust-shape-space/SKILL.md +68 -0
  2. package/.claude/skills/live-tokens-create-component/SKILL.md +2 -2
  3. package/.claude/skills/live-tokens-generate-theme/SKILL.md +152 -0
  4. package/CHANGELOG.md +292 -0
  5. package/README.md +37 -26
  6. package/bin/adjust.mjs +254 -0
  7. package/bin/cli.mjs +94 -7
  8. package/bin/generate-theme.mjs +251 -0
  9. package/bin/migrate.mjs +95 -6
  10. package/dist-plugin/adjust/index.cjs +259 -0
  11. package/dist-plugin/adjust/index.d.cts +45 -0
  12. package/dist-plugin/adjust/index.d.ts +45 -0
  13. package/dist-plugin/adjust/index.js +176 -0
  14. package/dist-plugin/{chunk-H4TRUINI.js → chunk-44RSTAII.js} +0 -48
  15. package/dist-plugin/chunk-6OZFXIQI.js +316 -0
  16. package/dist-plugin/chunk-76TFDTJO.js +556 -0
  17. package/dist-plugin/chunk-D3ZVKOR4.js +52 -0
  18. package/dist-plugin/dataPaths-DBN0RPuT.d.cts +54 -0
  19. package/dist-plugin/dataPaths-DBN0RPuT.d.ts +54 -0
  20. package/dist-plugin/generateColorsAndType/index.cjs +1781 -0
  21. package/dist-plugin/generateColorsAndType/index.d.cts +81 -0
  22. package/dist-plugin/generateColorsAndType/index.d.ts +81 -0
  23. package/dist-plugin/generateColorsAndType/index.js +1210 -0
  24. package/dist-plugin/index.cjs +901 -533
  25. package/dist-plugin/index.d.cts +3 -2
  26. package/dist-plugin/index.d.ts +3 -2
  27. package/dist-plugin/index.js +658 -1082
  28. package/dist-plugin/migrateData/index.cjs +728 -0
  29. package/dist-plugin/migrateData/index.d.cts +60 -0
  30. package/dist-plugin/migrateData/index.d.ts +60 -0
  31. package/dist-plugin/migrateData/index.js +348 -0
  32. package/dist-plugin/themeTypes-DMHZOnUn.d.cts +211 -0
  33. package/dist-plugin/themeTypes-DMHZOnUn.d.ts +211 -0
  34. package/dist-plugin/tokensCssMigrations/index.cjs +2 -1
  35. package/dist-plugin/tokensCssMigrations/index.d.cts +3 -15
  36. package/dist-plugin/tokensCssMigrations/index.d.ts +3 -15
  37. package/dist-plugin/tokensCssMigrations/index.js +4 -2
  38. package/package.json +18 -4
  39. package/src/editor/component-editor/scaffolding/ComponentFileManager.svelte +183 -158
  40. package/src/editor/component-editor/scaffolding/ComponentFileMenu.svelte +0 -4
  41. package/src/editor/component-editor/scaffolding/SaveAsDialog.svelte +4 -4
  42. package/src/editor/component-editor/scaffolding/TokenLayout.svelte +2 -59
  43. package/src/editor/component-editor/scaffolding/VariantGroup.svelte +1 -1
  44. package/src/editor/core/components/adjustAliases.ts +180 -0
  45. package/src/editor/core/components/aliasKinds.ts +73 -0
  46. package/src/editor/core/components/componentConfigService.ts +26 -38
  47. package/src/editor/core/flashStatus.ts +1 -1
  48. package/src/editor/core/fonts/fontMigration.ts +13 -13
  49. package/src/editor/core/fonts/fontPairing.ts +35 -0
  50. package/src/editor/core/palettes/paletteDerivation.ts +128 -16
  51. package/src/editor/core/preview/lookPreview.ts +141 -0
  52. package/src/editor/core/productionPulse.ts +34 -21
  53. package/src/editor/core/storage/files/versionedFileResourceClient.ts +18 -45
  54. package/src/editor/core/store/editorConfigStore.ts +2 -2
  55. package/src/editor/core/store/editorPersistence.ts +0 -1
  56. package/src/editor/core/store/editorStore.ts +114 -51
  57. package/src/editor/core/store/editorTypes.ts +0 -1
  58. package/src/editor/core/store/gradientSource.ts +2 -2
  59. package/src/editor/core/themes/colorsAndTypeService.ts +95 -0
  60. package/src/editor/core/themes/generateColorsAndType.ts +433 -0
  61. package/src/editor/core/themes/loadRows.ts +64 -0
  62. package/src/editor/core/themes/lookSummary.ts +75 -0
  63. package/src/editor/core/themes/migrations/2026-04-24-legacy-keys-and-bg-to-canvas.ts +3 -3
  64. package/src/editor/core/themes/migrations/2026-05-13-primary-to-brand.ts +2 -2
  65. package/src/editor/core/themes/migrations/2026-05-26-drop-overlay-extra-stops.ts +3 -3
  66. package/src/editor/core/themes/migrations/2026-08-13-drop-legacy-shape-space-keys.ts +38 -0
  67. package/src/editor/core/themes/migrations/2026-08-15-line-height-scale-rename.ts +57 -0
  68. package/src/editor/core/themes/migrations/index.ts +19 -11
  69. package/src/editor/core/themes/slices/components.ts +4 -4
  70. package/src/editor/core/themes/slices/fonts.ts +1 -1
  71. package/src/editor/core/themes/slices/gradients.ts +22 -0
  72. package/src/editor/core/themes/slices/palettes.ts +2 -2
  73. package/src/editor/core/themes/themeInit.ts +21 -29
  74. package/src/editor/core/themes/themeService.ts +218 -78
  75. package/src/editor/core/themes/themeTypes.ts +94 -51
  76. package/src/editor/docs/Docs.svelte +1 -0
  77. package/src/editor/docs/chapters.ts +1 -0
  78. package/src/editor/docs/content/01-overview.md +1 -1
  79. package/src/editor/docs/content/editing-tokens.md +6 -6
  80. package/src/editor/docs/content/getting-started.md +9 -7
  81. package/src/editor/docs/content/themes-workflow.md +74 -34
  82. package/src/editor/docs/content/where-themes-live.md +61 -0
  83. package/src/editor/docs/content.generated.ts +5 -4
  84. package/src/editor/index.ts +27 -27
  85. package/src/editor/pages/ComponentEditorPage.svelte +2 -2
  86. package/src/editor/pages/EditorShell.svelte +4 -30
  87. package/src/editor/ui/BezierCurveEditor.svelte +2 -2
  88. package/src/editor/ui/ColorEditPanel.svelte +1 -1
  89. package/src/editor/ui/FileLoadList.svelte +67 -7
  90. package/src/editor/ui/GradientEditor.svelte +3 -3
  91. package/src/editor/ui/PaletteEditor.svelte +26 -12
  92. package/src/editor/ui/ThemePanel.svelte +1067 -0
  93. package/src/editor/ui/UIDialog.svelte +11 -9
  94. package/src/editor/ui/UIPillButton.svelte +7 -2
  95. package/src/editor/ui/colors/ColorWheel.svelte +34 -1
  96. package/src/editor/ui/curveEngine.ts +48 -0
  97. package/src/editor/ui/index.ts +4 -2
  98. package/src/editor/ui/palette/PaletteBase.svelte +75 -51
  99. package/src/editor/ui/palette/PaletteJumpButton.svelte +3 -8
  100. package/src/live-tokens/data/colors-and-type/autumn.json +2490 -0
  101. package/src/live-tokens/data/{themes → colors-and-type}/default.json +816 -293
  102. package/src/live-tokens/data/colors-and-type/halloween.json +2529 -0
  103. package/src/live-tokens/data/colors-and-type/midnight-study.json +2536 -0
  104. package/src/live-tokens/data/colors-and-type/ocean.json +2489 -0
  105. package/src/live-tokens/data/colors-and-type/royal-velvet.json +2520 -0
  106. package/src/live-tokens/data/colors-and-type/spring-meadow.json +2476 -0
  107. package/src/live-tokens/data/colors-and-type/sunset.json +2528 -0
  108. package/src/live-tokens/data/themes/autumn.json +3918 -0
  109. package/src/live-tokens/data/themes/halloween.json +3992 -0
  110. package/src/live-tokens/data/themes/midnight-study.json +3932 -0
  111. package/src/live-tokens/data/themes/ocean.json +3917 -0
  112. package/src/live-tokens/data/themes/royal-velvet.json +3983 -0
  113. package/src/live-tokens/data/themes/spring-meadow.json +3904 -0
  114. package/src/live-tokens/data/themes/sunset.json +3931 -0
  115. package/src/live-tokens/data/tokens.generated.css +106 -117
  116. package/src/system/styles/CONVENTIONS.md +1 -1
  117. package/src/system/styles/fonts.css +1 -1
  118. package/template/README.md +7 -5
  119. package/template/_gitignore +0 -6
  120. package/src/editor/core/components/componentPersist.ts +0 -62
  121. package/src/editor/core/manifests/manifestService.ts +0 -172
  122. package/src/editor/ui/ManifestFileManager.svelte +0 -446
  123. package/src/editor/ui/ThemeFileManager.svelte +0 -785
  124. package/src/live-tokens/data/manifests/default.json +0 -35
@@ -0,0 +1,2490 @@
1
+ {
2
+ "name": "Autumn",
3
+ "createdAt": "2026-08-12T20:21:21.128Z",
4
+ "updatedAt": "2026-08-13T14:14:20.015Z",
5
+ "editorConfigs": {
6
+ "Brand": {
7
+ "baseColor": {
8
+ "l": 0.55,
9
+ "c": 0.15,
10
+ "h": 40
11
+ },
12
+ "lightnessCurve": [
13
+ {
14
+ "x": 0,
15
+ "y": 95,
16
+ "inDx": 0,
17
+ "inDy": 0,
18
+ "outDx": 16.666666666666664,
19
+ "outDy": -13.333333333333329
20
+ },
21
+ {
22
+ "x": 50,
23
+ "y": 55.00000000000001,
24
+ "inDx": -16.666666666666664,
25
+ "inDy": 14.406130268199231,
26
+ "outDx": 16.666666666666664,
27
+ "outDy": -14.406130268199231
28
+ },
29
+ {
30
+ "x": 100,
31
+ "y": 8,
32
+ "inDx": -16.666666666666664,
33
+ "inDy": 15.666666666666668,
34
+ "outDx": 0,
35
+ "outDy": 0
36
+ }
37
+ ],
38
+ "saturationCurve": [
39
+ {
40
+ "x": 0,
41
+ "y": 100,
42
+ "inDx": 0,
43
+ "inDy": 0,
44
+ "outDx": 16.666666666666664,
45
+ "outDy": 0
46
+ },
47
+ {
48
+ "x": 50,
49
+ "y": 100,
50
+ "inDx": -16.666666666666664,
51
+ "inDy": 0,
52
+ "outDx": 16.666666666666664,
53
+ "outDy": 0
54
+ },
55
+ {
56
+ "x": 100,
57
+ "y": 100,
58
+ "inDx": -16.666666666666664,
59
+ "inDy": 0,
60
+ "outDx": 0,
61
+ "outDy": 0
62
+ }
63
+ ],
64
+ "scaleCurves": {
65
+ "Surfaces": {
66
+ "lightness": [
67
+ {
68
+ "x": 0,
69
+ "y": 98,
70
+ "inDx": -5,
71
+ "inDy": 0,
72
+ "outDx": 5,
73
+ "outDy": 0
74
+ },
75
+ {
76
+ "x": 100,
77
+ "y": 82,
78
+ "inDx": -5,
79
+ "inDy": 0,
80
+ "outDx": 5,
81
+ "outDy": 0
82
+ }
83
+ ],
84
+ "saturation": [
85
+ {
86
+ "x": 0,
87
+ "y": 100,
88
+ "inDx": -30,
89
+ "inDy": 0,
90
+ "outDx": 30,
91
+ "outDy": 0
92
+ },
93
+ {
94
+ "x": 100,
95
+ "y": 100,
96
+ "inDx": -30,
97
+ "inDy": 0,
98
+ "outDx": 30,
99
+ "outDy": 0
100
+ }
101
+ ]
102
+ },
103
+ "Borders": {
104
+ "lightness": [
105
+ {
106
+ "x": 0,
107
+ "y": 92,
108
+ "inDx": -5,
109
+ "inDy": 0,
110
+ "outDx": 5,
111
+ "outDy": 0
112
+ },
113
+ {
114
+ "x": 100,
115
+ "y": 45,
116
+ "inDx": -5,
117
+ "inDy": 0,
118
+ "outDx": 5,
119
+ "outDy": 0
120
+ }
121
+ ],
122
+ "saturation": [
123
+ {
124
+ "x": 0,
125
+ "y": 100,
126
+ "inDx": -30,
127
+ "inDy": 0,
128
+ "outDx": 30,
129
+ "outDy": 0
130
+ },
131
+ {
132
+ "x": 100,
133
+ "y": 100,
134
+ "inDx": -30,
135
+ "inDy": 0,
136
+ "outDx": 30,
137
+ "outDy": 0
138
+ }
139
+ ]
140
+ },
141
+ "Text": {
142
+ "lightness": [
143
+ {
144
+ "x": 0,
145
+ "y": 30,
146
+ "inDx": -30,
147
+ "inDy": 0,
148
+ "outDx": 30,
149
+ "outDy": 0
150
+ },
151
+ {
152
+ "x": 100,
153
+ "y": 120,
154
+ "inDx": -30,
155
+ "inDy": 0,
156
+ "outDx": 30,
157
+ "outDy": 0
158
+ }
159
+ ],
160
+ "saturation": [
161
+ {
162
+ "x": 0,
163
+ "y": 100,
164
+ "inDx": -30,
165
+ "inDy": 0,
166
+ "outDx": 30,
167
+ "outDy": 0
168
+ },
169
+ {
170
+ "x": 100,
171
+ "y": 15,
172
+ "inDx": -30,
173
+ "inDy": 0,
174
+ "outDx": 30,
175
+ "outDy": 0
176
+ }
177
+ ]
178
+ }
179
+ },
180
+ "curveOffset": {
181
+ "lightness": 0,
182
+ "saturation": 0
183
+ },
184
+ "overrides": {},
185
+ "snappedScales": [],
186
+ "anchorToBase": true,
187
+ "anchorPlacement": {
188
+ "step": 5,
189
+ "priorLightnessEndpoints": [
190
+ {
191
+ "x": 0,
192
+ "y": 95,
193
+ "inDx": -5,
194
+ "inDy": 0,
195
+ "outDx": 5,
196
+ "outDy": 0
197
+ },
198
+ {
199
+ "x": 100,
200
+ "y": 8,
201
+ "inDx": -5,
202
+ "inDy": 0,
203
+ "outDx": 5,
204
+ "outDy": 0
205
+ }
206
+ ],
207
+ "priorSaturationEndpoints": [
208
+ {
209
+ "x": 0,
210
+ "y": 100,
211
+ "inDx": -30,
212
+ "inDy": 0,
213
+ "outDx": 30,
214
+ "outDy": 0
215
+ },
216
+ {
217
+ "x": 100,
218
+ "y": 100,
219
+ "inDx": -30,
220
+ "inDy": 0,
221
+ "outDx": 30,
222
+ "outDy": 0
223
+ }
224
+ ]
225
+ }
226
+ },
227
+ "Accent": {
228
+ "baseColor": {
229
+ "l": 0.75,
230
+ "c": 0.15,
231
+ "h": 85
232
+ },
233
+ "lightnessCurve": [
234
+ {
235
+ "x": 0,
236
+ "y": 95,
237
+ "inDx": 0,
238
+ "inDy": 0,
239
+ "outDx": 6.666666666666666,
240
+ "outDy": -6.666666666666666
241
+ },
242
+ {
243
+ "x": 20,
244
+ "y": 75,
245
+ "inDx": -6.666666666666666,
246
+ "inDy": 6.1865189289012,
247
+ "outDx": 26.666666666666664,
248
+ "outDy": -24.7460757156048
249
+ },
250
+ {
251
+ "x": 100,
252
+ "y": 8,
253
+ "inDx": -26.666666666666664,
254
+ "inDy": 22.333333333333332,
255
+ "outDx": 0,
256
+ "outDy": 0
257
+ }
258
+ ],
259
+ "saturationCurve": [
260
+ {
261
+ "x": 0,
262
+ "y": 100,
263
+ "inDx": 0,
264
+ "inDy": 0,
265
+ "outDx": 6.666666666666666,
266
+ "outDy": 0
267
+ },
268
+ {
269
+ "x": 20,
270
+ "y": 100,
271
+ "inDx": -6.666666666666666,
272
+ "inDy": 0,
273
+ "outDx": 26.666666666666664,
274
+ "outDy": 0
275
+ },
276
+ {
277
+ "x": 100,
278
+ "y": 100,
279
+ "inDx": -26.666666666666664,
280
+ "inDy": 0,
281
+ "outDx": 0,
282
+ "outDy": 0
283
+ }
284
+ ],
285
+ "scaleCurves": {
286
+ "Surfaces": {
287
+ "lightness": [
288
+ {
289
+ "x": 0,
290
+ "y": 98,
291
+ "inDx": -5,
292
+ "inDy": 0,
293
+ "outDx": 5,
294
+ "outDy": 0
295
+ },
296
+ {
297
+ "x": 100,
298
+ "y": 82,
299
+ "inDx": -5,
300
+ "inDy": 0,
301
+ "outDx": 5,
302
+ "outDy": 0
303
+ }
304
+ ],
305
+ "saturation": [
306
+ {
307
+ "x": 0,
308
+ "y": 100,
309
+ "inDx": -30,
310
+ "inDy": 0,
311
+ "outDx": 30,
312
+ "outDy": 0
313
+ },
314
+ {
315
+ "x": 100,
316
+ "y": 100,
317
+ "inDx": -30,
318
+ "inDy": 0,
319
+ "outDx": 30,
320
+ "outDy": 0
321
+ }
322
+ ]
323
+ },
324
+ "Borders": {
325
+ "lightness": [
326
+ {
327
+ "x": 0,
328
+ "y": 92,
329
+ "inDx": -5,
330
+ "inDy": 0,
331
+ "outDx": 5,
332
+ "outDy": 0
333
+ },
334
+ {
335
+ "x": 100,
336
+ "y": 45,
337
+ "inDx": -5,
338
+ "inDy": 0,
339
+ "outDx": 5,
340
+ "outDy": 0
341
+ }
342
+ ],
343
+ "saturation": [
344
+ {
345
+ "x": 0,
346
+ "y": 100,
347
+ "inDx": -30,
348
+ "inDy": 0,
349
+ "outDx": 30,
350
+ "outDy": 0
351
+ },
352
+ {
353
+ "x": 100,
354
+ "y": 100,
355
+ "inDx": -30,
356
+ "inDy": 0,
357
+ "outDx": 30,
358
+ "outDy": 0
359
+ }
360
+ ]
361
+ },
362
+ "Text": {
363
+ "lightness": [
364
+ {
365
+ "x": 0,
366
+ "y": 30,
367
+ "inDx": -30,
368
+ "inDy": 0,
369
+ "outDx": 30,
370
+ "outDy": 0
371
+ },
372
+ {
373
+ "x": 100,
374
+ "y": 120,
375
+ "inDx": -30,
376
+ "inDy": 0,
377
+ "outDx": 30,
378
+ "outDy": 0
379
+ }
380
+ ],
381
+ "saturation": [
382
+ {
383
+ "x": 0,
384
+ "y": 100,
385
+ "inDx": -30,
386
+ "inDy": 0,
387
+ "outDx": 30,
388
+ "outDy": 0
389
+ },
390
+ {
391
+ "x": 100,
392
+ "y": 15,
393
+ "inDx": -30,
394
+ "inDy": 0,
395
+ "outDx": 30,
396
+ "outDy": 0
397
+ }
398
+ ]
399
+ }
400
+ },
401
+ "curveOffset": {
402
+ "lightness": 0,
403
+ "saturation": 0
404
+ },
405
+ "overrides": {},
406
+ "snappedScales": [],
407
+ "anchorToBase": true,
408
+ "anchorPlacement": {
409
+ "step": 2,
410
+ "priorLightnessEndpoints": [
411
+ {
412
+ "x": 0,
413
+ "y": 95,
414
+ "inDx": -5,
415
+ "inDy": 0,
416
+ "outDx": 5,
417
+ "outDy": 0
418
+ },
419
+ {
420
+ "x": 100,
421
+ "y": 8,
422
+ "inDx": -5,
423
+ "inDy": 0,
424
+ "outDx": 5,
425
+ "outDy": 0
426
+ }
427
+ ],
428
+ "priorSaturationEndpoints": [
429
+ {
430
+ "x": 0,
431
+ "y": 100,
432
+ "inDx": -30,
433
+ "inDy": 0,
434
+ "outDx": 30,
435
+ "outDy": 0
436
+ },
437
+ {
438
+ "x": 100,
439
+ "y": 100,
440
+ "inDx": -30,
441
+ "inDy": 0,
442
+ "outDx": 30,
443
+ "outDy": 0
444
+ }
445
+ ]
446
+ }
447
+ },
448
+ "Special": {
449
+ "baseColor": {
450
+ "l": 0.55,
451
+ "c": 0.1,
452
+ "h": 120
453
+ },
454
+ "lightnessCurve": [
455
+ {
456
+ "x": 0,
457
+ "y": 95,
458
+ "inDx": 0,
459
+ "inDy": 0,
460
+ "outDx": 16.666666666666664,
461
+ "outDy": -13.333333333333329
462
+ },
463
+ {
464
+ "x": 50,
465
+ "y": 55.00000000000001,
466
+ "inDx": -16.666666666666664,
467
+ "inDy": 14.406130268199231,
468
+ "outDx": 16.666666666666664,
469
+ "outDy": -14.406130268199231
470
+ },
471
+ {
472
+ "x": 100,
473
+ "y": 8,
474
+ "inDx": -16.666666666666664,
475
+ "inDy": 15.666666666666668,
476
+ "outDx": 0,
477
+ "outDy": 0
478
+ }
479
+ ],
480
+ "saturationCurve": [
481
+ {
482
+ "x": 0,
483
+ "y": 100,
484
+ "inDx": 0,
485
+ "inDy": 0,
486
+ "outDx": 16.666666666666664,
487
+ "outDy": 0
488
+ },
489
+ {
490
+ "x": 50,
491
+ "y": 100,
492
+ "inDx": -16.666666666666664,
493
+ "inDy": 0,
494
+ "outDx": 16.666666666666664,
495
+ "outDy": 0
496
+ },
497
+ {
498
+ "x": 100,
499
+ "y": 100,
500
+ "inDx": -16.666666666666664,
501
+ "inDy": 0,
502
+ "outDx": 0,
503
+ "outDy": 0
504
+ }
505
+ ],
506
+ "scaleCurves": {
507
+ "Surfaces": {
508
+ "lightness": [
509
+ {
510
+ "x": 0,
511
+ "y": 98,
512
+ "inDx": -5,
513
+ "inDy": 0,
514
+ "outDx": 5,
515
+ "outDy": 0
516
+ },
517
+ {
518
+ "x": 100,
519
+ "y": 82,
520
+ "inDx": -5,
521
+ "inDy": 0,
522
+ "outDx": 5,
523
+ "outDy": 0
524
+ }
525
+ ],
526
+ "saturation": [
527
+ {
528
+ "x": 0,
529
+ "y": 100,
530
+ "inDx": -30,
531
+ "inDy": 0,
532
+ "outDx": 30,
533
+ "outDy": 0
534
+ },
535
+ {
536
+ "x": 100,
537
+ "y": 100,
538
+ "inDx": -30,
539
+ "inDy": 0,
540
+ "outDx": 30,
541
+ "outDy": 0
542
+ }
543
+ ]
544
+ },
545
+ "Borders": {
546
+ "lightness": [
547
+ {
548
+ "x": 0,
549
+ "y": 92,
550
+ "inDx": -5,
551
+ "inDy": 0,
552
+ "outDx": 5,
553
+ "outDy": 0
554
+ },
555
+ {
556
+ "x": 100,
557
+ "y": 45,
558
+ "inDx": -5,
559
+ "inDy": 0,
560
+ "outDx": 5,
561
+ "outDy": 0
562
+ }
563
+ ],
564
+ "saturation": [
565
+ {
566
+ "x": 0,
567
+ "y": 100,
568
+ "inDx": -30,
569
+ "inDy": 0,
570
+ "outDx": 30,
571
+ "outDy": 0
572
+ },
573
+ {
574
+ "x": 100,
575
+ "y": 100,
576
+ "inDx": -30,
577
+ "inDy": 0,
578
+ "outDx": 30,
579
+ "outDy": 0
580
+ }
581
+ ]
582
+ },
583
+ "Text": {
584
+ "lightness": [
585
+ {
586
+ "x": 0,
587
+ "y": 30,
588
+ "inDx": -30,
589
+ "inDy": 0,
590
+ "outDx": 30,
591
+ "outDy": 0
592
+ },
593
+ {
594
+ "x": 100,
595
+ "y": 120,
596
+ "inDx": -30,
597
+ "inDy": 0,
598
+ "outDx": 30,
599
+ "outDy": 0
600
+ }
601
+ ],
602
+ "saturation": [
603
+ {
604
+ "x": 0,
605
+ "y": 100,
606
+ "inDx": -30,
607
+ "inDy": 0,
608
+ "outDx": 30,
609
+ "outDy": 0
610
+ },
611
+ {
612
+ "x": 100,
613
+ "y": 15,
614
+ "inDx": -30,
615
+ "inDy": 0,
616
+ "outDx": 30,
617
+ "outDy": 0
618
+ }
619
+ ]
620
+ }
621
+ },
622
+ "curveOffset": {
623
+ "lightness": 0,
624
+ "saturation": 0
625
+ },
626
+ "overrides": {},
627
+ "snappedScales": [],
628
+ "anchorToBase": true,
629
+ "anchorPlacement": {
630
+ "step": 5,
631
+ "priorLightnessEndpoints": [
632
+ {
633
+ "x": 0,
634
+ "y": 95,
635
+ "inDx": -5,
636
+ "inDy": 0,
637
+ "outDx": 5,
638
+ "outDy": 0
639
+ },
640
+ {
641
+ "x": 100,
642
+ "y": 8,
643
+ "inDx": -5,
644
+ "inDy": 0,
645
+ "outDx": 5,
646
+ "outDy": 0
647
+ }
648
+ ],
649
+ "priorSaturationEndpoints": [
650
+ {
651
+ "x": 0,
652
+ "y": 100,
653
+ "inDx": -30,
654
+ "inDy": 0,
655
+ "outDx": 30,
656
+ "outDy": 0
657
+ },
658
+ {
659
+ "x": 100,
660
+ "y": 100,
661
+ "inDx": -30,
662
+ "inDy": 0,
663
+ "outDx": 30,
664
+ "outDy": 0
665
+ }
666
+ ]
667
+ }
668
+ },
669
+ "Canvas": {
670
+ "baseColor": {
671
+ "l": 0.87,
672
+ "c": 0.06,
673
+ "h": 80
674
+ },
675
+ "lightnessCurve": [
676
+ {
677
+ "x": 0,
678
+ "y": 95,
679
+ "inDx": 0,
680
+ "inDy": 0,
681
+ "outDx": 3.333333333333333,
682
+ "outDy": -2.6666666666666665
683
+ },
684
+ {
685
+ "x": 10,
686
+ "y": 87,
687
+ "inDx": -3.333333333333333,
688
+ "inDy": 2.7562145660706494,
689
+ "outDx": 30,
690
+ "outDy": -24.80593109463585
691
+ },
692
+ {
693
+ "x": 100,
694
+ "y": 8,
695
+ "inDx": -30,
696
+ "inDy": 26.333333333333332,
697
+ "outDx": 0,
698
+ "outDy": 0
699
+ }
700
+ ],
701
+ "saturationCurve": [
702
+ {
703
+ "x": 0,
704
+ "y": 100,
705
+ "inDx": 0,
706
+ "inDy": 0,
707
+ "outDx": 3.333333333333333,
708
+ "outDy": 0
709
+ },
710
+ {
711
+ "x": 10,
712
+ "y": 100,
713
+ "inDx": -3.333333333333333,
714
+ "inDy": 0,
715
+ "outDx": 30,
716
+ "outDy": 0
717
+ },
718
+ {
719
+ "x": 100,
720
+ "y": 100,
721
+ "inDx": -30,
722
+ "inDy": 0,
723
+ "outDx": 0,
724
+ "outDy": 0
725
+ }
726
+ ],
727
+ "scaleCurves": {
728
+ "Surfaces": {
729
+ "lightness": [
730
+ {
731
+ "x": 0,
732
+ "y": 98,
733
+ "inDx": -5,
734
+ "inDy": 0,
735
+ "outDx": 5,
736
+ "outDy": 0
737
+ },
738
+ {
739
+ "x": 100,
740
+ "y": 82,
741
+ "inDx": -5,
742
+ "inDy": 0,
743
+ "outDx": 5,
744
+ "outDy": 0
745
+ }
746
+ ],
747
+ "saturation": [
748
+ {
749
+ "x": 0,
750
+ "y": 100,
751
+ "inDx": -30,
752
+ "inDy": 0,
753
+ "outDx": 30,
754
+ "outDy": 0
755
+ },
756
+ {
757
+ "x": 100,
758
+ "y": 100,
759
+ "inDx": -30,
760
+ "inDy": 0,
761
+ "outDx": 30,
762
+ "outDy": 0
763
+ }
764
+ ]
765
+ },
766
+ "Borders": {
767
+ "lightness": [
768
+ {
769
+ "x": 0,
770
+ "y": 92,
771
+ "inDx": -5,
772
+ "inDy": 0,
773
+ "outDx": 5,
774
+ "outDy": 0
775
+ },
776
+ {
777
+ "x": 100,
778
+ "y": 45,
779
+ "inDx": -5,
780
+ "inDy": 0,
781
+ "outDx": 5,
782
+ "outDy": 0
783
+ }
784
+ ],
785
+ "saturation": [
786
+ {
787
+ "x": 0,
788
+ "y": 100,
789
+ "inDx": -30,
790
+ "inDy": 0,
791
+ "outDx": 30,
792
+ "outDy": 0
793
+ },
794
+ {
795
+ "x": 100,
796
+ "y": 100,
797
+ "inDx": -30,
798
+ "inDy": 0,
799
+ "outDx": 30,
800
+ "outDy": 0
801
+ }
802
+ ]
803
+ },
804
+ "Text": {
805
+ "lightness": [
806
+ {
807
+ "x": 0,
808
+ "y": 30,
809
+ "inDx": -30,
810
+ "inDy": 0,
811
+ "outDx": 30,
812
+ "outDy": 0
813
+ },
814
+ {
815
+ "x": 100,
816
+ "y": 120,
817
+ "inDx": -30,
818
+ "inDy": 0,
819
+ "outDx": 30,
820
+ "outDy": 0
821
+ }
822
+ ],
823
+ "saturation": [
824
+ {
825
+ "x": 0,
826
+ "y": 100,
827
+ "inDx": -30,
828
+ "inDy": 0,
829
+ "outDx": 30,
830
+ "outDy": 0
831
+ },
832
+ {
833
+ "x": 100,
834
+ "y": 15,
835
+ "inDx": -30,
836
+ "inDy": 0,
837
+ "outDx": 30,
838
+ "outDy": 0
839
+ }
840
+ ]
841
+ }
842
+ },
843
+ "curveOffset": {
844
+ "lightness": 0,
845
+ "saturation": 0
846
+ },
847
+ "overrides": {},
848
+ "snappedScales": [],
849
+ "anchorToBase": true,
850
+ "anchorPlacement": {
851
+ "step": 1,
852
+ "priorLightnessEndpoints": [
853
+ {
854
+ "x": 0,
855
+ "y": 95,
856
+ "inDx": -5,
857
+ "inDy": 0,
858
+ "outDx": 5,
859
+ "outDy": 0
860
+ },
861
+ {
862
+ "x": 100,
863
+ "y": 8,
864
+ "inDx": -5,
865
+ "inDy": 0,
866
+ "outDx": 5,
867
+ "outDy": 0
868
+ }
869
+ ],
870
+ "priorSaturationEndpoints": [
871
+ {
872
+ "x": 0,
873
+ "y": 100,
874
+ "inDx": -30,
875
+ "inDy": 0,
876
+ "outDx": 30,
877
+ "outDy": 0
878
+ },
879
+ {
880
+ "x": 100,
881
+ "y": 100,
882
+ "inDx": -30,
883
+ "inDy": 0,
884
+ "outDx": 30,
885
+ "outDy": 0
886
+ }
887
+ ]
888
+ }
889
+ },
890
+ "Neutral": {
891
+ "baseColor": {
892
+ "l": 0.55,
893
+ "c": 0.018,
894
+ "h": 60
895
+ },
896
+ "lightnessCurve": [
897
+ {
898
+ "x": 0,
899
+ "y": 92,
900
+ "inDx": 0,
901
+ "inDy": 0,
902
+ "outDx": 13.333333333333332,
903
+ "outDy": -12.33333333333333
904
+ },
905
+ {
906
+ "x": 40,
907
+ "y": 55.00000000000001,
908
+ "inDx": -13.333333333333332,
909
+ "inDy": 11.957737725295212,
910
+ "outDx": 20,
911
+ "outDy": -17.93660658794282
912
+ },
913
+ {
914
+ "x": 100,
915
+ "y": 3,
916
+ "inDx": -20,
917
+ "inDy": 17.333333333333336,
918
+ "outDx": 0,
919
+ "outDy": 0
920
+ }
921
+ ],
922
+ "saturationCurve": [
923
+ {
924
+ "x": 0,
925
+ "y": 100,
926
+ "inDx": 0,
927
+ "inDy": 0,
928
+ "outDx": 13.333333333333332,
929
+ "outDy": 0
930
+ },
931
+ {
932
+ "x": 40,
933
+ "y": 100,
934
+ "inDx": -13.333333333333332,
935
+ "inDy": 0,
936
+ "outDx": 20,
937
+ "outDy": 0
938
+ },
939
+ {
940
+ "x": 100,
941
+ "y": 100,
942
+ "inDx": -20,
943
+ "inDy": 0,
944
+ "outDx": 0,
945
+ "outDy": 0
946
+ }
947
+ ],
948
+ "scaleCurves": {
949
+ "Surfaces": {
950
+ "lightness": [
951
+ {
952
+ "x": 0,
953
+ "y": 98,
954
+ "inDx": -5,
955
+ "inDy": 0,
956
+ "outDx": 5,
957
+ "outDy": 0
958
+ },
959
+ {
960
+ "x": 100,
961
+ "y": 82,
962
+ "inDx": -5,
963
+ "inDy": 0,
964
+ "outDx": 5,
965
+ "outDy": 0
966
+ }
967
+ ],
968
+ "saturation": [
969
+ {
970
+ "x": 0,
971
+ "y": 100,
972
+ "inDx": -30,
973
+ "inDy": 0,
974
+ "outDx": 30,
975
+ "outDy": 0
976
+ },
977
+ {
978
+ "x": 100,
979
+ "y": 100,
980
+ "inDx": -30,
981
+ "inDy": 0,
982
+ "outDx": 30,
983
+ "outDy": 0
984
+ }
985
+ ]
986
+ },
987
+ "Borders": {
988
+ "lightness": [
989
+ {
990
+ "x": 0,
991
+ "y": 92,
992
+ "inDx": -5,
993
+ "inDy": 0,
994
+ "outDx": 5,
995
+ "outDy": 0
996
+ },
997
+ {
998
+ "x": 100,
999
+ "y": 45,
1000
+ "inDx": -5,
1001
+ "inDy": 0,
1002
+ "outDx": 5,
1003
+ "outDy": 0
1004
+ }
1005
+ ],
1006
+ "saturation": [
1007
+ {
1008
+ "x": 0,
1009
+ "y": 100,
1010
+ "inDx": -30,
1011
+ "inDy": 0,
1012
+ "outDx": 30,
1013
+ "outDy": 0
1014
+ },
1015
+ {
1016
+ "x": 100,
1017
+ "y": 100,
1018
+ "inDx": -30,
1019
+ "inDy": 0,
1020
+ "outDx": 30,
1021
+ "outDy": 0
1022
+ }
1023
+ ]
1024
+ },
1025
+ "Text": {
1026
+ "lightness": [
1027
+ {
1028
+ "x": 0,
1029
+ "y": 30,
1030
+ "inDx": -30,
1031
+ "inDy": 0,
1032
+ "outDx": 30,
1033
+ "outDy": 0
1034
+ },
1035
+ {
1036
+ "x": 100,
1037
+ "y": 120,
1038
+ "inDx": -30,
1039
+ "inDy": 0,
1040
+ "outDx": 30,
1041
+ "outDy": 0
1042
+ }
1043
+ ],
1044
+ "saturation": [
1045
+ {
1046
+ "x": 0,
1047
+ "y": 100,
1048
+ "inDx": -30,
1049
+ "inDy": 0,
1050
+ "outDx": 30,
1051
+ "outDy": 0
1052
+ },
1053
+ {
1054
+ "x": 100,
1055
+ "y": 15,
1056
+ "inDx": -30,
1057
+ "inDy": 0,
1058
+ "outDx": 30,
1059
+ "outDy": 0
1060
+ }
1061
+ ]
1062
+ }
1063
+ },
1064
+ "curveOffset": {
1065
+ "lightness": 0,
1066
+ "saturation": 0
1067
+ },
1068
+ "overrides": {},
1069
+ "snappedScales": [],
1070
+ "anchorToBase": true,
1071
+ "anchorPlacement": {
1072
+ "step": 4,
1073
+ "priorLightnessEndpoints": [
1074
+ {
1075
+ "x": 0,
1076
+ "y": 92,
1077
+ "inDx": -5,
1078
+ "inDy": 0,
1079
+ "outDx": 5,
1080
+ "outDy": 0
1081
+ },
1082
+ {
1083
+ "x": 100,
1084
+ "y": 3,
1085
+ "inDx": -5,
1086
+ "inDy": 0,
1087
+ "outDx": 5,
1088
+ "outDy": 0
1089
+ }
1090
+ ],
1091
+ "priorSaturationEndpoints": [
1092
+ {
1093
+ "x": 0,
1094
+ "y": 100,
1095
+ "inDx": -30,
1096
+ "inDy": 0,
1097
+ "outDx": 30,
1098
+ "outDy": 0
1099
+ },
1100
+ {
1101
+ "x": 100,
1102
+ "y": 100,
1103
+ "inDx": -30,
1104
+ "inDy": 0,
1105
+ "outDx": 30,
1106
+ "outDy": 0
1107
+ }
1108
+ ]
1109
+ }
1110
+ },
1111
+ "Alternate": {
1112
+ "baseColor": {
1113
+ "l": 0.57,
1114
+ "c": 0.014,
1115
+ "h": 110
1116
+ },
1117
+ "lightnessCurve": [
1118
+ {
1119
+ "x": 0,
1120
+ "y": 92,
1121
+ "inDx": 0,
1122
+ "inDy": 0,
1123
+ "outDx": 13.333333333333332,
1124
+ "outDy": -11.666666666666668
1125
+ },
1126
+ {
1127
+ "x": 40,
1128
+ "y": 56.99999999999999,
1129
+ "inDx": -13.333333333333332,
1130
+ "inDy": 11.819887429643527,
1131
+ "outDx": 20,
1132
+ "outDy": -17.729831144465294
1133
+ },
1134
+ {
1135
+ "x": 100,
1136
+ "y": 3,
1137
+ "inDx": -20,
1138
+ "inDy": 18,
1139
+ "outDx": 0,
1140
+ "outDy": 0
1141
+ }
1142
+ ],
1143
+ "saturationCurve": [
1144
+ {
1145
+ "x": 0,
1146
+ "y": 100,
1147
+ "inDx": 0,
1148
+ "inDy": 0,
1149
+ "outDx": 13.333333333333332,
1150
+ "outDy": 0
1151
+ },
1152
+ {
1153
+ "x": 40,
1154
+ "y": 100,
1155
+ "inDx": -13.333333333333332,
1156
+ "inDy": 0,
1157
+ "outDx": 20,
1158
+ "outDy": 0
1159
+ },
1160
+ {
1161
+ "x": 100,
1162
+ "y": 100,
1163
+ "inDx": -20,
1164
+ "inDy": 0,
1165
+ "outDx": 0,
1166
+ "outDy": 0
1167
+ }
1168
+ ],
1169
+ "scaleCurves": {
1170
+ "Surfaces": {
1171
+ "lightness": [
1172
+ {
1173
+ "x": 0,
1174
+ "y": 98,
1175
+ "inDx": -5,
1176
+ "inDy": 0,
1177
+ "outDx": 5,
1178
+ "outDy": 0
1179
+ },
1180
+ {
1181
+ "x": 100,
1182
+ "y": 82,
1183
+ "inDx": -5,
1184
+ "inDy": 0,
1185
+ "outDx": 5,
1186
+ "outDy": 0
1187
+ }
1188
+ ],
1189
+ "saturation": [
1190
+ {
1191
+ "x": 0,
1192
+ "y": 100,
1193
+ "inDx": -30,
1194
+ "inDy": 0,
1195
+ "outDx": 30,
1196
+ "outDy": 0
1197
+ },
1198
+ {
1199
+ "x": 100,
1200
+ "y": 100,
1201
+ "inDx": -30,
1202
+ "inDy": 0,
1203
+ "outDx": 30,
1204
+ "outDy": 0
1205
+ }
1206
+ ]
1207
+ },
1208
+ "Borders": {
1209
+ "lightness": [
1210
+ {
1211
+ "x": 0,
1212
+ "y": 92,
1213
+ "inDx": -5,
1214
+ "inDy": 0,
1215
+ "outDx": 5,
1216
+ "outDy": 0
1217
+ },
1218
+ {
1219
+ "x": 100,
1220
+ "y": 45,
1221
+ "inDx": -5,
1222
+ "inDy": 0,
1223
+ "outDx": 5,
1224
+ "outDy": 0
1225
+ }
1226
+ ],
1227
+ "saturation": [
1228
+ {
1229
+ "x": 0,
1230
+ "y": 100,
1231
+ "inDx": -30,
1232
+ "inDy": 0,
1233
+ "outDx": 30,
1234
+ "outDy": 0
1235
+ },
1236
+ {
1237
+ "x": 100,
1238
+ "y": 100,
1239
+ "inDx": -30,
1240
+ "inDy": 0,
1241
+ "outDx": 30,
1242
+ "outDy": 0
1243
+ }
1244
+ ]
1245
+ },
1246
+ "Text": {
1247
+ "lightness": [
1248
+ {
1249
+ "x": 0,
1250
+ "y": 30,
1251
+ "inDx": -30,
1252
+ "inDy": 0,
1253
+ "outDx": 30,
1254
+ "outDy": 0
1255
+ },
1256
+ {
1257
+ "x": 100,
1258
+ "y": 120,
1259
+ "inDx": -30,
1260
+ "inDy": 0,
1261
+ "outDx": 30,
1262
+ "outDy": 0
1263
+ }
1264
+ ],
1265
+ "saturation": [
1266
+ {
1267
+ "x": 0,
1268
+ "y": 100,
1269
+ "inDx": -30,
1270
+ "inDy": 0,
1271
+ "outDx": 30,
1272
+ "outDy": 0
1273
+ },
1274
+ {
1275
+ "x": 100,
1276
+ "y": 15,
1277
+ "inDx": -30,
1278
+ "inDy": 0,
1279
+ "outDx": 30,
1280
+ "outDy": 0
1281
+ }
1282
+ ]
1283
+ }
1284
+ },
1285
+ "curveOffset": {
1286
+ "lightness": 0,
1287
+ "saturation": 0
1288
+ },
1289
+ "overrides": {},
1290
+ "snappedScales": [],
1291
+ "anchorToBase": true,
1292
+ "anchorPlacement": {
1293
+ "step": 4,
1294
+ "priorLightnessEndpoints": [
1295
+ {
1296
+ "x": 0,
1297
+ "y": 92,
1298
+ "inDx": -5,
1299
+ "inDy": 0,
1300
+ "outDx": 5,
1301
+ "outDy": 0
1302
+ },
1303
+ {
1304
+ "x": 100,
1305
+ "y": 3,
1306
+ "inDx": -5,
1307
+ "inDy": 0,
1308
+ "outDx": 5,
1309
+ "outDy": 0
1310
+ }
1311
+ ],
1312
+ "priorSaturationEndpoints": [
1313
+ {
1314
+ "x": 0,
1315
+ "y": 100,
1316
+ "inDx": -30,
1317
+ "inDy": 0,
1318
+ "outDx": 30,
1319
+ "outDy": 0
1320
+ },
1321
+ {
1322
+ "x": 100,
1323
+ "y": 100,
1324
+ "inDx": -30,
1325
+ "inDy": 0,
1326
+ "outDx": 30,
1327
+ "outDy": 0
1328
+ }
1329
+ ]
1330
+ }
1331
+ },
1332
+ "Info": {
1333
+ "baseColor": {
1334
+ "l": 0.55,
1335
+ "c": 0.12,
1336
+ "h": 250
1337
+ },
1338
+ "lightnessCurve": [
1339
+ {
1340
+ "x": 0,
1341
+ "y": 95,
1342
+ "inDx": 0,
1343
+ "inDy": 0,
1344
+ "outDx": 16.666666666666664,
1345
+ "outDy": -13.333333333333329
1346
+ },
1347
+ {
1348
+ "x": 50,
1349
+ "y": 55.00000000000001,
1350
+ "inDx": -16.666666666666664,
1351
+ "inDy": 14.406130268199231,
1352
+ "outDx": 16.666666666666664,
1353
+ "outDy": -14.406130268199231
1354
+ },
1355
+ {
1356
+ "x": 100,
1357
+ "y": 8,
1358
+ "inDx": -16.666666666666664,
1359
+ "inDy": 15.666666666666668,
1360
+ "outDx": 0,
1361
+ "outDy": 0
1362
+ }
1363
+ ],
1364
+ "saturationCurve": [
1365
+ {
1366
+ "x": 0,
1367
+ "y": 100,
1368
+ "inDx": 0,
1369
+ "inDy": 0,
1370
+ "outDx": 16.666666666666664,
1371
+ "outDy": 0
1372
+ },
1373
+ {
1374
+ "x": 50,
1375
+ "y": 100,
1376
+ "inDx": -16.666666666666664,
1377
+ "inDy": 0,
1378
+ "outDx": 16.666666666666664,
1379
+ "outDy": 0
1380
+ },
1381
+ {
1382
+ "x": 100,
1383
+ "y": 100,
1384
+ "inDx": -16.666666666666664,
1385
+ "inDy": 0,
1386
+ "outDx": 0,
1387
+ "outDy": 0
1388
+ }
1389
+ ],
1390
+ "scaleCurves": {
1391
+ "Surfaces": {
1392
+ "lightness": [
1393
+ {
1394
+ "x": 0,
1395
+ "y": 98,
1396
+ "inDx": -5,
1397
+ "inDy": 0,
1398
+ "outDx": 5,
1399
+ "outDy": 0
1400
+ },
1401
+ {
1402
+ "x": 100,
1403
+ "y": 82,
1404
+ "inDx": -5,
1405
+ "inDy": 0,
1406
+ "outDx": 5,
1407
+ "outDy": 0
1408
+ }
1409
+ ],
1410
+ "saturation": [
1411
+ {
1412
+ "x": 0,
1413
+ "y": 100,
1414
+ "inDx": -30,
1415
+ "inDy": 0,
1416
+ "outDx": 30,
1417
+ "outDy": 0
1418
+ },
1419
+ {
1420
+ "x": 100,
1421
+ "y": 100,
1422
+ "inDx": -30,
1423
+ "inDy": 0,
1424
+ "outDx": 30,
1425
+ "outDy": 0
1426
+ }
1427
+ ]
1428
+ },
1429
+ "Borders": {
1430
+ "lightness": [
1431
+ {
1432
+ "x": 0,
1433
+ "y": 92,
1434
+ "inDx": -5,
1435
+ "inDy": 0,
1436
+ "outDx": 5,
1437
+ "outDy": 0
1438
+ },
1439
+ {
1440
+ "x": 100,
1441
+ "y": 45,
1442
+ "inDx": -5,
1443
+ "inDy": 0,
1444
+ "outDx": 5,
1445
+ "outDy": 0
1446
+ }
1447
+ ],
1448
+ "saturation": [
1449
+ {
1450
+ "x": 0,
1451
+ "y": 100,
1452
+ "inDx": -30,
1453
+ "inDy": 0,
1454
+ "outDx": 30,
1455
+ "outDy": 0
1456
+ },
1457
+ {
1458
+ "x": 100,
1459
+ "y": 100,
1460
+ "inDx": -30,
1461
+ "inDy": 0,
1462
+ "outDx": 30,
1463
+ "outDy": 0
1464
+ }
1465
+ ]
1466
+ },
1467
+ "Text": {
1468
+ "lightness": [
1469
+ {
1470
+ "x": 0,
1471
+ "y": 30,
1472
+ "inDx": -30,
1473
+ "inDy": 0,
1474
+ "outDx": 30,
1475
+ "outDy": 0
1476
+ },
1477
+ {
1478
+ "x": 100,
1479
+ "y": 120,
1480
+ "inDx": -30,
1481
+ "inDy": 0,
1482
+ "outDx": 30,
1483
+ "outDy": 0
1484
+ }
1485
+ ],
1486
+ "saturation": [
1487
+ {
1488
+ "x": 0,
1489
+ "y": 100,
1490
+ "inDx": -30,
1491
+ "inDy": 0,
1492
+ "outDx": 30,
1493
+ "outDy": 0
1494
+ },
1495
+ {
1496
+ "x": 100,
1497
+ "y": 15,
1498
+ "inDx": -30,
1499
+ "inDy": 0,
1500
+ "outDx": 30,
1501
+ "outDy": 0
1502
+ }
1503
+ ]
1504
+ }
1505
+ },
1506
+ "curveOffset": {
1507
+ "lightness": 0,
1508
+ "saturation": 0
1509
+ },
1510
+ "overrides": {},
1511
+ "snappedScales": [],
1512
+ "anchorToBase": true,
1513
+ "anchorPlacement": {
1514
+ "step": 5,
1515
+ "priorLightnessEndpoints": [
1516
+ {
1517
+ "x": 0,
1518
+ "y": 95,
1519
+ "inDx": -5,
1520
+ "inDy": 0,
1521
+ "outDx": 5,
1522
+ "outDy": 0
1523
+ },
1524
+ {
1525
+ "x": 100,
1526
+ "y": 8,
1527
+ "inDx": -5,
1528
+ "inDy": 0,
1529
+ "outDx": 5,
1530
+ "outDy": 0
1531
+ }
1532
+ ],
1533
+ "priorSaturationEndpoints": [
1534
+ {
1535
+ "x": 0,
1536
+ "y": 100,
1537
+ "inDx": -30,
1538
+ "inDy": 0,
1539
+ "outDx": 30,
1540
+ "outDy": 0
1541
+ },
1542
+ {
1543
+ "x": 100,
1544
+ "y": 100,
1545
+ "inDx": -30,
1546
+ "inDy": 0,
1547
+ "outDx": 30,
1548
+ "outDy": 0
1549
+ }
1550
+ ]
1551
+ }
1552
+ },
1553
+ "Success": {
1554
+ "baseColor": {
1555
+ "l": 0.55,
1556
+ "c": 0.13,
1557
+ "h": 150
1558
+ },
1559
+ "lightnessCurve": [
1560
+ {
1561
+ "x": 0,
1562
+ "y": 95,
1563
+ "inDx": 0,
1564
+ "inDy": 0,
1565
+ "outDx": 16.666666666666664,
1566
+ "outDy": -13.333333333333329
1567
+ },
1568
+ {
1569
+ "x": 50,
1570
+ "y": 55.00000000000001,
1571
+ "inDx": -16.666666666666664,
1572
+ "inDy": 14.406130268199231,
1573
+ "outDx": 16.666666666666664,
1574
+ "outDy": -14.406130268199231
1575
+ },
1576
+ {
1577
+ "x": 100,
1578
+ "y": 8,
1579
+ "inDx": -16.666666666666664,
1580
+ "inDy": 15.666666666666668,
1581
+ "outDx": 0,
1582
+ "outDy": 0
1583
+ }
1584
+ ],
1585
+ "saturationCurve": [
1586
+ {
1587
+ "x": 0,
1588
+ "y": 100,
1589
+ "inDx": 0,
1590
+ "inDy": 0,
1591
+ "outDx": 16.666666666666664,
1592
+ "outDy": 0
1593
+ },
1594
+ {
1595
+ "x": 50,
1596
+ "y": 100,
1597
+ "inDx": -16.666666666666664,
1598
+ "inDy": 0,
1599
+ "outDx": 16.666666666666664,
1600
+ "outDy": 0
1601
+ },
1602
+ {
1603
+ "x": 100,
1604
+ "y": 100,
1605
+ "inDx": -16.666666666666664,
1606
+ "inDy": 0,
1607
+ "outDx": 0,
1608
+ "outDy": 0
1609
+ }
1610
+ ],
1611
+ "scaleCurves": {
1612
+ "Surfaces": {
1613
+ "lightness": [
1614
+ {
1615
+ "x": 0,
1616
+ "y": 98,
1617
+ "inDx": -5,
1618
+ "inDy": 0,
1619
+ "outDx": 5,
1620
+ "outDy": 0
1621
+ },
1622
+ {
1623
+ "x": 100,
1624
+ "y": 82,
1625
+ "inDx": -5,
1626
+ "inDy": 0,
1627
+ "outDx": 5,
1628
+ "outDy": 0
1629
+ }
1630
+ ],
1631
+ "saturation": [
1632
+ {
1633
+ "x": 0,
1634
+ "y": 100,
1635
+ "inDx": -30,
1636
+ "inDy": 0,
1637
+ "outDx": 30,
1638
+ "outDy": 0
1639
+ },
1640
+ {
1641
+ "x": 100,
1642
+ "y": 100,
1643
+ "inDx": -30,
1644
+ "inDy": 0,
1645
+ "outDx": 30,
1646
+ "outDy": 0
1647
+ }
1648
+ ]
1649
+ },
1650
+ "Borders": {
1651
+ "lightness": [
1652
+ {
1653
+ "x": 0,
1654
+ "y": 92,
1655
+ "inDx": -5,
1656
+ "inDy": 0,
1657
+ "outDx": 5,
1658
+ "outDy": 0
1659
+ },
1660
+ {
1661
+ "x": 100,
1662
+ "y": 45,
1663
+ "inDx": -5,
1664
+ "inDy": 0,
1665
+ "outDx": 5,
1666
+ "outDy": 0
1667
+ }
1668
+ ],
1669
+ "saturation": [
1670
+ {
1671
+ "x": 0,
1672
+ "y": 100,
1673
+ "inDx": -30,
1674
+ "inDy": 0,
1675
+ "outDx": 30,
1676
+ "outDy": 0
1677
+ },
1678
+ {
1679
+ "x": 100,
1680
+ "y": 100,
1681
+ "inDx": -30,
1682
+ "inDy": 0,
1683
+ "outDx": 30,
1684
+ "outDy": 0
1685
+ }
1686
+ ]
1687
+ },
1688
+ "Text": {
1689
+ "lightness": [
1690
+ {
1691
+ "x": 0,
1692
+ "y": 30,
1693
+ "inDx": -30,
1694
+ "inDy": 0,
1695
+ "outDx": 30,
1696
+ "outDy": 0
1697
+ },
1698
+ {
1699
+ "x": 100,
1700
+ "y": 120,
1701
+ "inDx": -30,
1702
+ "inDy": 0,
1703
+ "outDx": 30,
1704
+ "outDy": 0
1705
+ }
1706
+ ],
1707
+ "saturation": [
1708
+ {
1709
+ "x": 0,
1710
+ "y": 100,
1711
+ "inDx": -30,
1712
+ "inDy": 0,
1713
+ "outDx": 30,
1714
+ "outDy": 0
1715
+ },
1716
+ {
1717
+ "x": 100,
1718
+ "y": 15,
1719
+ "inDx": -30,
1720
+ "inDy": 0,
1721
+ "outDx": 30,
1722
+ "outDy": 0
1723
+ }
1724
+ ]
1725
+ }
1726
+ },
1727
+ "curveOffset": {
1728
+ "lightness": 0,
1729
+ "saturation": 0
1730
+ },
1731
+ "overrides": {},
1732
+ "snappedScales": [],
1733
+ "anchorToBase": true,
1734
+ "anchorPlacement": {
1735
+ "step": 5,
1736
+ "priorLightnessEndpoints": [
1737
+ {
1738
+ "x": 0,
1739
+ "y": 95,
1740
+ "inDx": -5,
1741
+ "inDy": 0,
1742
+ "outDx": 5,
1743
+ "outDy": 0
1744
+ },
1745
+ {
1746
+ "x": 100,
1747
+ "y": 8,
1748
+ "inDx": -5,
1749
+ "inDy": 0,
1750
+ "outDx": 5,
1751
+ "outDy": 0
1752
+ }
1753
+ ],
1754
+ "priorSaturationEndpoints": [
1755
+ {
1756
+ "x": 0,
1757
+ "y": 100,
1758
+ "inDx": -30,
1759
+ "inDy": 0,
1760
+ "outDx": 30,
1761
+ "outDy": 0
1762
+ },
1763
+ {
1764
+ "x": 100,
1765
+ "y": 100,
1766
+ "inDx": -30,
1767
+ "inDy": 0,
1768
+ "outDx": 30,
1769
+ "outDy": 0
1770
+ }
1771
+ ]
1772
+ }
1773
+ },
1774
+ "Warning": {
1775
+ "baseColor": {
1776
+ "l": 0.75,
1777
+ "c": 0.15,
1778
+ "h": 85
1779
+ },
1780
+ "lightnessCurve": [
1781
+ {
1782
+ "x": 0,
1783
+ "y": 95,
1784
+ "inDx": 0,
1785
+ "inDy": 0,
1786
+ "outDx": 6.666666666666666,
1787
+ "outDy": -6.666666666666666
1788
+ },
1789
+ {
1790
+ "x": 20,
1791
+ "y": 75,
1792
+ "inDx": -6.666666666666666,
1793
+ "inDy": 6.1865189289012,
1794
+ "outDx": 26.666666666666664,
1795
+ "outDy": -24.7460757156048
1796
+ },
1797
+ {
1798
+ "x": 100,
1799
+ "y": 8,
1800
+ "inDx": -26.666666666666664,
1801
+ "inDy": 22.333333333333332,
1802
+ "outDx": 0,
1803
+ "outDy": 0
1804
+ }
1805
+ ],
1806
+ "saturationCurve": [
1807
+ {
1808
+ "x": 0,
1809
+ "y": 100,
1810
+ "inDx": 0,
1811
+ "inDy": 0,
1812
+ "outDx": 6.666666666666666,
1813
+ "outDy": 0
1814
+ },
1815
+ {
1816
+ "x": 20,
1817
+ "y": 100,
1818
+ "inDx": -6.666666666666666,
1819
+ "inDy": 0,
1820
+ "outDx": 26.666666666666664,
1821
+ "outDy": 0
1822
+ },
1823
+ {
1824
+ "x": 100,
1825
+ "y": 100,
1826
+ "inDx": -26.666666666666664,
1827
+ "inDy": 0,
1828
+ "outDx": 0,
1829
+ "outDy": 0
1830
+ }
1831
+ ],
1832
+ "scaleCurves": {
1833
+ "Surfaces": {
1834
+ "lightness": [
1835
+ {
1836
+ "x": 0,
1837
+ "y": 98,
1838
+ "inDx": -5,
1839
+ "inDy": 0,
1840
+ "outDx": 5,
1841
+ "outDy": 0
1842
+ },
1843
+ {
1844
+ "x": 100,
1845
+ "y": 82,
1846
+ "inDx": -5,
1847
+ "inDy": 0,
1848
+ "outDx": 5,
1849
+ "outDy": 0
1850
+ }
1851
+ ],
1852
+ "saturation": [
1853
+ {
1854
+ "x": 0,
1855
+ "y": 100,
1856
+ "inDx": -30,
1857
+ "inDy": 0,
1858
+ "outDx": 30,
1859
+ "outDy": 0
1860
+ },
1861
+ {
1862
+ "x": 100,
1863
+ "y": 100,
1864
+ "inDx": -30,
1865
+ "inDy": 0,
1866
+ "outDx": 30,
1867
+ "outDy": 0
1868
+ }
1869
+ ]
1870
+ },
1871
+ "Borders": {
1872
+ "lightness": [
1873
+ {
1874
+ "x": 0,
1875
+ "y": 92,
1876
+ "inDx": -5,
1877
+ "inDy": 0,
1878
+ "outDx": 5,
1879
+ "outDy": 0
1880
+ },
1881
+ {
1882
+ "x": 100,
1883
+ "y": 45,
1884
+ "inDx": -5,
1885
+ "inDy": 0,
1886
+ "outDx": 5,
1887
+ "outDy": 0
1888
+ }
1889
+ ],
1890
+ "saturation": [
1891
+ {
1892
+ "x": 0,
1893
+ "y": 100,
1894
+ "inDx": -30,
1895
+ "inDy": 0,
1896
+ "outDx": 30,
1897
+ "outDy": 0
1898
+ },
1899
+ {
1900
+ "x": 100,
1901
+ "y": 100,
1902
+ "inDx": -30,
1903
+ "inDy": 0,
1904
+ "outDx": 30,
1905
+ "outDy": 0
1906
+ }
1907
+ ]
1908
+ },
1909
+ "Text": {
1910
+ "lightness": [
1911
+ {
1912
+ "x": 0,
1913
+ "y": 30,
1914
+ "inDx": -30,
1915
+ "inDy": 0,
1916
+ "outDx": 30,
1917
+ "outDy": 0
1918
+ },
1919
+ {
1920
+ "x": 100,
1921
+ "y": 120,
1922
+ "inDx": -30,
1923
+ "inDy": 0,
1924
+ "outDx": 30,
1925
+ "outDy": 0
1926
+ }
1927
+ ],
1928
+ "saturation": [
1929
+ {
1930
+ "x": 0,
1931
+ "y": 100,
1932
+ "inDx": -30,
1933
+ "inDy": 0,
1934
+ "outDx": 30,
1935
+ "outDy": 0
1936
+ },
1937
+ {
1938
+ "x": 100,
1939
+ "y": 15,
1940
+ "inDx": -30,
1941
+ "inDy": 0,
1942
+ "outDx": 30,
1943
+ "outDy": 0
1944
+ }
1945
+ ]
1946
+ }
1947
+ },
1948
+ "curveOffset": {
1949
+ "lightness": 0,
1950
+ "saturation": 0
1951
+ },
1952
+ "overrides": {},
1953
+ "snappedScales": [],
1954
+ "anchorToBase": true,
1955
+ "anchorPlacement": {
1956
+ "step": 2,
1957
+ "priorLightnessEndpoints": [
1958
+ {
1959
+ "x": 0,
1960
+ "y": 95,
1961
+ "inDx": -5,
1962
+ "inDy": 0,
1963
+ "outDx": 5,
1964
+ "outDy": 0
1965
+ },
1966
+ {
1967
+ "x": 100,
1968
+ "y": 8,
1969
+ "inDx": -5,
1970
+ "inDy": 0,
1971
+ "outDx": 5,
1972
+ "outDy": 0
1973
+ }
1974
+ ],
1975
+ "priorSaturationEndpoints": [
1976
+ {
1977
+ "x": 0,
1978
+ "y": 100,
1979
+ "inDx": -30,
1980
+ "inDy": 0,
1981
+ "outDx": 30,
1982
+ "outDy": 0
1983
+ },
1984
+ {
1985
+ "x": 100,
1986
+ "y": 100,
1987
+ "inDx": -30,
1988
+ "inDy": 0,
1989
+ "outDx": 30,
1990
+ "outDy": 0
1991
+ }
1992
+ ]
1993
+ }
1994
+ },
1995
+ "Danger": {
1996
+ "baseColor": {
1997
+ "l": 0.55,
1998
+ "c": 0.18,
1999
+ "h": 25
2000
+ },
2001
+ "lightnessCurve": [
2002
+ {
2003
+ "x": 0,
2004
+ "y": 95,
2005
+ "inDx": 0,
2006
+ "inDy": 0,
2007
+ "outDx": 16.666666666666664,
2008
+ "outDy": -13.333333333333329
2009
+ },
2010
+ {
2011
+ "x": 50,
2012
+ "y": 55.00000000000001,
2013
+ "inDx": -16.666666666666664,
2014
+ "inDy": 14.406130268199231,
2015
+ "outDx": 16.666666666666664,
2016
+ "outDy": -14.406130268199231
2017
+ },
2018
+ {
2019
+ "x": 100,
2020
+ "y": 8,
2021
+ "inDx": -16.666666666666664,
2022
+ "inDy": 15.666666666666668,
2023
+ "outDx": 0,
2024
+ "outDy": 0
2025
+ }
2026
+ ],
2027
+ "saturationCurve": [
2028
+ {
2029
+ "x": 0,
2030
+ "y": 100,
2031
+ "inDx": 0,
2032
+ "inDy": 0,
2033
+ "outDx": 16.666666666666664,
2034
+ "outDy": 0
2035
+ },
2036
+ {
2037
+ "x": 50,
2038
+ "y": 100,
2039
+ "inDx": -16.666666666666664,
2040
+ "inDy": 0,
2041
+ "outDx": 16.666666666666664,
2042
+ "outDy": 0
2043
+ },
2044
+ {
2045
+ "x": 100,
2046
+ "y": 100,
2047
+ "inDx": -16.666666666666664,
2048
+ "inDy": 0,
2049
+ "outDx": 0,
2050
+ "outDy": 0
2051
+ }
2052
+ ],
2053
+ "scaleCurves": {
2054
+ "Surfaces": {
2055
+ "lightness": [
2056
+ {
2057
+ "x": 0,
2058
+ "y": 98,
2059
+ "inDx": -5,
2060
+ "inDy": 0,
2061
+ "outDx": 5,
2062
+ "outDy": 0
2063
+ },
2064
+ {
2065
+ "x": 100,
2066
+ "y": 82,
2067
+ "inDx": -5,
2068
+ "inDy": 0,
2069
+ "outDx": 5,
2070
+ "outDy": 0
2071
+ }
2072
+ ],
2073
+ "saturation": [
2074
+ {
2075
+ "x": 0,
2076
+ "y": 100,
2077
+ "inDx": -30,
2078
+ "inDy": 0,
2079
+ "outDx": 30,
2080
+ "outDy": 0
2081
+ },
2082
+ {
2083
+ "x": 100,
2084
+ "y": 100,
2085
+ "inDx": -30,
2086
+ "inDy": 0,
2087
+ "outDx": 30,
2088
+ "outDy": 0
2089
+ }
2090
+ ]
2091
+ },
2092
+ "Borders": {
2093
+ "lightness": [
2094
+ {
2095
+ "x": 0,
2096
+ "y": 92,
2097
+ "inDx": -5,
2098
+ "inDy": 0,
2099
+ "outDx": 5,
2100
+ "outDy": 0
2101
+ },
2102
+ {
2103
+ "x": 100,
2104
+ "y": 45,
2105
+ "inDx": -5,
2106
+ "inDy": 0,
2107
+ "outDx": 5,
2108
+ "outDy": 0
2109
+ }
2110
+ ],
2111
+ "saturation": [
2112
+ {
2113
+ "x": 0,
2114
+ "y": 100,
2115
+ "inDx": -30,
2116
+ "inDy": 0,
2117
+ "outDx": 30,
2118
+ "outDy": 0
2119
+ },
2120
+ {
2121
+ "x": 100,
2122
+ "y": 100,
2123
+ "inDx": -30,
2124
+ "inDy": 0,
2125
+ "outDx": 30,
2126
+ "outDy": 0
2127
+ }
2128
+ ]
2129
+ },
2130
+ "Text": {
2131
+ "lightness": [
2132
+ {
2133
+ "x": 0,
2134
+ "y": 30,
2135
+ "inDx": -30,
2136
+ "inDy": 0,
2137
+ "outDx": 30,
2138
+ "outDy": 0
2139
+ },
2140
+ {
2141
+ "x": 100,
2142
+ "y": 120,
2143
+ "inDx": -30,
2144
+ "inDy": 0,
2145
+ "outDx": 30,
2146
+ "outDy": 0
2147
+ }
2148
+ ],
2149
+ "saturation": [
2150
+ {
2151
+ "x": 0,
2152
+ "y": 100,
2153
+ "inDx": -30,
2154
+ "inDy": 0,
2155
+ "outDx": 30,
2156
+ "outDy": 0
2157
+ },
2158
+ {
2159
+ "x": 100,
2160
+ "y": 15,
2161
+ "inDx": -30,
2162
+ "inDy": 0,
2163
+ "outDx": 30,
2164
+ "outDy": 0
2165
+ }
2166
+ ]
2167
+ }
2168
+ },
2169
+ "curveOffset": {
2170
+ "lightness": 0,
2171
+ "saturation": 0
2172
+ },
2173
+ "overrides": {},
2174
+ "snappedScales": [],
2175
+ "anchorToBase": true,
2176
+ "anchorPlacement": {
2177
+ "step": 5,
2178
+ "priorLightnessEndpoints": [
2179
+ {
2180
+ "x": 0,
2181
+ "y": 95,
2182
+ "inDx": -5,
2183
+ "inDy": 0,
2184
+ "outDx": 5,
2185
+ "outDy": 0
2186
+ },
2187
+ {
2188
+ "x": 100,
2189
+ "y": 8,
2190
+ "inDx": -5,
2191
+ "inDy": 0,
2192
+ "outDx": 5,
2193
+ "outDy": 0
2194
+ }
2195
+ ],
2196
+ "priorSaturationEndpoints": [
2197
+ {
2198
+ "x": 0,
2199
+ "y": 100,
2200
+ "inDx": -30,
2201
+ "inDy": 0,
2202
+ "outDx": 30,
2203
+ "outDy": 0
2204
+ },
2205
+ {
2206
+ "x": 100,
2207
+ "y": 100,
2208
+ "inDx": -30,
2209
+ "inDy": 0,
2210
+ "outDx": 30,
2211
+ "outDy": 0
2212
+ }
2213
+ ]
2214
+ }
2215
+ }
2216
+ },
2217
+ "cssVariables": {
2218
+ "--gradient-1": "linear-gradient(90deg, var(--color-brand-400) 0%, var(--color-brand-700) 100%)",
2219
+ "--gradient-2": "linear-gradient(135deg, var(--color-special-500) 0%, var(--color-brand-500) 100%)",
2220
+ "--gradient-3": "linear-gradient(90deg, var(--color-brand-500) 0%, var(--color-accent-500) 100%)",
2221
+ "--gradient-4": "linear-gradient(180deg, var(--color-canvas-200) 0%, var(--color-canvas-500) 100%)",
2222
+ "--badge-trait-surface": "var(--surface-brand)",
2223
+ "--badge-trait-text": "var(--text-brand)",
2224
+ "--badge-trait-text-font-family": "var(--font-sans)",
2225
+ "--badge-trait-text-font-size": "var(--font-size-sm)",
2226
+ "--badge-trait-text-font-weight": "var(--font-weight-light)",
2227
+ "--badge-trait-text-line-height": "var(--line-height-none)",
2228
+ "--badge-trait-border": "var(--border-brand-medium)",
2229
+ "--badge-trait-border-width": "var(--border-width-1)",
2230
+ "--badge-trait-shadow": "transparent",
2231
+ "--sectiondivider-title": "var(--text-primary)",
2232
+ "--sectiondivider-title-font-family": "var(--font-display)",
2233
+ "--sectiondivider-title-font-size": "var(--font-size-5xl)",
2234
+ "--sectiondivider-title-font-weight": "var(--font-weight-normal)",
2235
+ "--sectiondivider-title-line-height": "var(--line-height-none)",
2236
+ "--sectiondivider-title-border-width": "var(--border-width-4)",
2237
+ "--sectiondivider-title-stroke-color": "var(--surface-canvas-lowest)",
2238
+ "--sectiondivider-description": "var(--text-secondary)",
2239
+ "--sectiondivider-description-font-family": "var(--font-sans)",
2240
+ "--sectiondivider-description-font-size": "var(--font-size-md)",
2241
+ "--sectiondivider-description-font-weight": "var(--font-weight-normal)",
2242
+ "--sectiondivider-description-line-height": "var(--line-height-normal)",
2243
+ "--dialog-primary-default-surface": "var(--surface-neutral-high)",
2244
+ "--dialog-primary-default-text": "var(--text-primary)",
2245
+ "--dialog-primary-default-border": "var(--border-neutral-medium)",
2246
+ "--dialog-primary-default-border-width": "var(--border-width-1)",
2247
+ "--dialog-primary-hover-surface": "var(--surface-neutral-higher)",
2248
+ "--dialog-primary-hover-text": "var(--text-primary)",
2249
+ "--dialog-primary-hover-border": "var(--border-neutral-strong)",
2250
+ "--dialog-primary-hover-border-width": "var(--border-width-1)",
2251
+ "--dialog-secondary-default-text": "var(--text-primary)",
2252
+ "--dialog-secondary-default-border": "var(--border-neutral-medium)",
2253
+ "--dialog-secondary-default-border-width": "var(--border-width-1)",
2254
+ "--dialog-secondary-hover-surface": "var(--surface-neutral-lower)",
2255
+ "--dialog-secondary-hover-text": "var(--text-primary)",
2256
+ "--dialog-secondary-hover-border": "var(--border-neutral-strong)",
2257
+ "--dialog-secondary-hover-border-width": "var(--border-width-1)",
2258
+ "--columns-count": "12",
2259
+ "--columns-max-width": "1440px",
2260
+ "--columns-gutter": "32px",
2261
+ "--columns-margin": "0px",
2262
+ "--overlay-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
2263
+ "--overlay": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
2264
+ "--overlay-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
2265
+ "--hover-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
2266
+ "--hover": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
2267
+ "--hover-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
2268
+ "--shadow-sm": "1px 1px 2px 0px hsla(237, 18%, 3%, 0.9)",
2269
+ "--shadow-md": "3px 3px 6px 0px hsla(237, 18%, 3%, 0.9)",
2270
+ "--shadow-lg": "5px 5px 9px 0px hsla(237, 18%, 3%, 0.9)",
2271
+ "--shadow-xl": "6px 7px 13px 0px hsla(237, 18%, 3%, 0.9)",
2272
+ "--shadow-2xl": "8px 9px 16px 0px hsla(237, 18%, 3%, 0.9)"
2273
+ },
2274
+ "fontSources": [
2275
+ {
2276
+ "id": "src_typekit_jes8oow",
2277
+ "kind": "typekit",
2278
+ "url": "https://use.typekit.net/jes8oow.css",
2279
+ "label": "Adobe Typekit",
2280
+ "families": [
2281
+ {
2282
+ "id": "src_typekit_jes8oow:fira-code",
2283
+ "name": "fira-code",
2284
+ "cssName": "\"fira-code\""
2285
+ }
2286
+ ]
2287
+ },
2288
+ {
2289
+ "id": "src_google_eck6qp6s",
2290
+ "kind": "google",
2291
+ "url": "https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap",
2292
+ "label": "Google Fonts",
2293
+ "families": [
2294
+ {
2295
+ "id": "src_google_eck6qp6s:gfs-didot",
2296
+ "name": "GFS Didot",
2297
+ "cssName": "\"GFS Didot\"",
2298
+ "weights": [
2299
+ 400
2300
+ ]
2301
+ }
2302
+ ]
2303
+ },
2304
+ {
2305
+ "id": "src_preset_fraunces",
2306
+ "kind": "google",
2307
+ "url": "https://fonts.googleapis.com/css2?family=Fraunces:wght@400..900&display=swap",
2308
+ "label": "Google Fonts",
2309
+ "families": [
2310
+ {
2311
+ "id": "src_preset_fraunces:fraunces",
2312
+ "name": "Fraunces",
2313
+ "cssName": "\"Fraunces\"",
2314
+ "weights": [
2315
+ 400,
2316
+ 500,
2317
+ 600,
2318
+ 700,
2319
+ 800,
2320
+ 900
2321
+ ]
2322
+ }
2323
+ ]
2324
+ },
2325
+ {
2326
+ "id": "src_preset_nunito-sans",
2327
+ "kind": "google",
2328
+ "url": "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300..800&display=swap",
2329
+ "label": "Google Fonts",
2330
+ "families": [
2331
+ {
2332
+ "id": "src_preset_nunito-sans:nunito-sans",
2333
+ "name": "Nunito Sans",
2334
+ "cssName": "\"Nunito Sans\"",
2335
+ "weights": [
2336
+ 300,
2337
+ 400,
2338
+ 500,
2339
+ 600,
2340
+ 700,
2341
+ 800
2342
+ ]
2343
+ }
2344
+ ]
2345
+ }
2346
+ ],
2347
+ "fontStacks": [
2348
+ {
2349
+ "variable": "--font-display",
2350
+ "slots": [
2351
+ {
2352
+ "kind": "project",
2353
+ "familyId": "src_preset_fraunces:fraunces"
2354
+ },
2355
+ {
2356
+ "kind": "generic",
2357
+ "value": "serif"
2358
+ }
2359
+ ]
2360
+ },
2361
+ {
2362
+ "variable": "--font-sans",
2363
+ "slots": [
2364
+ {
2365
+ "kind": "project",
2366
+ "familyId": "src_preset_nunito-sans:nunito-sans"
2367
+ },
2368
+ {
2369
+ "kind": "system",
2370
+ "preset": "system-ui-sans"
2371
+ },
2372
+ {
2373
+ "kind": "generic",
2374
+ "value": "sans-serif"
2375
+ }
2376
+ ]
2377
+ },
2378
+ {
2379
+ "variable": "--font-serif",
2380
+ "slots": [
2381
+ {
2382
+ "kind": "project",
2383
+ "familyId": "src_google_eck6qp6s:gfs-didot"
2384
+ },
2385
+ {
2386
+ "kind": "generic",
2387
+ "value": "serif"
2388
+ }
2389
+ ]
2390
+ },
2391
+ {
2392
+ "variable": "--font-mono",
2393
+ "slots": [
2394
+ {
2395
+ "kind": "project",
2396
+ "familyId": "src_typekit_jes8oow:fira-code"
2397
+ },
2398
+ {
2399
+ "kind": "system",
2400
+ "preset": "system-ui-mono"
2401
+ },
2402
+ {
2403
+ "kind": "generic",
2404
+ "value": "monospace"
2405
+ }
2406
+ ]
2407
+ }
2408
+ ],
2409
+ "harmonyAxes": [
2410
+ {
2411
+ "hue": 40,
2412
+ "family": "Brand"
2413
+ },
2414
+ {
2415
+ "hue": 85,
2416
+ "family": "Accent"
2417
+ },
2418
+ {
2419
+ "hue": 80,
2420
+ "family": "Canvas"
2421
+ },
2422
+ {
2423
+ "hue": 310,
2424
+ "family": null
2425
+ }
2426
+ ],
2427
+ "schemaVersion": 3,
2428
+ "gradients": [
2429
+ {
2430
+ "variable": "--gradient-1",
2431
+ "type": "linear",
2432
+ "angle": 90,
2433
+ "stops": [
2434
+ {
2435
+ "position": 0,
2436
+ "color": "--color-brand-400"
2437
+ },
2438
+ {
2439
+ "position": 100,
2440
+ "color": "--color-brand-700"
2441
+ }
2442
+ ]
2443
+ },
2444
+ {
2445
+ "variable": "--gradient-2",
2446
+ "type": "linear",
2447
+ "angle": 135,
2448
+ "stops": [
2449
+ {
2450
+ "position": 0,
2451
+ "color": "--color-special-500"
2452
+ },
2453
+ {
2454
+ "position": 100,
2455
+ "color": "--color-brand-500"
2456
+ }
2457
+ ]
2458
+ },
2459
+ {
2460
+ "variable": "--gradient-3",
2461
+ "type": "linear",
2462
+ "angle": 90,
2463
+ "stops": [
2464
+ {
2465
+ "position": 0,
2466
+ "color": "--color-brand-500"
2467
+ },
2468
+ {
2469
+ "position": 100,
2470
+ "color": "--color-accent-500"
2471
+ }
2472
+ ]
2473
+ },
2474
+ {
2475
+ "variable": "--gradient-4",
2476
+ "type": "linear",
2477
+ "angle": 180,
2478
+ "stops": [
2479
+ {
2480
+ "position": 0,
2481
+ "color": "--color-canvas-200"
2482
+ },
2483
+ {
2484
+ "position": 100,
2485
+ "color": "--color-canvas-500"
2486
+ }
2487
+ ]
2488
+ }
2489
+ ]
2490
+ }