@commercetools/nimbus-tokens 0.0.0-canary-20250801132810

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 (27) hide show
  1. package/README.md +54 -0
  2. package/css/design-tokens.css +2290 -0
  3. package/css/resets.css +41 -0
  4. package/dist/commercetools-nimbus-tokens.cjs.d.ts +2 -0
  5. package/dist/commercetools-nimbus-tokens.cjs.dev.js +9 -0
  6. package/dist/commercetools-nimbus-tokens.cjs.js +7 -0
  7. package/dist/commercetools-nimbus-tokens.cjs.prod.js +9 -0
  8. package/dist/commercetools-nimbus-tokens.esm.js +2 -0
  9. package/dist/declarations/src/generated/chakra/index.d.ts +1 -0
  10. package/dist/declarations/src/generated/chakra/theme-tokens.d.ts +7153 -0
  11. package/dist/declarations/src/generated/index.d.ts +2 -0
  12. package/dist/declarations/src/generated/ts/design-tokens.d.ts +2872 -0
  13. package/dist/declarations/src/generated/ts/index.d.ts +1 -0
  14. package/dist/declarations/src/index.d.ts +1 -0
  15. package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.cjs.d.ts +2 -0
  16. package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.cjs.dev.js +7157 -0
  17. package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.cjs.js +7 -0
  18. package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.cjs.prod.js +7157 -0
  19. package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.esm.js +7155 -0
  20. package/generated/chakra/package.json +4 -0
  21. package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.cjs.d.ts +2 -0
  22. package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.cjs.dev.js +2876 -0
  23. package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.cjs.js +7 -0
  24. package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.cjs.prod.js +2876 -0
  25. package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.esm.js +2874 -0
  26. package/generated/ts/package.json +4 -0
  27. package/package.json +41 -0
@@ -0,0 +1,2874 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ var designTokens = {
6
+ aspectRatio: {
7
+ square: {
8
+ value: 1
9
+ },
10
+ landscape: {
11
+ value: 1.3333
12
+ },
13
+ portrait: {
14
+ value: 0.75
15
+ },
16
+ wide: {
17
+ value: 1.7777
18
+ },
19
+ ultrawide: {
20
+ value: 3.6
21
+ },
22
+ golden: {
23
+ value: 1.618
24
+ }
25
+ },
26
+ blur: {
27
+ "100": "4px",
28
+ "200": "8px",
29
+ "300": "12px",
30
+ "400": "16px",
31
+ "500": "20px",
32
+ "600": "24px",
33
+ "1000": "40px",
34
+ "1600": "64px"
35
+ },
36
+ borderRadius: {
37
+ "50": "2px",
38
+ "100": "4px",
39
+ "150": "6px",
40
+ "200": "8px",
41
+ "300": "12px",
42
+ "400": "16px",
43
+ "500": "20px",
44
+ "600": "24px",
45
+ full: "900px"
46
+ },
47
+ borderWidth: {
48
+ "25": "1px",
49
+ "50": "2px",
50
+ "75": "3px",
51
+ "100": "4px"
52
+ },
53
+ border: {
54
+ "solid-25": "1px solid",
55
+ "solid-50": "2px solid",
56
+ "solid-75": "3px solid",
57
+ "solid-100": "4px solid"
58
+ },
59
+ color: {
60
+ "blacks-and-whites": {
61
+ black: "hsl(0, 0%, 0%)",
62
+ white: "hsl(0, 0%, 100%)",
63
+ blackAlpha: {
64
+ "1": "hsla(0, 0%, 0%, 0.05)",
65
+ "2": "hsla(0, 0%, 0%, 0.1)",
66
+ "3": "hsla(0, 0%, 0%, 0.15)",
67
+ "4": "hsla(0, 0%, 0%, 0.2)",
68
+ "5": "hsla(0, 0%, 0%, 0.3)",
69
+ "6": "hsla(0, 0%, 0%, 0.4)",
70
+ "7": "hsla(0, 0%, 0%, 0.5)",
71
+ "8": "hsla(0, 0%, 0%, 0.6)",
72
+ "9": "hsla(0, 0%, 0%, 0.7)",
73
+ "10": "hsla(0, 0%, 0%, 0.8)",
74
+ "11": "hsla(0, 0%, 0%, 0.9)",
75
+ "12": "hsla(0, 0%, 0%, 0.95)"
76
+ },
77
+ whiteAlpha: {
78
+ "1": "hsla(0, 0%, 100%, 0.05)",
79
+ "2": "hsla(0, 0%, 100%, 0.1)",
80
+ "3": "hsla(0, 0%, 100%, 0.15)",
81
+ "4": "hsla(0, 0%, 100%, 0.2)",
82
+ "5": "hsla(0, 0%, 100%, 0.3)",
83
+ "6": "hsla(0, 0%, 100%, 0.4)",
84
+ "7": "hsla(0, 0%, 100%, 0.5)",
85
+ "8": "hsla(0, 0%, 100%, 0.6)",
86
+ "9": "hsla(0, 0%, 100%, 0.7)",
87
+ "10": "hsla(0, 0%, 100%, 0.8)",
88
+ "11": "hsla(0, 0%, 100%, 0.9)",
89
+ "12": "hsla(0, 0%, 100%, 0.95)"
90
+ }
91
+ },
92
+ "system-palettes": {
93
+ amber: {
94
+ light: {
95
+ "1": "hsl(40, 60%, 99%)",
96
+ "2": "hsl(51, 91%, 95%)",
97
+ "3": "hsl(52, 100%, 88%)",
98
+ "4": "hsl(50, 100%, 81%)",
99
+ "5": "hsl(50, 94%, 73%)",
100
+ "6": "hsl(46, 84%, 70%)",
101
+ "7": "hsl(42, 75%, 65%)",
102
+ "8": "hsl(38, 75%, 55%)",
103
+ "9": "hsl(42, 100%, 62%)",
104
+ "10": "hsl(42, 100%, 55%)",
105
+ "11": "hsl(35, 100%, 34%)",
106
+ "12": "hsl(24, 40%, 22%)",
107
+ DEFAULT: "hsl(42, 100%, 62%)",
108
+ contrast: "hsl(0, 0%, 0%)"
109
+ },
110
+ dark: {
111
+ "1": "hsl(36, 29%, 7%)",
112
+ "2": "hsl(39, 32%, 9%)",
113
+ "3": "hsl(36, 71%, 11%)",
114
+ "4": "hsl(37, 100%, 12%)",
115
+ "5": "hsl(37, 100%, 15%)",
116
+ "6": "hsl(39, 90%, 19%)",
117
+ "7": "hsl(37, 64%, 27%)",
118
+ "8": "hsl(36, 60%, 35%)",
119
+ "9": "hsl(42, 100%, 62%)",
120
+ "10": "hsl(50, 100%, 52%)",
121
+ "11": "hsl(46, 100%, 54%)",
122
+ "12": "hsl(41, 100%, 85%)",
123
+ DEFAULT: "hsl(42, 100%, 62%)",
124
+ contrast: "hsl(0, 0%, 0%)"
125
+ }
126
+ },
127
+ amberAlpha: {
128
+ light: {
129
+ "1": "hsla(40, 100%, 38%, 0.02)",
130
+ "2": "hsla(51, 100%, 48%, 0.09)",
131
+ "3": "hsla(52, 100%, 50%, 0.24)",
132
+ "4": "hsla(50, 100%, 50%, 0.39)",
133
+ "5": "hsla(50, 100%, 49%, 0.53)",
134
+ "6": "hsla(46, 100%, 46%, 0.55)",
135
+ "7": "hsla(42, 100%, 43%, 0.62)",
136
+ "8": "hsla(38, 100%, 43%, 0.79)",
137
+ "9": "hsla(42, 100%, 50%, 0.76)",
138
+ "10": "hsla(42, 100%, 50%, 0.91)",
139
+ "11": "hsl(35, 100%, 34%)",
140
+ "12": "hsla(24, 100%, 10%, 0.87)",
141
+ DEFAULT: "hsla(42, 100%, 50%, 0.76)",
142
+ contrast: "hsl(0, 0%, 0%)"
143
+ },
144
+ dark: {
145
+ "1": "hsla(16, 100%, 45%, 0.02)",
146
+ "2": "hsla(37, 100%, 50%, 0.05)",
147
+ "3": "hsla(31, 100%, 49%, 0.13)",
148
+ "4": "hsla(31, 100%, 49%, 0.2)",
149
+ "5": "hsla(33, 100%, 50%, 0.25)",
150
+ "6": "hsla(37, 100%, 50%, 0.32)",
151
+ "7": "hsla(37, 100%, 57%, 0.4)",
152
+ "8": "hsla(36, 100%, 60%, 0.53)",
153
+ "9": "hsl(42, 100%, 62%)",
154
+ "10": "hsl(50, 100%, 52%)",
155
+ "11": "hsl(46, 100%, 54%)",
156
+ "12": "hsl(41, 100%, 85%)",
157
+ DEFAULT: "hsl(42, 100%, 62%)",
158
+ contrast: "hsl(0, 0%, 0%)"
159
+ }
160
+ },
161
+ blue: {
162
+ light: {
163
+ "1": "hsl(210, 100%, 99%)",
164
+ "2": "hsl(207, 100%, 98%)",
165
+ "3": "hsl(205, 92%, 95%)",
166
+ "4": "hsl(203, 100%, 92%)",
167
+ "5": "hsl(206, 100%, 88%)",
168
+ "6": "hsl(207, 93%, 83%)",
169
+ "7": "hsl(207, 85%, 76%)",
170
+ "8": "hsl(206, 82%, 65%)",
171
+ "9": "hsl(206, 100%, 50%)",
172
+ "10": "hsl(207, 96%, 48%)",
173
+ "11": "hsl(208, 88%, 43%)",
174
+ "12": "hsl(216, 71%, 23%)",
175
+ DEFAULT: "hsl(206, 100%, 50%)",
176
+ contrast: "hsl(0, 0%, 100%)"
177
+ },
178
+ dark: {
179
+ "1": "hsl(215, 42%, 9%)",
180
+ "2": "hsl(218, 39%, 11%)",
181
+ "3": "hsl(212, 69%, 16%)",
182
+ "4": "hsl(209, 100%, 19%)",
183
+ "5": "hsl(207, 100%, 23%)",
184
+ "6": "hsl(209, 79%, 30%)",
185
+ "7": "hsl(211, 66%, 37%)",
186
+ "8": "hsl(211, 65%, 45%)",
187
+ "9": "hsl(206, 100%, 50%)",
188
+ "10": "hsl(210, 100%, 62%)",
189
+ "11": "hsl(210, 100%, 72%)",
190
+ "12": "hsl(205, 100%, 88%)",
191
+ DEFAULT: "hsl(206, 100%, 50%)",
192
+ contrast: "hsl(0, 0%, 100%)"
193
+ }
194
+ },
195
+ blueAlpha: {
196
+ light: {
197
+ "1": "hsla(210, 100%, 50%, 0.02)",
198
+ "2": "hsla(207, 100%, 50%, 0.04)",
199
+ "3": "hsla(205, 100%, 48%, 0.1)",
200
+ "4": "hsla(203, 100%, 50%, 0.16)",
201
+ "5": "hsla(205, 100%, 50%, 0.24)",
202
+ "6": "hsla(207, 100%, 48%, 0.33)",
203
+ "7": "hsla(207, 100%, 46%, 0.44)",
204
+ "8": "hsla(206, 100%, 45%, 0.63)",
205
+ "9": "hsl(206, 100%, 50%)",
206
+ "10": "hsla(207, 100%, 47%, 0.98)",
207
+ "11": "hsla(208, 100%, 40%, 0.95)",
208
+ "12": "hsla(216, 100%, 17%, 0.93)",
209
+ DEFAULT: "hsl(206, 100%, 50%)",
210
+ contrast: "hsl(0, 0%, 100%)"
211
+ },
212
+ dark: {
213
+ "1": "hsla(221, 100%, 47%, 0.07)",
214
+ "2": "hsla(218, 97%, 53%, 0.09)",
215
+ "3": "hsla(212, 100%, 50%, 0.23)",
216
+ "4": "hsla(212, 100%, 50%, 0.34)",
217
+ "5": "hsla(209, 100%, 50%, 0.42)",
218
+ "6": "hsla(209, 98%, 53%, 0.5)",
219
+ "7": "hsla(211, 99%, 58%, 0.6)",
220
+ "8": "hsla(211, 99%, 59%, 0.73)",
221
+ "9": "hsl(206, 100%, 50%)",
222
+ "10": "hsl(210, 100%, 62%)",
223
+ "11": "hsl(210, 100%, 72%)",
224
+ "12": "hsl(205, 100%, 88%)",
225
+ DEFAULT: "hsl(206, 100%, 50%)",
226
+ contrast: "hsl(0, 0%, 100%)"
227
+ }
228
+ },
229
+ bronze: {
230
+ light: {
231
+ "1": "hsl(0, 20%, 99%)",
232
+ "2": "hsl(15, 67%, 98%)",
233
+ "3": "hsl(15, 40%, 94%)",
234
+ "4": "hsl(19, 33%, 91%)",
235
+ "5": "hsl(18, 29%, 87%)",
236
+ "6": "hsl(18, 29%, 82%)",
237
+ "7": "hsl(17, 27%, 76%)",
238
+ "8": "hsl(16, 25%, 68%)",
239
+ "9": "hsl(18, 20%, 54%)",
240
+ "10": "hsl(16, 18%, 50%)",
241
+ "11": "hsl(15, 20%, 41%)",
242
+ "12": "hsl(12, 22%, 22%)",
243
+ DEFAULT: "hsl(18, 20%, 54%)",
244
+ contrast: "hsl(0, 0%, 100%)"
245
+ },
246
+ dark: {
247
+ "1": "hsl(15, 11%, 7%)",
248
+ "2": "hsl(24, 10%, 10%)",
249
+ "3": "hsl(20, 9%, 14%)",
250
+ "4": "hsl(20, 10%, 17%)",
251
+ "5": "hsl(16, 10%, 21%)",
252
+ "6": "hsl(16, 11%, 26%)",
253
+ "7": "hsl(16, 12%, 32%)",
254
+ "8": "hsl(18, 12%, 39%)",
255
+ "9": "hsl(18, 20%, 54%)",
256
+ "10": "hsl(18, 23%, 59%)",
257
+ "11": "hsl(18, 35%, 74%)",
258
+ "12": "hsl(21, 36%, 89%)",
259
+ DEFAULT: "hsl(18, 20%, 54%)",
260
+ contrast: "hsl(0, 0%, 100%)"
261
+ }
262
+ },
263
+ bronzeAlpha: {
264
+ light: {
265
+ "1": "hsla(0, 100%, 17%, 0.01)",
266
+ "2": "hsla(15, 100%, 40%, 0.04)",
267
+ "3": "hsla(15, 100%, 29%, 0.08)",
268
+ "4": "hsla(19, 100%, 25%, 0.13)",
269
+ "5": "hsla(18, 100%, 23%, 0.17)",
270
+ "6": "hsla(19, 100%, 23%, 0.23)",
271
+ "7": "hsla(17, 100%, 21%, 0.3)",
272
+ "8": "hsla(16, 100%, 20%, 0.4)",
273
+ "9": "hsla(18, 100%, 17%, 0.55)",
274
+ "10": "hsla(17, 100%, 15%, 0.59)",
275
+ "11": "hsla(15, 100%, 12%, 0.67)",
276
+ "12": "hsla(12, 100%, 6%, 0.83)",
277
+ DEFAULT: "hsla(18, 100%, 17%, 0.55)",
278
+ contrast: "hsl(0, 0%, 100%)"
279
+ },
280
+ dark: {
281
+ "1": "hsla(5, 100%, 41%, 0.02)",
282
+ "2": "hsla(24, 93%, 78%, 0.05)",
283
+ "3": "hsla(20, 87%, 85%, 0.09)",
284
+ "4": "hsla(20, 87%, 85%, 0.13)",
285
+ "5": "hsla(16, 100%, 88%, 0.18)",
286
+ "6": "hsla(16, 100%, 88%, 0.24)",
287
+ "7": "hsla(16, 94%, 87%, 0.31)",
288
+ "8": "hsla(18, 100%, 89%, 0.4)",
289
+ "9": "hsla(18, 98%, 84%, 0.61)",
290
+ "10": "hsla(17, 97%, 85%, 0.66)",
291
+ "11": "hsla(18, 100%, 89%, 0.82)",
292
+ "12": "hsla(22, 100%, 96%, 0.93)",
293
+ DEFAULT: "hsla(18, 98%, 84%, 0.61)",
294
+ contrast: "hsl(0, 0%, 0%)"
295
+ }
296
+ },
297
+ brown: {
298
+ light: {
299
+ "1": "hsl(30, 50%, 99%)",
300
+ "2": "hsl(30, 50%, 98%)",
301
+ "3": "hsl(28, 45%, 94%)",
302
+ "4": "hsl(29, 43%, 90%)",
303
+ "5": "hsl(29, 45%, 86%)",
304
+ "6": "hsl(29, 45%, 81%)",
305
+ "7": "hsl(29, 47%, 74%)",
306
+ "8": "hsl(28, 45%, 65%)",
307
+ "9": "hsl(28, 34%, 51%)",
308
+ "10": "hsl(26, 32%, 48%)",
309
+ "11": "hsl(24, 30%, 39%)",
310
+ "12": "hsl(19, 15%, 21%)",
311
+ DEFAULT: "hsl(28, 34%, 51%)",
312
+ contrast: "hsl(0, 0%, 100%)"
313
+ },
314
+ dark: {
315
+ "1": "hsl(40, 9%, 6%)",
316
+ "2": "hsl(20, 12%, 10%)",
317
+ "3": "hsl(22, 16%, 14%)",
318
+ "4": "hsl(26, 19%, 16%)",
319
+ "5": "hsl(25, 22%, 20%)",
320
+ "6": "hsl(26, 24%, 24%)",
321
+ "7": "hsl(26, 26%, 30%)",
322
+ "8": "hsl(28, 28%, 38%)",
323
+ "9": "hsl(28, 34%, 51%)",
324
+ "10": "hsl(27, 36%, 56%)",
325
+ "11": "hsl(28, 50%, 72%)",
326
+ "12": "hsl(35, 61%, 87%)",
327
+ DEFAULT: "hsl(28, 34%, 51%)",
328
+ contrast: "hsl(0, 0%, 100%)"
329
+ }
330
+ },
331
+ brownAlpha: {
332
+ light: {
333
+ "1": "hsla(30, 100%, 33%, 0.01)",
334
+ "2": "hsla(30, 100%, 33%, 0.04)",
335
+ "3": "hsla(28, 100%, 31%, 0.09)",
336
+ "4": "hsla(29, 100%, 30%, 0.15)",
337
+ "5": "hsla(29, 100%, 31%, 0.21)",
338
+ "6": "hsla(29, 100%, 31%, 0.28)",
339
+ "7": "hsla(29, 100%, 32%, 0.38)",
340
+ "8": "hsla(28, 100%, 31%, 0.51)",
341
+ "9": "hsla(28, 100%, 25%, 0.65)",
342
+ "10": "hsla(27, 100%, 22%, 0.67)",
343
+ "11": "hsla(24, 100%, 16%, 0.73)",
344
+ "12": "hsla(18, 100%, 4%, 0.82)",
345
+ DEFAULT: "hsla(28, 100%, 25%, 0.65)",
346
+ contrast: "hsl(0, 0%, 100%)"
347
+ },
348
+ dark: {
349
+ "1": "hsla(7, 100%, 28%, 0.01)",
350
+ "2": "hsla(20, 94%, 74%, 0.05)",
351
+ "3": "hsla(22, 95%, 77%, 0.1)",
352
+ "4": "hsla(26, 93%, 76%, 0.14)",
353
+ "5": "hsla(25, 95%, 76%, 0.19)",
354
+ "6": "hsla(26, 97%, 76%, 0.25)",
355
+ "7": "hsla(26, 100%, 77%, 0.34)",
356
+ "8": "hsla(28, 100%, 76%, 0.45)",
357
+ "9": "hsla(27, 98%, 74%, 0.66)",
358
+ "10": "hsla(28, 100%, 77%, 0.7)",
359
+ "11": "hsla(28, 98%, 83%, 0.85)",
360
+ "12": "hsla(34, 95%, 91%, 0.95)",
361
+ DEFAULT: "hsla(27, 98%, 74%, 0.66)",
362
+ contrast: "hsl(0, 0%, 0%)"
363
+ }
364
+ },
365
+ crimson: {
366
+ light: {
367
+ "1": "hsl(340, 100%, 99%)",
368
+ "2": "hsl(343, 78%, 98%)",
369
+ "3": "hsl(341, 100%, 96%)",
370
+ "4": "hsl(341, 94%, 93%)",
371
+ "5": "hsl(340, 81%, 89%)",
372
+ "6": "hsl(338, 69%, 85%)",
373
+ "7": "hsl(338, 60%, 80%)",
374
+ "8": "hsl(336, 55%, 73%)",
375
+ "9": "hsl(336, 80%, 58%)",
376
+ "10": "hsl(336, 73%, 54%)",
377
+ "11": "hsl(336, 75%, 45%)",
378
+ "12": "hsl(332, 63%, 24%)",
379
+ DEFAULT: "hsl(336, 80%, 58%)",
380
+ contrast: "hsl(0, 0%, 100%)"
381
+ },
382
+ dark: {
383
+ "1": "hsl(338, 19%, 8%)",
384
+ "2": "hsl(337, 25%, 10%)",
385
+ "3": "hsl(333, 45%, 15%)",
386
+ "4": "hsl(331, 62%, 19%)",
387
+ "5": "hsl(331, 59%, 23%)",
388
+ "6": "hsl(333, 49%, 29%)",
389
+ "7": "hsl(335, 45%, 36%)",
390
+ "8": "hsl(336, 45%, 48%)",
391
+ "9": "hsl(336, 80%, 58%)",
392
+ "10": "hsl(338, 82%, 63%)",
393
+ "11": "hsl(345, 100%, 79%)",
394
+ "12": "hsl(330, 91%, 91%)",
395
+ DEFAULT: "hsl(336, 80%, 58%)",
396
+ contrast: "hsl(0, 0%, 100%)"
397
+ }
398
+ },
399
+ crimsonAlpha: {
400
+ light: {
401
+ "1": "hsla(340, 100%, 50%, 0.01)",
402
+ "2": "hsla(343, 100%, 44%, 0.03)",
403
+ "3": "hsla(341, 100%, 50%, 0.09)",
404
+ "4": "hsla(340, 100%, 49%, 0.14)",
405
+ "5": "hsla(339, 100%, 45%, 0.19)",
406
+ "6": "hsla(338, 100%, 41%, 0.25)",
407
+ "7": "hsla(338, 100%, 37%, 0.33)",
408
+ "8": "hsla(336, 100%, 36%, 0.42)",
409
+ "9": "hsla(336, 100%, 44%, 0.76)",
410
+ "10": "hsla(336, 100%, 42%, 0.8)",
411
+ "11": "hsla(336, 100%, 38%, 0.89)",
412
+ "12": "hsla(333, 100%, 16%, 0.91)",
413
+ DEFAULT: "hsla(336, 100%, 44%, 0.76)",
414
+ contrast: "hsl(0, 0%, 100%)"
415
+ },
416
+ dark: {
417
+ "1": "hsla(337, 91%, 51%, 0.04)",
418
+ "2": "hsla(337, 88%, 57%, 0.07)",
419
+ "3": "hsla(333, 99%, 58%, 0.16)",
420
+ "4": "hsla(331, 98%, 54%, 0.25)",
421
+ "5": "hsla(331, 98%, 57%, 0.32)",
422
+ "6": "hsla(333, 99%, 63%, 0.39)",
423
+ "7": "hsla(335, 98%, 66%, 0.5)",
424
+ "8": "hsla(336, 99%, 68%, 0.67)",
425
+ "9": "hsla(336, 99%, 63%, 0.91)",
426
+ "10": "hsla(338, 100%, 67%, 0.93)",
427
+ "11": "hsl(345, 100%, 79%)",
428
+ "12": "hsla(330, 100%, 92%, 0.99)",
429
+ DEFAULT: "hsla(336, 99%, 63%, 0.91)",
430
+ contrast: "hsl(0, 0%, 100%)"
431
+ }
432
+ },
433
+ cyan: {
434
+ light: {
435
+ "1": "hsl(195, 67%, 99%)",
436
+ "2": "hsl(187, 53%, 97%)",
437
+ "3": "hsl(184, 69%, 92%)",
438
+ "4": "hsl(187, 71%, 88%)",
439
+ "5": "hsl(187, 66%, 83%)",
440
+ "6": "hsl(188, 61%, 76%)",
441
+ "7": "hsl(189, 58%, 68%)",
442
+ "8": "hsl(189, 60%, 53%)",
443
+ "9": "hsl(191, 100%, 39%)",
444
+ "10": "hsl(191, 93%, 38%)",
445
+ "11": "hsl(192, 81%, 33%)",
446
+ "12": "hsl(192, 69%, 17%)",
447
+ DEFAULT: "hsl(191, 100%, 39%)",
448
+ contrast: "hsl(0, 0%, 100%)"
449
+ },
450
+ dark: {
451
+ "1": "hsl(196, 41%, 7%)",
452
+ "2": "hsl(199, 33%, 9%)",
453
+ "3": "hsl(193, 74%, 12%)",
454
+ "4": "hsl(193, 100%, 14%)",
455
+ "5": "hsl(193, 100%, 17%)",
456
+ "6": "hsl(192, 93%, 21%)",
457
+ "7": "hsl(193, 75%, 28%)",
458
+ "8": "hsl(192, 80%, 34%)",
459
+ "9": "hsl(191, 100%, 39%)",
460
+ "10": "hsl(191, 71%, 48%)",
461
+ "11": "hsl(190, 75%, 60%)",
462
+ "12": "hsl(190, 80%, 84%)",
463
+ DEFAULT: "hsl(191, 100%, 39%)",
464
+ contrast: "hsl(0, 0%, 100%)"
465
+ }
466
+ },
467
+ cyanAlpha: {
468
+ light: {
469
+ "1": "hsla(195, 100%, 40%, 0.02)",
470
+ "2": "hsla(187, 100%, 35%, 0.05)",
471
+ "3": "hsla(184, 100%, 41%, 0.13)",
472
+ "4": "hsla(187, 100%, 42%, 0.21)",
473
+ "5": "hsla(187, 99%, 40%, 0.29)",
474
+ "6": "hsla(188, 100%, 38%, 0.38)",
475
+ "7": "hsla(189, 100%, 37%, 0.51)",
476
+ "8": "hsla(189, 100%, 38%, 0.76)",
477
+ "9": "hsl(191, 100%, 39%)",
478
+ "10": "hsla(191, 100%, 36%, 0.97)",
479
+ "11": "hsla(192, 100%, 28%, 0.94)",
480
+ "12": "hsla(192, 100%, 12%, 0.95)",
481
+ DEFAULT: "hsl(191, 100%, 39%)",
482
+ contrast: "hsl(0, 0%, 100%)"
483
+ },
484
+ dark: {
485
+ "1": "hsla(205, 100%, 48%, 0.04)",
486
+ "2": "hsla(199, 98%, 48%, 0.07)",
487
+ "3": "hsla(195, 100%, 50%, 0.16)",
488
+ "4": "hsla(196, 100%, 50%, 0.23)",
489
+ "5": "hsla(195, 100%, 50%, 0.3)",
490
+ "6": "hsla(193, 100%, 50%, 0.37)",
491
+ "7": "hsla(193, 100%, 54%, 0.46)",
492
+ "8": "hsla(192, 100%, 53%, 0.58)",
493
+ "9": "hsla(191, 100%, 50%, 0.76)",
494
+ "10": "hsla(191, 100%, 58%, 0.8)",
495
+ "11": "hsla(190, 99%, 66%, 0.9)",
496
+ "12": "hsla(190, 97%, 86%, 0.97)",
497
+ DEFAULT: "hsla(191, 100%, 50%, 0.76)",
498
+ contrast: "hsl(0, 0%, 0%)"
499
+ }
500
+ },
501
+ gold: {
502
+ light: {
503
+ "1": "hsl(60, 20%, 99%)",
504
+ "2": "hsl(53, 44%, 96%)",
505
+ "3": "hsl(49, 30%, 93%)",
506
+ "4": "hsl(44, 26%, 89%)",
507
+ "5": "hsl(43, 23%, 85%)",
508
+ "6": "hsl(41, 24%, 80%)",
509
+ "7": "hsl(40, 24%, 73%)",
510
+ "8": "hsl(37, 24%, 64%)",
511
+ "9": "hsl(36, 20%, 49%)",
512
+ "10": "hsl(37, 20%, 46%)",
513
+ "11": "hsl(36, 20%, 37%)",
514
+ "12": "hsl(38, 16%, 20%)",
515
+ DEFAULT: "hsl(36, 20%, 49%)",
516
+ contrast: "hsl(0, 0%, 100%)"
517
+ },
518
+ dark: {
519
+ "1": "hsl(60, 3%, 7%)",
520
+ "2": "hsl(45, 8%, 10%)",
521
+ "3": "hsl(48, 7%, 13%)",
522
+ "4": "hsl(43, 8%, 16%)",
523
+ "5": "hsl(42, 10%, 20%)",
524
+ "6": "hsl(38, 9%, 25%)",
525
+ "7": "hsl(39, 9%, 30%)",
526
+ "8": "hsl(38, 10%, 37%)",
527
+ "9": "hsl(36, 20%, 49%)",
528
+ "10": "hsl(36, 21%, 55%)",
529
+ "11": "hsl(35, 30%, 71%)",
530
+ "12": "hsl(36, 25%, 88%)",
531
+ DEFAULT: "hsl(36, 20%, 49%)",
532
+ contrast: "hsl(0, 0%, 100%)"
533
+ }
534
+ },
535
+ goldAlpha: {
536
+ light: {
537
+ "1": "hsla(60, 100%, 17%, 0.01)",
538
+ "2": "hsla(53, 100%, 31%, 0.05)",
539
+ "3": "hsla(49, 100%, 23%, 0.09)",
540
+ "4": "hsla(44, 100%, 21%, 0.14)",
541
+ "5": "hsla(44, 100%, 19%, 0.19)",
542
+ "6": "hsla(41, 100%, 20%, 0.25)",
543
+ "7": "hsla(40, 100%, 19%, 0.33)",
544
+ "8": "hsla(37, 100%, 19%, 0.45)",
545
+ "9": "hsla(36, 100%, 16%, 0.6)",
546
+ "10": "hsla(37, 100%, 14%, 0.63)",
547
+ "11": "hsla(37, 100%, 11%, 0.71)",
548
+ "12": "hsla(38, 100%, 4%, 0.83)",
549
+ DEFAULT: "hsla(36, 100%, 16%, 0.6)",
550
+ contrast: "hsl(0, 0%, 100%)"
551
+ },
552
+ dark: {
553
+ "1": "hsla(60, 79%, 32%, 0.01)",
554
+ "2": "hsla(45, 88%, 80%, 0.04)",
555
+ "3": "hsla(48, 81%, 85%, 0.08)",
556
+ "4": "hsla(43, 100%, 88%, 0.12)",
557
+ "5": "hsla(42, 97%, 88%, 0.16)",
558
+ "6": "hsla(38, 96%, 90%, 0.22)",
559
+ "7": "hsla(38, 100%, 90%, 0.28)",
560
+ "8": "hsla(38, 93%, 89%, 0.37)",
561
+ "9": "hsla(36, 100%, 83%, 0.56)",
562
+ "10": "hsla(36, 98%, 84%, 0.62)",
563
+ "11": "hsla(35, 97%, 89%, 0.78)",
564
+ "12": "hsla(35, 89%, 96%, 0.91)",
565
+ DEFAULT: "hsla(36, 100%, 83%, 0.56)",
566
+ contrast: "hsl(0, 0%, 0%)"
567
+ }
568
+ },
569
+ grass: {
570
+ light: {
571
+ "1": "hsl(120, 60%, 99%)",
572
+ "2": "hsl(120, 43%, 97%)",
573
+ "3": "hsl(120, 42%, 94%)",
574
+ "4": "hsl(123, 45%, 90%)",
575
+ "5": "hsl(122, 40%, 85%)",
576
+ "6": "hsl(124, 39%, 78%)",
577
+ "7": "hsl(126, 37%, 69%)",
578
+ "8": "hsl(131, 38%, 56%)",
579
+ "9": "hsl(131, 41%, 46%)",
580
+ "10": "hsl(131, 43%, 43%)",
581
+ "11": "hsl(132, 50%, 33%)",
582
+ "12": "hsl(131, 30%, 18%)",
583
+ DEFAULT: "hsl(131, 41%, 46%)",
584
+ contrast: "hsl(0, 0%, 100%)"
585
+ },
586
+ dark: {
587
+ "1": "hsl(146, 20%, 7%)",
588
+ "2": "hsl(130, 13%, 9%)",
589
+ "3": "hsl(132, 22%, 14%)",
590
+ "4": "hsl(134, 33%, 17%)",
591
+ "5": "hsl(134, 32%, 21%)",
592
+ "6": "hsl(133, 32%, 26%)",
593
+ "7": "hsl(132, 31%, 31%)",
594
+ "8": "hsl(131, 32%, 36%)",
595
+ "9": "hsl(131, 41%, 46%)",
596
+ "10": "hsl(131, 39%, 51%)",
597
+ "11": "hsl(131, 50%, 63%)",
598
+ "12": "hsl(120, 61%, 85%)",
599
+ DEFAULT: "hsl(131, 41%, 46%)",
600
+ contrast: "hsl(0, 0%, 100%)"
601
+ }
602
+ },
603
+ grassAlpha: {
604
+ light: {
605
+ "1": "hsla(120, 100%, 38%, 0.02)",
606
+ "2": "hsla(120, 100%, 30%, 0.04)",
607
+ "3": "hsla(120, 100%, 30%, 0.09)",
608
+ "4": "hsla(123, 100%, 31%, 0.15)",
609
+ "5": "hsla(122, 100%, 29%, 0.21)",
610
+ "6": "hsla(124, 100%, 28%, 0.3)",
611
+ "7": "hsla(126, 99%, 27%, 0.42)",
612
+ "8": "hsla(131, 100%, 28%, 0.6)",
613
+ "9": "hsla(131, 100%, 26%, 0.73)",
614
+ "10": "hsla(131, 100%, 24%, 0.76)",
615
+ "11": "hsla(132, 100%, 20%, 0.84)",
616
+ "12": "hsla(131, 100%, 6%, 0.87)",
617
+ DEFAULT: "hsla(131, 100%, 26%, 0.73)",
618
+ contrast: "hsl(0, 0%, 100%)"
619
+ },
620
+ dark: {
621
+ "1": "hsla(125, 100%, 44%, 0.02)",
622
+ "2": "hsla(130, 91%, 67%, 0.04)",
623
+ "3": "hsla(132, 99%, 72%, 0.11)",
624
+ "4": "hsla(135, 100%, 67%, 0.17)",
625
+ "5": "hsla(134, 100%, 70%, 0.23)",
626
+ "6": "hsla(133, 100%, 72%, 0.29)",
627
+ "7": "hsla(132, 97%, 73%, 0.36)",
628
+ "8": "hsla(131, 97%, 73%, 0.44)",
629
+ "9": "hsla(131, 100%, 70%, 0.63)",
630
+ "10": "hsla(131, 100%, 72%, 0.68)",
631
+ "11": "hsla(131, 100%, 77%, 0.8)",
632
+ "12": "hsla(120, 100%, 90%, 0.94)",
633
+ DEFAULT: "hsla(131, 100%, 70%, 0.63)",
634
+ contrast: "hsl(0, 0%, 0%)"
635
+ }
636
+ },
637
+ gray: {
638
+ light: {
639
+ "1": "hsl(0, 0%, 99%)",
640
+ "2": "hsl(0, 0%, 98%)",
641
+ "3": "hsl(0, 0%, 94%)",
642
+ "4": "hsl(0, 0%, 91%)",
643
+ "5": "hsl(0, 0%, 88%)",
644
+ "6": "hsl(0, 0%, 85%)",
645
+ "7": "hsl(0, 0%, 81%)",
646
+ "8": "hsl(0, 0%, 73%)",
647
+ "9": "hsl(0, 0%, 55%)",
648
+ "10": "hsl(0, 0%, 51%)",
649
+ "11": "hsl(0, 0%, 39%)",
650
+ "12": "hsl(0, 0%, 13%)",
651
+ DEFAULT: "hsl(0, 0%, 55%)",
652
+ contrast: "hsl(0, 0%, 100%)"
653
+ },
654
+ dark: {
655
+ "1": "hsl(0, 0%, 7%)",
656
+ "2": "hsl(0, 0%, 10%)",
657
+ "3": "hsl(0, 0%, 13%)",
658
+ "4": "hsl(0, 0%, 16%)",
659
+ "5": "hsl(0, 0%, 19%)",
660
+ "6": "hsl(0, 0%, 23%)",
661
+ "7": "hsl(0, 0%, 28%)",
662
+ "8": "hsl(0, 0%, 38%)",
663
+ "9": "hsl(0, 0%, 43%)",
664
+ "10": "hsl(0, 0%, 48%)",
665
+ "11": "hsl(0, 0%, 71%)",
666
+ "12": "hsl(0, 0%, 93%)",
667
+ DEFAULT: "hsl(0, 0%, 43%)",
668
+ contrast: "hsl(0, 0%, 100%)"
669
+ }
670
+ },
671
+ grayAlpha: {
672
+ light: {
673
+ "1": "hsla(0, 0%, 0%, 0.01)",
674
+ "2": "hsla(0, 0%, 0%, 0.02)",
675
+ "3": "hsla(0, 0%, 0%, 0.06)",
676
+ "4": "hsla(0, 0%, 0%, 0.09)",
677
+ "5": "hsla(0, 0%, 0%, 0.12)",
678
+ "6": "hsla(0, 0%, 0%, 0.15)",
679
+ "7": "hsla(0, 0%, 0%, 0.19)",
680
+ "8": "hsla(0, 0%, 0%, 0.27)",
681
+ "9": "hsla(0, 0%, 0%, 0.45)",
682
+ "10": "hsla(0, 0%, 0%, 0.49)",
683
+ "11": "hsla(0, 0%, 0%, 0.61)",
684
+ "12": "hsla(0, 0%, 0%, 0.87)",
685
+ DEFAULT: "hsla(0, 0%, 0%, 0.45)",
686
+ contrast: "hsl(0, 0%, 100%)"
687
+ },
688
+ dark: {
689
+ "1": "hsla(0, 0%, 0%, 0)",
690
+ "2": "hsla(0, 0%, 100%, 0.04)",
691
+ "3": "hsla(0, 0%, 100%, 0.07)",
692
+ "4": "hsla(0, 0%, 100%, 0.11)",
693
+ "5": "hsla(0, 0%, 100%, 0.13)",
694
+ "6": "hsla(0, 0%, 100%, 0.17)",
695
+ "7": "hsla(0, 0%, 100%, 0.23)",
696
+ "8": "hsla(0, 0%, 100%, 0.33)",
697
+ "9": "hsla(0, 0%, 100%, 0.39)",
698
+ "10": "hsla(0, 0%, 100%, 0.45)",
699
+ "11": "hsla(0, 0%, 100%, 0.69)",
700
+ "12": "hsla(0, 0%, 100%, 0.93)",
701
+ DEFAULT: "hsla(0, 0%, 100%, 0.39)",
702
+ contrast: "hsl(0, 0%, 0%)"
703
+ }
704
+ },
705
+ green: {
706
+ light: {
707
+ "1": "hsl(140, 60%, 99%)",
708
+ "2": "hsl(137, 47%, 97%)",
709
+ "3": "hsl(139, 47%, 93%)",
710
+ "4": "hsl(140, 49%, 89%)",
711
+ "5": "hsl(142, 44%, 84%)",
712
+ "6": "hsl(144, 41%, 77%)",
713
+ "7": "hsl(146, 40%, 68%)",
714
+ "8": "hsl(151, 40%, 54%)",
715
+ "9": "hsl(151, 55%, 42%)",
716
+ "10": "hsl(152, 56%, 39%)",
717
+ "11": "hsl(154, 60%, 32%)",
718
+ "12": "hsl(155, 40%, 16%)",
719
+ DEFAULT: "hsl(151, 55%, 42%)",
720
+ contrast: "hsl(0, 0%, 100%)"
721
+ },
722
+ dark: {
723
+ "1": "hsl(154, 20%, 7%)",
724
+ "2": "hsl(153, 20%, 9%)",
725
+ "3": "hsl(152, 41%, 13%)",
726
+ "4": "hsl(154, 55%, 15%)",
727
+ "5": "hsl(154, 52%, 19%)",
728
+ "6": "hsl(153, 46%, 23%)",
729
+ "7": "hsl(152, 44%, 28%)",
730
+ "8": "hsl(151, 45%, 34%)",
731
+ "9": "hsl(151, 55%, 42%)",
732
+ "10": "hsl(151, 55%, 45%)",
733
+ "11": "hsl(151, 65%, 54%)",
734
+ "12": "hsl(144, 70%, 82%)",
735
+ DEFAULT: "hsl(151, 55%, 42%)",
736
+ contrast: "hsl(0, 0%, 100%)"
737
+ }
738
+ },
739
+ greenAlpha: {
740
+ light: {
741
+ "1": "hsla(140, 100%, 38%, 0.02)",
742
+ "2": "hsla(137, 100%, 32%, 0.04)",
743
+ "3": "hsla(139, 100%, 32%, 0.1)",
744
+ "4": "hsla(140, 100%, 33%, 0.16)",
745
+ "5": "hsla(142, 99%, 31%, 0.23)",
746
+ "6": "hsla(144, 100%, 29%, 0.32)",
747
+ "7": "hsla(146, 100%, 28%, 0.44)",
748
+ "8": "hsla(151, 100%, 29%, 0.64)",
749
+ "9": "hsla(151, 100%, 28%, 0.81)",
750
+ "10": "hsla(152, 100%, 26%, 0.83)",
751
+ "11": "hsla(153, 100%, 22%, 0.87)",
752
+ "12": "hsla(155, 100%, 7%, 0.9)",
753
+ DEFAULT: "hsla(151, 100%, 28%, 0.81)",
754
+ contrast: "hsl(0, 0%, 100%)"
755
+ },
756
+ dark: {
757
+ "1": "hsla(139, 100%, 44%, 0.02)",
758
+ "2": "hsla(153, 95%, 57%, 0.04)",
759
+ "3": "hsla(152, 100%, 57%, 0.12)",
760
+ "4": "hsla(154, 100%, 53%, 0.18)",
761
+ "5": "hsla(154, 100%, 58%, 0.24)",
762
+ "6": "hsla(153, 100%, 63%, 0.29)",
763
+ "7": "hsla(152, 98%, 65%, 0.37)",
764
+ "8": "hsla(151, 100%, 66%, 0.45)",
765
+ "9": "hsla(151, 100%, 63%, 0.62)",
766
+ "10": "hsla(151, 99%, 63%, 0.67)",
767
+ "11": "hsla(151, 99%, 64%, 0.83)",
768
+ "12": "hsla(145, 100%, 87%, 0.94)",
769
+ DEFAULT: "hsla(151, 100%, 63%, 0.62)",
770
+ contrast: "hsl(0, 0%, 0%)"
771
+ }
772
+ },
773
+ indigo: {
774
+ light: {
775
+ "1": "hsl(240, 33%, 99%)",
776
+ "2": "hsl(225, 100%, 98%)",
777
+ "3": "hsl(222, 89%, 96%)",
778
+ "4": "hsl(224, 100%, 94%)",
779
+ "5": "hsl(224, 100%, 91%)",
780
+ "6": "hsl(225, 100%, 88%)",
781
+ "7": "hsl(226, 87%, 82%)",
782
+ "8": "hsl(226, 75%, 75%)",
783
+ "9": "hsl(226, 70%, 55%)",
784
+ "10": "hsl(226, 65%, 52%)",
785
+ "11": "hsl(226, 56%, 50%)",
786
+ "12": "hsl(226, 50%, 24%)",
787
+ DEFAULT: "hsl(226, 70%, 55%)",
788
+ contrast: "hsl(0, 0%, 100%)"
789
+ },
790
+ dark: {
791
+ "1": "hsl(231, 29%, 9%)",
792
+ "2": "hsl(230, 31%, 11%)",
793
+ "3": "hsl(225, 51%, 19%)",
794
+ "4": "hsl(225, 54%, 25%)",
795
+ "5": "hsl(225, 52%, 30%)",
796
+ "6": "hsl(226, 47%, 35%)",
797
+ "7": "hsl(226, 44%, 41%)",
798
+ "8": "hsl(226, 45%, 48%)",
799
+ "9": "hsl(226, 70%, 55%)",
800
+ "10": "hsl(228, 73%, 61%)",
801
+ "11": "hsl(228, 100%, 81%)",
802
+ "12": "hsl(224, 100%, 92%)",
803
+ DEFAULT: "hsl(226, 70%, 55%)",
804
+ contrast: "hsl(0, 0%, 100%)"
805
+ }
806
+ },
807
+ indigoAlpha: {
808
+ light: {
809
+ "1": "hsla(240, 100%, 25%, 0.01)",
810
+ "2": "hsla(225, 100%, 50%, 0.03)",
811
+ "3": "hsla(222, 100%, 47%, 0.07)",
812
+ "4": "hsla(224, 100%, 50%, 0.12)",
813
+ "5": "hsla(224, 100%, 50%, 0.18)",
814
+ "6": "hsla(225, 100%, 50%, 0.24)",
815
+ "7": "hsla(226, 100%, 46%, 0.33)",
816
+ "8": "hsla(226, 100%, 43%, 0.45)",
817
+ "9": "hsla(226, 100%, 41%, 0.76)",
818
+ "10": "hsla(226, 100%, 39%, 0.8)",
819
+ "11": "hsla(226, 100%, 36%, 0.77)",
820
+ "12": "hsla(226, 100%, 14%, 0.88)",
821
+ DEFAULT: "hsla(226, 100%, 41%, 0.76)",
822
+ contrast: "hsl(0, 0%, 100%)"
823
+ },
824
+ dark: {
825
+ "1": "hsla(231, 100%, 53%, 0.06)",
826
+ "2": "hsla(230, 95%, 59%, 0.09)",
827
+ "3": "hsla(225, 100%, 59%, 0.24)",
828
+ "4": "hsla(225, 100%, 60%, 0.34)",
829
+ "5": "hsla(225, 98%, 62%, 0.42)",
830
+ "6": "hsla(226, 98%, 65%, 0.49)",
831
+ "7": "hsla(227, 100%, 68%, 0.56)",
832
+ "8": "hsla(226, 99%, 68%, 0.67)",
833
+ "9": "hsla(226, 100%, 64%, 0.86)",
834
+ "10": "hsla(227, 99%, 68%, 0.89)",
835
+ "11": "hsl(228, 100%, 81%)",
836
+ "12": "hsl(224, 100%, 92%)",
837
+ DEFAULT: "hsla(226, 100%, 64%, 0.86)",
838
+ contrast: "hsl(0, 0%, 100%)"
839
+ }
840
+ },
841
+ iris: {
842
+ light: {
843
+ "1": "hsl(240, 100%, 100%)",
844
+ "2": "hsl(240, 100%, 99%)",
845
+ "3": "hsl(236, 88%, 97%)",
846
+ "4": "hsl(238, 100%, 95%)",
847
+ "5": "hsl(237, 100%, 93%)",
848
+ "6": "hsl(238, 100%, 90%)",
849
+ "7": "hsl(238, 82%, 85%)",
850
+ "8": "hsl(238, 74%, 77%)",
851
+ "9": "hsl(240, 60%, 60%)",
852
+ "10": "hsl(240, 55%, 56%)",
853
+ "11": "hsl(242, 50%, 55%)",
854
+ "12": "hsl(238, 43%, 27%)",
855
+ DEFAULT: "hsl(240, 60%, 60%)",
856
+ contrast: "hsl(0, 0%, 100%)"
857
+ },
858
+ dark: {
859
+ "1": "hsl(240, 22%, 10%)",
860
+ "2": "hsl(244, 25%, 12%)",
861
+ "3": "hsl(237, 38%, 20%)",
862
+ "4": "hsl(236, 45%, 27%)",
863
+ "5": "hsl(237, 41%, 32%)",
864
+ "6": "hsl(239, 36%, 37%)",
865
+ "7": "hsl(240, 34%, 44%)",
866
+ "8": "hsl(241, 36%, 52%)",
867
+ "9": "hsl(240, 60%, 60%)",
868
+ "10": "hsl(242, 64%, 64%)",
869
+ "11": "hsl(246, 100%, 83%)",
870
+ "12": "hsl(242, 94%, 94%)",
871
+ DEFAULT: "hsl(240, 60%, 60%)",
872
+ contrast: "hsl(0, 0%, 100%)"
873
+ }
874
+ },
875
+ irisAlpha: {
876
+ light: {
877
+ "1": "hsla(240, 100%, 50%, 0.01)",
878
+ "2": "hsla(240, 100%, 50%, 0.03)",
879
+ "3": "hsla(236, 100%, 47%, 0.06)",
880
+ "4": "hsla(237, 100%, 50%, 0.1)",
881
+ "5": "hsla(237, 100%, 50%, 0.15)",
882
+ "6": "hsla(238, 100%, 50%, 0.2)",
883
+ "7": "hsla(238, 100%, 45%, 0.28)",
884
+ "8": "hsla(238, 100%, 43%, 0.39)",
885
+ "9": "hsla(240, 100%, 38%, 0.64)",
886
+ "10": "hsla(240, 100%, 36%, 0.68)",
887
+ "11": "hsla(242, 100%, 34%, 0.67)",
888
+ "12": "hsla(238, 100%, 14%, 0.85)",
889
+ DEFAULT: "hsla(240, 100%, 38%, 0.64)",
890
+ contrast: "hsl(0, 0%, 100%)"
891
+ },
892
+ dark: {
893
+ "1": "hsla(240, 99%, 60%, 0.05)",
894
+ "2": "hsla(244, 94%, 64%, 0.09)",
895
+ "3": "hsla(237, 100%, 66%, 0.23)",
896
+ "4": "hsla(236, 100%, 65%, 0.35)",
897
+ "5": "hsla(237, 98%, 67%, 0.42)",
898
+ "6": "hsla(239, 97%, 71%, 0.48)",
899
+ "7": "hsla(240, 99%, 73%, 0.56)",
900
+ "8": "hsla(240, 99%, 74%, 0.67)",
901
+ "9": "hsla(240, 99%, 71%, 0.83)",
902
+ "10": "hsla(242, 100%, 74%, 0.86)",
903
+ "11": "hsl(246, 100%, 83%)",
904
+ "12": "hsla(242, 100%, 94%, 1)",
905
+ DEFAULT: "hsla(240, 99%, 71%, 0.83)",
906
+ contrast: "hsl(0, 0%, 100%)"
907
+ }
908
+ },
909
+ jade: {
910
+ light: {
911
+ "1": "hsl(160, 60%, 99%)",
912
+ "2": "hsl(146, 47%, 97%)",
913
+ "3": "hsl(145, 52%, 94%)",
914
+ "4": "hsl(149, 49%, 89%)",
915
+ "5": "hsl(152, 46%, 84%)",
916
+ "6": "hsl(154, 43%, 77%)",
917
+ "7": "hsl(159, 41%, 68%)",
918
+ "8": "hsl(164, 42%, 53%)",
919
+ "9": "hsl(164, 60%, 40%)",
920
+ "10": "hsl(164, 60%, 37%)",
921
+ "11": "hsl(164, 61%, 32%)",
922
+ "12": "hsl(160, 34%, 17%)",
923
+ DEFAULT: "hsl(164, 60%, 40%)",
924
+ contrast: "hsl(0, 0%, 100%)"
925
+ },
926
+ dark: {
927
+ "1": "hsl(158, 24%, 7%)",
928
+ "2": "hsl(156, 22%, 9%)",
929
+ "3": "hsl(157, 51%, 12%)",
930
+ "4": "hsl(161, 69%, 14%)",
931
+ "5": "hsl(161, 62%, 17%)",
932
+ "6": "hsl(162, 53%, 22%)",
933
+ "7": "hsl(162, 49%, 27%)",
934
+ "8": "hsl(164, 50%, 33%)",
935
+ "9": "hsl(164, 60%, 40%)",
936
+ "10": "hsl(164, 64%, 42%)",
937
+ "11": "hsl(163, 75%, 48%)",
938
+ "12": "hsl(155, 69%, 81%)",
939
+ DEFAULT: "hsl(164, 60%, 40%)",
940
+ contrast: "hsl(0, 0%, 100%)"
941
+ }
942
+ },
943
+ jadeAlpha: {
944
+ light: {
945
+ "1": "hsla(160, 100%, 38%, 0.02)",
946
+ "2": "hsla(146, 100%, 32%, 0.04)",
947
+ "3": "hsla(145, 100%, 34%, 0.1)",
948
+ "4": "hsla(149, 100%, 33%, 0.16)",
949
+ "5": "hsla(151, 100%, 32%, 0.24)",
950
+ "6": "hsla(154, 100%, 30%, 0.33)",
951
+ "7": "hsla(159, 100%, 29%, 0.45)",
952
+ "8": "hsla(164, 100%, 30%, 0.66)",
953
+ "9": "hsla(164, 100%, 28%, 0.84)",
954
+ "10": "hsla(164, 100%, 26%, 0.85)",
955
+ "11": "hsla(164, 100%, 22%, 0.87)",
956
+ "12": "hsla(161, 100%, 7%, 0.89)",
957
+ DEFAULT: "hsla(164, 100%, 28%, 0.84)",
958
+ contrast: "hsl(0, 0%, 100%)"
959
+ },
960
+ dark: {
961
+ "1": "hsla(139, 100%, 44%, 0.02)",
962
+ "2": "hsla(156, 96%, 57%, 0.05)",
963
+ "3": "hsla(157, 98%, 49%, 0.13)",
964
+ "4": "hsla(160, 100%, 50%, 0.18)",
965
+ "5": "hsla(162, 100%, 53%, 0.23)",
966
+ "6": "hsla(162, 100%, 60%, 0.29)",
967
+ "7": "hsla(162, 98%, 63%, 0.37)",
968
+ "8": "hsla(164, 100%, 64%, 0.46)",
969
+ "9": "hsla(164, 99%, 61%, 0.62)",
970
+ "10": "hsla(164, 99%, 59%, 0.67)",
971
+ "11": "hsla(163, 99%, 56%, 0.84)",
972
+ "12": "hsla(155, 100%, 86%, 0.94)",
973
+ DEFAULT: "hsla(164, 99%, 61%, 0.62)",
974
+ contrast: "hsl(0, 0%, 0%)"
975
+ }
976
+ },
977
+ lime: {
978
+ light: {
979
+ "1": "hsl(80, 43%, 99%)",
980
+ "2": "hsl(77, 41%, 97%)",
981
+ "3": "hsl(75, 64%, 90%)",
982
+ "4": "hsl(76, 63%, 84%)",
983
+ "5": "hsl(78, 58%, 78%)",
984
+ "6": "hsl(80, 50%, 71%)",
985
+ "7": "hsl(82, 43%, 63%)",
986
+ "8": "hsl(85, 40%, 52%)",
987
+ "9": "hsl(81, 80%, 66%)",
988
+ "10": "hsl(81, 75%, 60%)",
989
+ "11": "hsl(85, 45%, 34%)",
990
+ "12": "hsl(75, 39%, 18%)",
991
+ DEFAULT: "hsl(81, 80%, 66%)",
992
+ contrast: "hsl(0, 0%, 0%)"
993
+ },
994
+ dark: {
995
+ "1": "hsl(77, 23%, 6%)",
996
+ "2": "hsl(90, 24%, 8%)",
997
+ "3": "hsl(93, 28%, 13%)",
998
+ "4": "hsl(92, 31%, 16%)",
999
+ "5": "hsl(91, 32%, 20%)",
1000
+ "6": "hsl(92, 32%, 24%)",
1001
+ "7": "hsl(91, 33%, 29%)",
1002
+ "8": "hsl(90, 35%, 34%)",
1003
+ "9": "hsl(81, 80%, 66%)",
1004
+ "10": "hsl(78, 100%, 72%)",
1005
+ "11": "hsl(80, 70%, 66%)",
1006
+ "12": "hsl(80, 79%, 85%)",
1007
+ DEFAULT: "hsl(81, 80%, 66%)",
1008
+ contrast: "hsl(0, 0%, 0%)"
1009
+ }
1010
+ },
1011
+ limeAlpha: {
1012
+ light: {
1013
+ "1": "hsla(80, 100%, 30%, 0.02)",
1014
+ "2": "hsla(77, 100%, 29%, 0.05)",
1015
+ "3": "hsla(75, 100%, 39%, 0.16)",
1016
+ "4": "hsla(77, 100%, 39%, 0.26)",
1017
+ "5": "hsla(79, 100%, 37%, 0.35)",
1018
+ "6": "hsla(80, 100%, 33%, 0.43)",
1019
+ "7": "hsla(82, 100%, 30%, 0.53)",
1020
+ "8": "hsla(85, 100%, 29%, 0.67)",
1021
+ "9": "hsla(81, 100%, 45%, 0.61)",
1022
+ "10": "hsla(81, 100%, 43%, 0.7)",
1023
+ "11": "hsla(85, 100%, 19%, 0.82)",
1024
+ "12": "hsla(76, 100%, 8%, 0.89)",
1025
+ DEFAULT: "hsla(81, 100%, 45%, 0.61)",
1026
+ contrast: "hsl(0, 0%, 0%)"
1027
+ },
1028
+ dark: {
1029
+ "1": "hsla(115, 100%, 37%, 0.01)",
1030
+ "2": "hsla(91, 100%, 48%, 0.04)",
1031
+ "3": "hsla(93, 98%, 65%, 0.1)",
1032
+ "4": "hsla(92, 99%, 68%, 0.16)",
1033
+ "5": "hsla(91, 99%, 70%, 0.22)",
1034
+ "6": "hsla(91, 99%, 71%, 0.27)",
1035
+ "7": "hsla(90, 100%, 72%, 0.34)",
1036
+ "8": "hsla(90, 97%, 71%, 0.42)",
1037
+ "9": "hsla(81, 100%, 71%, 0.93)",
1038
+ "10": "hsl(78, 100%, 72%)",
1039
+ "11": "hsla(80, 99%, 73%, 0.89)",
1040
+ "12": "hsla(80, 97%, 87%, 0.97)",
1041
+ DEFAULT: "hsla(81, 100%, 71%, 0.93)",
1042
+ contrast: "hsl(0, 0%, 0%)"
1043
+ }
1044
+ },
1045
+ mint: {
1046
+ light: {
1047
+ "1": "hsl(168, 71%, 99%)",
1048
+ "2": "hsl(167, 53%, 97%)",
1049
+ "3": "hsl(165, 70%, 92%)",
1050
+ "4": "hsl(165, 67%, 87%)",
1051
+ "5": "hsl(165, 60%, 81%)",
1052
+ "6": "hsl(166, 52%, 75%)",
1053
+ "7": "hsl(167, 46%, 65%)",
1054
+ "8": "hsl(168, 45%, 52%)",
1055
+ "9": "hsl(167, 70%, 72%)",
1056
+ "10": "hsl(167, 61%, 68%)",
1057
+ "11": "hsl(170, 97%, 24%)",
1058
+ "12": "hsl(171, 51%, 17%)",
1059
+ DEFAULT: "hsl(167, 70%, 72%)",
1060
+ contrast: "hsl(0, 0%, 0%)"
1061
+ },
1062
+ dark: {
1063
+ "1": "hsl(180, 20%, 7%)",
1064
+ "2": "hsl(180, 29%, 8%)",
1065
+ "3": "hsl(178, 66%, 10%)",
1066
+ "4": "hsl(178, 100%, 11%)",
1067
+ "5": "hsl(177, 100%, 14%)",
1068
+ "6": "hsl(175, 69%, 20%)",
1069
+ "7": "hsl(173, 55%, 26%)",
1070
+ "8": "hsl(170, 53%, 33%)",
1071
+ "9": "hsl(167, 70%, 72%)",
1072
+ "10": "hsl(168, 79%, 81%)",
1073
+ "11": "hsl(167, 60%, 59%)",
1074
+ "12": "hsl(156, 71%, 86%)",
1075
+ DEFAULT: "hsl(167, 70%, 72%)",
1076
+ contrast: "hsl(0, 0%, 0%)"
1077
+ }
1078
+ },
1079
+ mintAlpha: {
1080
+ light: {
1081
+ "1": "hsla(168, 100%, 42%, 0.02)",
1082
+ "2": "hsla(167, 100%, 35%, 0.05)",
1083
+ "3": "hsla(165, 100%, 41%, 0.13)",
1084
+ "4": "hsla(165, 100%, 40%, 0.22)",
1085
+ "5": "hsla(165, 100%, 38%, 0.3)",
1086
+ "6": "hsla(166, 100%, 35%, 0.39)",
1087
+ "7": "hsla(167, 100%, 32%, 0.51)",
1088
+ "8": "hsla(168, 100%, 31%, 0.7)",
1089
+ "9": "hsla(167, 100%, 41%, 0.47)",
1090
+ "10": "hsla(167, 100%, 38%, 0.51)",
1091
+ "11": "hsla(170, 100%, 23%, 0.99)",
1092
+ "12": "hsla(171, 100%, 10%, 0.91)",
1093
+ DEFAULT: "hsla(167, 100%, 41%, 0.47)",
1094
+ contrast: "hsl(0, 0%, 0%)"
1095
+ },
1096
+ dark: {
1097
+ "1": "hsla(180, 100%, 44%, 0.02)",
1098
+ "2": "hsla(180, 100%, 49%, 0.04)",
1099
+ "3": "hsla(178, 100%, 50%, 0.11)",
1100
+ "4": "hsla(177, 100%, 50%, 0.17)",
1101
+ "5": "hsla(177, 100%, 50%, 0.23)",
1102
+ "6": "hsla(175, 100%, 53%, 0.29)",
1103
+ "7": "hsla(173, 98%, 60%, 0.37)",
1104
+ "8": "hsla(170, 100%, 63%, 0.46)",
1105
+ "9": "hsla(167, 100%, 79%, 0.91)",
1106
+ "10": "hsla(167, 98%, 84%, 0.96)",
1107
+ "11": "hsla(167, 100%, 70%, 0.82)",
1108
+ "12": "hsla(155, 96%, 90%, 0.96)",
1109
+ DEFAULT: "hsla(167, 100%, 79%, 0.91)",
1110
+ contrast: "hsl(0, 0%, 0%)"
1111
+ }
1112
+ },
1113
+ orange: {
1114
+ light: {
1115
+ "1": "hsl(20, 60%, 99%)",
1116
+ "2": "hsl(33, 100%, 96%)",
1117
+ "3": "hsl(37, 100%, 92%)",
1118
+ "4": "hsl(34, 100%, 85%)",
1119
+ "5": "hsl(33, 100%, 80%)",
1120
+ "6": "hsl(30, 100%, 75%)",
1121
+ "7": "hsl(27, 87%, 71%)",
1122
+ "8": "hsl(25, 80%, 63%)",
1123
+ "9": "hsl(23, 93%, 53%)",
1124
+ "10": "hsl(24, 100%, 47%)",
1125
+ "11": "hsl(23, 100%, 40%)",
1126
+ "12": "hsl(16, 50%, 23%)",
1127
+ DEFAULT: "hsl(23, 93%, 53%)",
1128
+ contrast: "hsl(0, 0%, 100%)"
1129
+ },
1130
+ dark: {
1131
+ "1": "hsl(27, 24%, 7%)",
1132
+ "2": "hsl(28, 33%, 9%)",
1133
+ "3": "hsl(29, 65%, 12%)",
1134
+ "4": "hsl(28, 100%, 14%)",
1135
+ "5": "hsl(28, 100%, 17%)",
1136
+ "6": "hsl(27, 79%, 22%)",
1137
+ "7": "hsl(25, 63%, 30%)",
1138
+ "8": "hsl(23, 60%, 40%)",
1139
+ "9": "hsl(23, 93%, 53%)",
1140
+ "10": "hsl(26, 100%, 56%)",
1141
+ "11": "hsl(26, 100%, 67%)",
1142
+ "12": "hsl(30, 100%, 88%)",
1143
+ DEFAULT: "hsl(23, 93%, 53%)",
1144
+ contrast: "hsl(0, 0%, 100%)"
1145
+ }
1146
+ },
1147
+ orangeAlpha: {
1148
+ light: {
1149
+ "1": "hsla(20, 100%, 38%, 0.02)",
1150
+ "2": "hsla(33, 100%, 50%, 0.07)",
1151
+ "3": "hsla(37, 100%, 50%, 0.16)",
1152
+ "4": "hsla(34, 100%, 50%, 0.29)",
1153
+ "5": "hsla(33, 100%, 50%, 0.4)",
1154
+ "6": "hsla(30, 100%, 50%, 0.49)",
1155
+ "7": "hsla(27, 100%, 46%, 0.55)",
1156
+ "8": "hsla(25, 100%, 45%, 0.67)",
1157
+ "9": "hsla(23, 100%, 48%, 0.92)",
1158
+ "10": "hsl(24, 100%, 47%)",
1159
+ "11": "hsl(23, 100%, 40%)",
1160
+ "12": "hsla(16, 100%, 13%, 0.89)",
1161
+ DEFAULT: "hsla(23, 100%, 48%, 0.92)",
1162
+ contrast: "hsl(0, 0%, 100%)"
1163
+ },
1164
+ dark: {
1165
+ "1": "hsla(14, 100%, 46%, 0.03)",
1166
+ "2": "hsla(26, 100%, 50%, 0.05)",
1167
+ "3": "hsla(25, 100%, 49%, 0.15)",
1168
+ "4": "hsla(21, 100%, 50%, 0.22)",
1169
+ "5": "hsla(23, 100%, 50%, 0.29)",
1170
+ "6": "hsla(27, 98%, 50%, 0.36)",
1171
+ "7": "hsla(25, 100%, 59%, 0.46)",
1172
+ "8": "hsla(23, 99%, 61%, 0.62)",
1173
+ "9": "hsla(23, 99%, 54%, 0.97)",
1174
+ "10": "hsl(26, 100%, 56%)",
1175
+ "11": "hsl(26, 100%, 67%)",
1176
+ "12": "hsl(30, 100%, 88%)",
1177
+ DEFAULT: "hsla(23, 99%, 54%, 0.97)",
1178
+ contrast: "hsl(0, 0%, 0%)"
1179
+ }
1180
+ },
1181
+ pink: {
1182
+ light: {
1183
+ "1": "hsl(320, 100%, 99%)",
1184
+ "2": "hsl(326, 78%, 98%)",
1185
+ "3": "hsl(326, 91%, 95%)",
1186
+ "4": "hsl(323, 79%, 92%)",
1187
+ "5": "hsl(323, 69%, 89%)",
1188
+ "6": "hsl(323, 60%, 84%)",
1189
+ "7": "hsl(323, 55%, 79%)",
1190
+ "8": "hsl(322, 52%, 72%)",
1191
+ "9": "hsl(322, 65%, 55%)",
1192
+ "10": "hsl(322, 61%, 52%)",
1193
+ "11": "hsl(322, 65%, 46%)",
1194
+ "12": "hsl(320, 70%, 23%)",
1195
+ DEFAULT: "hsl(322, 65%, 55%)",
1196
+ contrast: "hsl(0, 0%, 100%)"
1197
+ },
1198
+ dark: {
1199
+ "1": "hsl(315, 19%, 8%)",
1200
+ "2": "hsl(316, 29%, 10%)",
1201
+ "3": "hsl(315, 41%, 15%)",
1202
+ "4": "hsl(315, 58%, 19%)",
1203
+ "5": "hsl(318, 52%, 23%)",
1204
+ "6": "hsl(319, 44%, 29%)",
1205
+ "7": "hsl(321, 40%, 37%)",
1206
+ "8": "hsl(322, 40%, 47%)",
1207
+ "9": "hsl(322, 65%, 55%)",
1208
+ "10": "hsl(323, 68%, 59%)",
1209
+ "11": "hsl(327, 100%, 78%)",
1210
+ "12": "hsl(326, 92%, 91%)",
1211
+ DEFAULT: "hsl(322, 65%, 55%)",
1212
+ contrast: "hsl(0, 0%, 100%)"
1213
+ }
1214
+ },
1215
+ pinkAlpha: {
1216
+ light: {
1217
+ "1": "hsla(320, 100%, 50%, 0.01)",
1218
+ "2": "hsla(326, 100%, 44%, 0.03)",
1219
+ "3": "hsla(326, 100%, 48%, 0.09)",
1220
+ "4": "hsla(323, 100%, 44%, 0.14)",
1221
+ "5": "hsla(322, 100%, 41%, 0.19)",
1222
+ "6": "hsla(323, 100%, 38%, 0.25)",
1223
+ "7": "hsla(323, 100%, 36%, 0.33)",
1224
+ "8": "hsla(322, 100%, 34%, 0.42)",
1225
+ "9": "hsla(322, 100%, 39%, 0.75)",
1226
+ "10": "hsla(322, 100%, 38%, 0.78)",
1227
+ "11": "hsla(322, 100%, 36%, 0.84)",
1228
+ "12": "hsla(320, 100%, 17%, 0.93)",
1229
+ DEFAULT: "hsla(322, 100%, 39%, 0.75)",
1230
+ contrast: "hsl(0, 0%, 100%)"
1231
+ },
1232
+ dark: {
1233
+ "1": "hsla(315, 91%, 51%, 0.04)",
1234
+ "2": "hsla(316, 91%, 54%, 0.07)",
1235
+ "3": "hsla(315, 99%, 61%, 0.16)",
1236
+ "4": "hsla(315, 97%, 55%, 0.25)",
1237
+ "5": "hsla(318, 98%, 60%, 0.31)",
1238
+ "6": "hsla(319, 98%, 65%, 0.37)",
1239
+ "7": "hsla(321, 97%, 69%, 0.48)",
1240
+ "8": "hsla(322, 100%, 70%, 0.64)",
1241
+ "9": "hsla(322, 99%, 64%, 0.83)",
1242
+ "10": "hsla(323, 100%, 68%, 0.86)",
1243
+ "11": "hsl(327, 100%, 78%)",
1244
+ "12": "hsla(326, 100%, 91%, 0.99)",
1245
+ DEFAULT: "hsla(322, 99%, 64%, 0.83)",
1246
+ contrast: "hsl(0, 0%, 100%)"
1247
+ }
1248
+ },
1249
+ plum: {
1250
+ light: {
1251
+ "1": "hsl(280, 100%, 99%)",
1252
+ "2": "hsl(300, 60%, 98%)",
1253
+ "3": "hsl(300, 67%, 95%)",
1254
+ "4": "hsl(298, 65%, 92%)",
1255
+ "5": "hsl(298, 59%, 89%)",
1256
+ "6": "hsl(296, 53%, 84%)",
1257
+ "7": "hsl(294, 49%, 78%)",
1258
+ "8": "hsl(292, 48%, 71%)",
1259
+ "9": "hsl(292, 45%, 51%)",
1260
+ "10": "hsl(292, 44%, 48%)",
1261
+ "11": "hsl(292, 45%, 44%)",
1262
+ "12": "hsl(291, 58%, 23%)",
1263
+ DEFAULT: "hsl(292, 45%, 51%)",
1264
+ contrast: "hsl(0, 0%, 100%)"
1265
+ },
1266
+ dark: {
1267
+ "1": "hsl(300, 17%, 8%)",
1268
+ "2": "hsl(300, 25%, 10%)",
1269
+ "3": "hsl(300, 34%, 15%)",
1270
+ "4": "hsl(297, 42%, 20%)",
1271
+ "5": "hsl(296, 40%, 24%)",
1272
+ "6": "hsl(296, 34%, 28%)",
1273
+ "7": "hsl(294, 31%, 36%)",
1274
+ "8": "hsl(292, 30%, 47%)",
1275
+ "9": "hsl(292, 45%, 51%)",
1276
+ "10": "hsl(292, 48%, 56%)",
1277
+ "11": "hsl(292, 79%, 77%)",
1278
+ "12": "hsl(300, 59%, 89%)",
1279
+ DEFAULT: "hsl(292, 45%, 51%)",
1280
+ contrast: "hsl(0, 0%, 100%)"
1281
+ }
1282
+ },
1283
+ plumAlpha: {
1284
+ light: {
1285
+ "1": "hsla(280, 100%, 50%, 0.01)",
1286
+ "2": "hsla(300, 100%, 38%, 0.03)",
1287
+ "3": "hsla(300, 100%, 40%, 0.08)",
1288
+ "4": "hsla(298, 100%, 39%, 0.13)",
1289
+ "5": "hsla(298, 100%, 37%, 0.18)",
1290
+ "6": "hsla(296, 100%, 35%, 0.24)",
1291
+ "7": "hsla(295, 100%, 33%, 0.32)",
1292
+ "8": "hsla(292, 100%, 32%, 0.43)",
1293
+ "9": "hsla(292, 100%, 31%, 0.71)",
1294
+ "10": "hsla(292, 100%, 29%, 0.73)",
1295
+ "11": "hsla(291, 100%, 26%, 0.76)",
1296
+ "12": "hsla(291, 100%, 15%, 0.9)",
1297
+ DEFAULT: "hsla(292, 100%, 31%, 0.71)",
1298
+ contrast: "hsl(0, 0%, 100%)"
1299
+ },
1300
+ dark: {
1301
+ "1": "hsla(300, 89%, 51%, 0.03)",
1302
+ "2": "hsla(300, 88%, 57%, 0.07)",
1303
+ "3": "hsla(300, 98%, 65%, 0.15)",
1304
+ "4": "hsla(297, 100%, 64%, 0.23)",
1305
+ "5": "hsla(296, 100%, 67%, 0.28)",
1306
+ "6": "hsla(296, 100%, 71%, 0.34)",
1307
+ "7": "hsla(294, 97%, 74%, 0.44)",
1308
+ "8": "hsla(292, 100%, 76%, 0.58)",
1309
+ "9": "hsla(292, 99%, 69%, 0.71)",
1310
+ "10": "hsla(292, 100%, 72%, 0.75)",
1311
+ "11": "hsla(292, 98%, 80%, 0.95)",
1312
+ "12": "hsla(300, 94%, 93%, 0.96)",
1313
+ DEFAULT: "hsla(292, 99%, 69%, 0.71)",
1314
+ contrast: "hsl(0, 0%, 0%)"
1315
+ }
1316
+ },
1317
+ purple: {
1318
+ light: {
1319
+ "1": "hsl(300, 50%, 99%)",
1320
+ "2": "hsl(274, 78%, 98%)",
1321
+ "3": "hsl(275, 89%, 96%)",
1322
+ "4": "hsl(277, 81%, 94%)",
1323
+ "5": "hsl(275, 75%, 91%)",
1324
+ "6": "hsl(275, 69%, 86%)",
1325
+ "7": "hsl(273, 62%, 81%)",
1326
+ "8": "hsl(272, 60%, 74%)",
1327
+ "9": "hsl(272, 51%, 54%)",
1328
+ "10": "hsl(272, 45%, 50%)",
1329
+ "11": "hsl(272, 45%, 49%)",
1330
+ "12": "hsl(270, 50%, 25%)",
1331
+ DEFAULT: "hsl(272, 51%, 54%)",
1332
+ contrast: "hsl(0, 0%, 100%)"
1333
+ },
1334
+ dark: {
1335
+ "1": "hsl(282, 23%, 9%)",
1336
+ "2": "hsl(279, 25%, 11%)",
1337
+ "3": "hsl(279, 36%, 17%)",
1338
+ "4": "hsl(277, 39%, 22%)",
1339
+ "5": "hsl(276, 38%, 26%)",
1340
+ "6": "hsl(275, 35%, 31%)",
1341
+ "7": "hsl(274, 33%, 38%)",
1342
+ "8": "hsl(273, 33%, 50%)",
1343
+ "9": "hsl(272, 51%, 54%)",
1344
+ "10": "hsl(272, 55%, 59%)",
1345
+ "11": "hsl(272, 100%, 81%)",
1346
+ "12": "hsl(275, 77%, 92%)",
1347
+ DEFAULT: "hsl(272, 51%, 54%)",
1348
+ contrast: "hsl(0, 0%, 100%)"
1349
+ }
1350
+ },
1351
+ purpleAlpha: {
1352
+ light: {
1353
+ "1": "hsla(300, 100%, 33%, 0.01)",
1354
+ "2": "hsla(274, 100%, 44%, 0.03)",
1355
+ "3": "hsla(275, 100%, 47%, 0.07)",
1356
+ "4": "hsla(277, 100%, 45%, 0.11)",
1357
+ "5": "hsla(275, 100%, 43%, 0.16)",
1358
+ "6": "hsla(275, 99%, 41%, 0.23)",
1359
+ "7": "hsla(274, 100%, 38%, 0.31)",
1360
+ "8": "hsla(272, 100%, 38%, 0.42)",
1361
+ "9": "hsla(272, 100%, 34%, 0.69)",
1362
+ "10": "hsla(272, 100%, 31%, 0.72)",
1363
+ "11": "hsla(272, 100%, 30%, 0.73)",
1364
+ "12": "hsla(270, 100%, 14%, 0.87)",
1365
+ DEFAULT: "hsla(272, 100%, 34%, 0.69)",
1366
+ contrast: "hsl(0, 0%, 100%)"
1367
+ },
1368
+ dark: {
1369
+ "1": "hsla(282, 95%, 52%, 0.04)",
1370
+ "2": "hsla(279, 92%, 62%, 0.08)",
1371
+ "3": "hsla(279, 100%, 66%, 0.18)",
1372
+ "4": "hsla(277, 98%, 66%, 0.26)",
1373
+ "5": "hsla(277, 98%, 68%, 0.32)",
1374
+ "6": "hsla(275, 97%, 71%, 0.38)",
1375
+ "7": "hsla(274, 97%, 73%, 0.48)",
1376
+ "8": "hsla(273, 100%, 75%, 0.64)",
1377
+ "9": "hsla(272, 100%, 69%, 0.76)",
1378
+ "10": "hsla(272, 100%, 72%, 0.8)",
1379
+ "11": "hsl(272, 100%, 81%)",
1380
+ "12": "hsla(275, 100%, 93%, 0.98)",
1381
+ DEFAULT: "hsla(272, 100%, 69%, 0.76)",
1382
+ contrast: "hsl(0, 0%, 100%)"
1383
+ }
1384
+ },
1385
+ red: {
1386
+ light: {
1387
+ "1": "hsl(0, 100%, 99%)",
1388
+ "2": "hsl(0, 100%, 98%)",
1389
+ "3": "hsl(357, 90%, 96%)",
1390
+ "4": "hsl(358, 100%, 93%)",
1391
+ "5": "hsl(359, 100%, 90%)",
1392
+ "6": "hsl(359, 94%, 87%)",
1393
+ "7": "hsl(359, 77%, 81%)",
1394
+ "8": "hsl(359, 70%, 74%)",
1395
+ "9": "hsl(358, 75%, 59%)",
1396
+ "10": "hsl(358, 69%, 55%)",
1397
+ "11": "hsl(358, 65%, 49%)",
1398
+ "12": "hsl(351, 63%, 24%)",
1399
+ DEFAULT: "hsl(358, 75%, 59%)",
1400
+ contrast: "hsl(0, 0%, 100%)"
1401
+ },
1402
+ dark: {
1403
+ "1": "hsl(0, 19%, 8%)",
1404
+ "2": "hsl(355, 25%, 10%)",
1405
+ "3": "hsl(350, 53%, 15%)",
1406
+ "4": "hsl(348, 68%, 19%)",
1407
+ "5": "hsl(350, 63%, 23%)",
1408
+ "6": "hsl(352, 53%, 29%)",
1409
+ "7": "hsl(355, 47%, 37%)",
1410
+ "8": "hsl(358, 45%, 49%)",
1411
+ "9": "hsl(358, 75%, 59%)",
1412
+ "10": "hsl(360, 79%, 65%)",
1413
+ "11": "hsl(2, 100%, 79%)",
1414
+ "12": "hsl(350, 100%, 91%)",
1415
+ DEFAULT: "hsl(358, 75%, 59%)",
1416
+ contrast: "hsl(0, 0%, 100%)"
1417
+ }
1418
+ },
1419
+ redAlpha: {
1420
+ light: {
1421
+ "1": "hsla(0, 100%, 50%, 0.01)",
1422
+ "2": "hsla(0, 100%, 50%, 0.03)",
1423
+ "3": "hsla(357, 100%, 48%, 0.08)",
1424
+ "4": "hsla(358, 100%, 50%, 0.14)",
1425
+ "5": "hsla(359, 100%, 50%, 0.2)",
1426
+ "6": "hsla(359, 100%, 49%, 0.26)",
1427
+ "7": "hsla(359, 100%, 44%, 0.34)",
1428
+ "8": "hsla(359, 100%, 41%, 0.44)",
1429
+ "9": "hsla(358, 100%, 43%, 0.72)",
1430
+ "10": "hsla(359, 100%, 41%, 0.76)",
1431
+ "11": "hsla(358, 100%, 38%, 0.83)",
1432
+ "12": "hsla(351, 100%, 17%, 0.91)",
1433
+ DEFAULT: "hsla(358, 100%, 43%, 0.72)",
1434
+ contrast: "hsl(0, 0%, 100%)"
1435
+ },
1436
+ dark: {
1437
+ "1": "hsla(0, 91%, 51%, 0.04)",
1438
+ "2": "hsla(355, 88%, 57%, 0.07)",
1439
+ "3": "hsla(350, 100%, 55%, 0.18)",
1440
+ "4": "hsla(348, 99%, 52%, 0.27)",
1441
+ "5": "hsla(350, 100%, 56%, 0.34)",
1442
+ "6": "hsla(353, 100%, 62%, 0.41)",
1443
+ "7": "hsla(355, 100%, 66%, 0.52)",
1444
+ "8": "hsla(359, 100%, 68%, 0.69)",
1445
+ "9": "hsla(358, 99%, 65%, 0.89)",
1446
+ "10": "hsla(360, 100%, 70%, 0.92)",
1447
+ "11": "hsl(2, 100%, 79%)",
1448
+ "12": "hsl(350, 100%, 91%)",
1449
+ DEFAULT: "hsla(358, 99%, 65%, 0.89)",
1450
+ contrast: "hsl(0, 0%, 100%)"
1451
+ }
1452
+ },
1453
+ ruby: {
1454
+ light: {
1455
+ "1": "hsl(340, 100%, 99%)",
1456
+ "2": "hsl(353, 100%, 98%)",
1457
+ "3": "hsl(351, 91%, 96%)",
1458
+ "4": "hsl(351, 100%, 93%)",
1459
+ "5": "hsl(350, 100%, 90%)",
1460
+ "6": "hsl(351, 80%, 86%)",
1461
+ "7": "hsl(349, 68%, 81%)",
1462
+ "8": "hsl(348, 61%, 74%)",
1463
+ "9": "hsl(348, 75%, 59%)",
1464
+ "10": "hsl(347, 70%, 55%)",
1465
+ "11": "hsl(345, 70%, 47%)",
1466
+ "12": "hsl(344, 63%, 24%)",
1467
+ DEFAULT: "hsl(348, 75%, 59%)",
1468
+ contrast: "hsl(0, 0%, 100%)"
1469
+ },
1470
+ dark: {
1471
+ "1": "hsl(345, 19%, 8%)",
1472
+ "2": "hsl(347, 18%, 10%)",
1473
+ "3": "hsl(344, 49%, 15%)",
1474
+ "4": "hsl(342, 61%, 19%)",
1475
+ "5": "hsl(342, 57%, 24%)",
1476
+ "6": "hsl(344, 50%, 29%)",
1477
+ "7": "hsl(346, 45%, 37%)",
1478
+ "8": "hsl(348, 45%, 48%)",
1479
+ "9": "hsl(348, 75%, 59%)",
1480
+ "10": "hsl(350, 79%, 64%)",
1481
+ "11": "hsl(355, 100%, 79%)",
1482
+ "12": "hsl(340, 96%, 91%)",
1483
+ DEFAULT: "hsl(348, 75%, 59%)",
1484
+ contrast: "hsl(0, 0%, 100%)"
1485
+ }
1486
+ },
1487
+ rubyAlpha: {
1488
+ light: {
1489
+ "1": "hsla(340, 100%, 50%, 0.01)",
1490
+ "2": "hsla(352, 100%, 50%, 0.03)",
1491
+ "3": "hsla(351, 100%, 48%, 0.08)",
1492
+ "4": "hsla(351, 100%, 50%, 0.14)",
1493
+ "5": "hsla(350, 100%, 50%, 0.19)",
1494
+ "6": "hsla(351, 100%, 45%, 0.25)",
1495
+ "7": "hsla(349, 100%, 40%, 0.33)",
1496
+ "8": "hsla(348, 100%, 38%, 0.43)",
1497
+ "9": "hsla(348, 100%, 43%, 0.73)",
1498
+ "10": "hsla(347, 100%, 41%, 0.77)",
1499
+ "11": "hsla(345, 100%, 38%, 0.86)",
1500
+ "12": "hsla(344, 100%, 17%, 0.91)",
1501
+ DEFAULT: "hsla(348, 100%, 43%, 0.73)",
1502
+ contrast: "hsl(0, 0%, 100%)"
1503
+ },
1504
+ dark: {
1505
+ "1": "hsla(345, 91%, 51%, 0.04)",
1506
+ "2": "hsla(346, 99%, 67%, 0.05)",
1507
+ "3": "hsla(344, 100%, 57%, 0.17)",
1508
+ "4": "hsla(342, 98%, 55%, 0.26)",
1509
+ "5": "hsla(342, 99%, 59%, 0.33)",
1510
+ "6": "hsla(344, 100%, 63%, 0.4)",
1511
+ "7": "hsla(346, 100%, 67%, 0.5)",
1512
+ "8": "hsla(348, 100%, 68%, 0.68)",
1513
+ "9": "hsla(348, 99%, 65%, 0.89)",
1514
+ "10": "hsla(350, 100%, 69%, 0.92)",
1515
+ "11": "hsl(355, 100%, 79%)",
1516
+ "12": "hsla(340, 100%, 91%, 1)",
1517
+ DEFAULT: "hsla(348, 99%, 65%, 0.89)",
1518
+ contrast: "hsl(0, 0%, 100%)"
1519
+ }
1520
+ },
1521
+ sky: {
1522
+ light: {
1523
+ "1": "hsl(190, 100%, 99%)",
1524
+ "2": "hsl(195, 75%, 97%)",
1525
+ "3": "hsl(195, 88%, 94%)",
1526
+ "4": "hsl(195, 80%, 90%)",
1527
+ "5": "hsl(195, 73%, 85%)",
1528
+ "6": "hsl(197, 65%, 80%)",
1529
+ "7": "hsl(197, 61%, 72%)",
1530
+ "8": "hsl(198, 60%, 61%)",
1531
+ "9": "hsl(193, 98%, 74%)",
1532
+ "10": "hsl(194, 90%, 71%)",
1533
+ "11": "hsl(196, 100%, 31%)",
1534
+ "12": "hsl(205, 50%, 23%)",
1535
+ DEFAULT: "hsl(193, 98%, 74%)",
1536
+ contrast: "hsl(0, 0%, 0%)"
1537
+ },
1538
+ dark: {
1539
+ "1": "hsl(217, 41%, 9%)",
1540
+ "2": "hsl(215, 39%, 11%)",
1541
+ "3": "hsl(211, 58%, 16%)",
1542
+ "4": "hsl(208, 67%, 20%)",
1543
+ "5": "hsl(206, 66%, 24%)",
1544
+ "6": "hsl(205, 64%, 29%)",
1545
+ "7": "hsl(203, 65%, 35%)",
1546
+ "8": "hsl(200, 75%, 39%)",
1547
+ "9": "hsl(193, 98%, 74%)",
1548
+ "10": "hsl(192, 100%, 83%)",
1549
+ "11": "hsl(200, 80%, 70%)",
1550
+ "12": "hsl(192, 100%, 88%)",
1551
+ DEFAULT: "hsl(193, 98%, 74%)",
1552
+ contrast: "hsl(0, 0%, 0%)"
1553
+ }
1554
+ },
1555
+ skyAlpha: {
1556
+ light: {
1557
+ "1": "hsla(190, 100%, 50%, 0.02)",
1558
+ "2": "hsla(195, 100%, 43%, 0.05)",
1559
+ "3": "hsla(195, 100%, 47%, 0.12)",
1560
+ "4": "hsla(195, 100%, 45%, 0.18)",
1561
+ "5": "hsla(195, 100%, 42%, 0.25)",
1562
+ "6": "hsla(197, 100%, 40%, 0.34)",
1563
+ "7": "hsla(197, 100%, 38%, 0.45)",
1564
+ "8": "hsla(198, 100%, 37%, 0.62)",
1565
+ "9": "hsla(193, 100%, 50%, 0.51)",
1566
+ "10": "hsla(194, 100%, 48%, 0.55)",
1567
+ "11": "hsl(196, 100%, 31%)",
1568
+ "12": "hsla(205, 100%, 13%, 0.89)",
1569
+ DEFAULT: "hsla(193, 100%, 50%, 0.51)",
1570
+ contrast: "hsl(0, 0%, 0%)"
1571
+ },
1572
+ dark: {
1573
+ "1": "hsla(224, 100%, 50%, 0.06)",
1574
+ "2": "hsla(215, 97%, 53%, 0.09)",
1575
+ "3": "hsla(211, 98%, 53%, 0.2)",
1576
+ "4": "hsla(208, 100%, 54%, 0.29)",
1577
+ "5": "hsla(206, 98%, 55%, 0.36)",
1578
+ "6": "hsla(205, 100%, 58%, 0.45)",
1579
+ "7": "hsla(203, 99%, 58%, 0.55)",
1580
+ "8": "hsla(200, 99%, 55%, 0.66)",
1581
+ "9": "hsla(193, 100%, 74%, 1)",
1582
+ "10": "hsl(192, 100%, 83%)",
1583
+ "11": "hsla(200, 100%, 74%, 0.94)",
1584
+ "12": "hsl(192, 100%, 88%)",
1585
+ DEFAULT: "hsla(193, 100%, 74%, 1)",
1586
+ contrast: "hsl(0, 0%, 0%)"
1587
+ }
1588
+ },
1589
+ slate: {
1590
+ light: {
1591
+ "1": "hsl(240, 20%, 99%)",
1592
+ "2": "hsl(240, 20%, 98%)",
1593
+ "3": "hsl(240, 11%, 95%)",
1594
+ "4": "hsl(240, 10%, 92%)",
1595
+ "5": "hsl(230, 11%, 89%)",
1596
+ "6": "hsl(240, 10%, 86%)",
1597
+ "7": "hsl(233, 10%, 82%)",
1598
+ "8": "hsl(231, 10%, 75%)",
1599
+ "9": "hsl(231, 6%, 57%)",
1600
+ "10": "hsl(226, 5%, 53%)",
1601
+ "11": "hsl(220, 6%, 40%)",
1602
+ "12": "hsl(210, 13%, 13%)",
1603
+ DEFAULT: "hsl(231, 6%, 57%)",
1604
+ contrast: "hsl(0, 0%, 100%)"
1605
+ },
1606
+ dark: {
1607
+ "1": "hsl(240, 6%, 7%)",
1608
+ "2": "hsl(220, 6%, 10%)",
1609
+ "3": "hsl(225, 6%, 14%)",
1610
+ "4": "hsl(210, 7%, 16%)",
1611
+ "5": "hsl(214, 7%, 19%)",
1612
+ "6": "hsl(213, 8%, 23%)",
1613
+ "7": "hsl(213, 8%, 28%)",
1614
+ "8": "hsl(212, 8%, 38%)",
1615
+ "9": "hsl(219, 6%, 44%)",
1616
+ "10": "hsl(222, 5%, 49%)",
1617
+ "11": "hsl(216, 7%, 71%)",
1618
+ "12": "hsl(220, 9%, 94%)",
1619
+ DEFAULT: "hsl(219, 6%, 44%)",
1620
+ contrast: "hsl(0, 0%, 100%)"
1621
+ }
1622
+ },
1623
+ slateAlpha: {
1624
+ light: {
1625
+ "1": "hsla(240, 100%, 17%, 0.01)",
1626
+ "2": "hsla(240, 100%, 17%, 0.02)",
1627
+ "3": "hsla(240, 100%, 10%, 0.06)",
1628
+ "4": "hsla(240, 100%, 9%, 0.09)",
1629
+ "5": "hsla(229, 100%, 10%, 0.12)",
1630
+ "6": "hsla(240, 100%, 9%, 0.15)",
1631
+ "7": "hsla(232, 100%, 9%, 0.2)",
1632
+ "8": "hsla(230, 100%, 9%, 0.27)",
1633
+ "9": "hsla(230, 100%, 6%, 0.45)",
1634
+ "10": "hsla(224, 100%, 5%, 0.5)",
1635
+ "11": "hsla(219, 100%, 4%, 0.62)",
1636
+ "12": "hsla(207, 100%, 2%, 0.89)",
1637
+ DEFAULT: "hsla(230, 100%, 6%, 0.45)",
1638
+ contrast: "hsl(0, 0%, 100%)"
1639
+ },
1640
+ dark: {
1641
+ "1": "hsla(0, 0%, 0%, 0)",
1642
+ "2": "hsla(184, 63%, 91%, 0.04)",
1643
+ "3": "hsla(211, 66%, 92%, 0.08)",
1644
+ "4": "hsla(198, 73%, 90%, 0.11)",
1645
+ "5": "hsla(208, 95%, 92%, 0.15)",
1646
+ "6": "hsla(208, 91%, 92%, 0.19)",
1647
+ "7": "hsla(208, 100%, 93%, 0.25)",
1648
+ "8": "hsla(208, 100%, 93%, 0.36)",
1649
+ "9": "hsla(216, 88%, 93%, 0.43)",
1650
+ "10": "hsla(220, 86%, 95%, 0.48)",
1651
+ "11": "hsla(212, 87%, 97%, 0.71)",
1652
+ "12": "hsla(220, 100%, 99%, 0.94)",
1653
+ DEFAULT: "hsla(216, 88%, 93%, 0.43)",
1654
+ contrast: "hsl(0, 0%, 0%)"
1655
+ }
1656
+ },
1657
+ teal: {
1658
+ light: {
1659
+ "1": "hsl(165, 67%, 99%)",
1660
+ "2": "hsl(165, 50%, 97%)",
1661
+ "3": "hsl(167, 63%, 93%)",
1662
+ "4": "hsl(166, 62%, 88%)",
1663
+ "5": "hsl(168, 54%, 82%)",
1664
+ "6": "hsl(168, 48%, 75%)",
1665
+ "7": "hsl(170, 43%, 66%)",
1666
+ "8": "hsl(172, 42%, 53%)",
1667
+ "9": "hsl(173, 80%, 36%)",
1668
+ "10": "hsl(173, 85%, 33%)",
1669
+ "11": "hsl(172, 100%, 26%)",
1670
+ "12": "hsl(174, 65%, 15%)",
1671
+ DEFAULT: "hsl(173, 80%, 36%)",
1672
+ contrast: "hsl(0, 0%, 100%)"
1673
+ },
1674
+ dark: {
1675
+ "1": "hsl(173, 24%, 7%)",
1676
+ "2": "hsl(175, 24%, 9%)",
1677
+ "3": "hsl(174, 55%, 11%)",
1678
+ "4": "hsl(176, 93%, 12%)",
1679
+ "5": "hsl(175, 80%, 16%)",
1680
+ "6": "hsl(174, 63%, 21%)",
1681
+ "7": "hsl(174, 58%, 26%)",
1682
+ "8": "hsl(173, 59%, 31%)",
1683
+ "9": "hsl(173, 80%, 36%)",
1684
+ "10": "hsl(172, 85%, 38%)",
1685
+ "11": "hsl(170, 90%, 45%)",
1686
+ "12": "hsl(163, 69%, 81%)",
1687
+ DEFAULT: "hsl(173, 80%, 36%)",
1688
+ contrast: "hsl(0, 0%, 100%)"
1689
+ }
1690
+ },
1691
+ tealAlpha: {
1692
+ light: {
1693
+ "1": "hsla(165, 100%, 40%, 0.02)",
1694
+ "2": "hsla(165, 100%, 33%, 0.05)",
1695
+ "3": "hsla(168, 100%, 39%, 0.12)",
1696
+ "4": "hsla(166, 100%, 38%, 0.2)",
1697
+ "5": "hsla(168, 100%, 35%, 0.28)",
1698
+ "6": "hsla(168, 100%, 33%, 0.37)",
1699
+ "7": "hsla(170, 100%, 30%, 0.49)",
1700
+ "8": "hsla(172, 100%, 30%, 0.67)",
1701
+ "9": "hsla(173, 100%, 31%, 0.93)",
1702
+ "10": "hsla(173, 100%, 29%, 0.95)",
1703
+ "11": "hsl(172, 100%, 26%)",
1704
+ "12": "hsla(173, 100%, 10%, 0.95)",
1705
+ DEFAULT: "hsla(173, 100%, 31%, 0.93)",
1706
+ contrast: "hsl(0, 0%, 100%)"
1707
+ },
1708
+ dark: {
1709
+ "1": "hsla(166, 100%, 44%, 0.02)",
1710
+ "2": "hsla(175, 97%, 53%, 0.05)",
1711
+ "3": "hsla(174, 100%, 50%, 0.12)",
1712
+ "4": "hsla(175, 100%, 50%, 0.18)",
1713
+ "5": "hsla(175, 100%, 50%, 0.23)",
1714
+ "6": "hsla(174, 100%, 55%, 0.29)",
1715
+ "7": "hsla(174, 98%, 59%, 0.37)",
1716
+ "8": "hsla(173, 100%, 60%, 0.46)",
1717
+ "9": "hsla(173, 100%, 54%, 0.62)",
1718
+ "10": "hsla(172, 100%, 53%, 0.68)",
1719
+ "11": "hsla(170, 99%, 52%, 0.84)",
1720
+ "12": "hsla(163, 100%, 86%, 0.94)",
1721
+ DEFAULT: "hsla(173, 100%, 54%, 0.62)",
1722
+ contrast: "hsl(0, 0%, 0%)"
1723
+ }
1724
+ },
1725
+ tomato: {
1726
+ light: {
1727
+ "1": "hsl(0, 100%, 99%)",
1728
+ "2": "hsl(7, 100%, 98%)",
1729
+ "3": "hsl(10, 92%, 95%)",
1730
+ "4": "hsl(12, 100%, 91%)",
1731
+ "5": "hsl(11, 100%, 88%)",
1732
+ "6": "hsl(11, 95%, 84%)",
1733
+ "7": "hsl(10, 82%, 78%)",
1734
+ "8": "hsl(10, 75%, 70%)",
1735
+ "9": "hsl(10, 78%, 54%)",
1736
+ "10": "hsl(10, 73%, 51%)",
1737
+ "11": "hsl(10, 82%, 45%)",
1738
+ "12": "hsl(8, 50%, 24%)",
1739
+ DEFAULT: "hsl(10, 78%, 54%)",
1740
+ contrast: "hsl(0, 0%, 100%)"
1741
+ },
1742
+ dark: {
1743
+ "1": "hsl(0, 17%, 8%)",
1744
+ "2": "hsl(10, 24%, 10%)",
1745
+ "3": "hsl(5, 48%, 15%)",
1746
+ "4": "hsl(4, 64%, 19%)",
1747
+ "5": "hsl(5, 62%, 23%)",
1748
+ "6": "hsl(7, 55%, 28%)",
1749
+ "7": "hsl(9, 49%, 35%)",
1750
+ "8": "hsl(10, 50%, 45%)",
1751
+ "9": "hsl(10, 78%, 54%)",
1752
+ "10": "hsl(11, 82%, 59%)",
1753
+ "11": "hsl(12, 100%, 75%)",
1754
+ "12": "hsl(10, 86%, 89%)",
1755
+ DEFAULT: "hsl(10, 78%, 54%)",
1756
+ contrast: "hsl(0, 0%, 100%)"
1757
+ }
1758
+ },
1759
+ tomatoAlpha: {
1760
+ light: {
1761
+ "1": "hsla(0, 100%, 50%, 0.01)",
1762
+ "2": "hsla(8, 100%, 50%, 0.03)",
1763
+ "3": "hsla(11, 100%, 48%, 0.09)",
1764
+ "4": "hsla(12, 100%, 50%, 0.17)",
1765
+ "5": "hsla(11, 100%, 50%, 0.24)",
1766
+ "6": "hsla(11, 100%, 49%, 0.31)",
1767
+ "7": "hsla(10, 100%, 45%, 0.4)",
1768
+ "8": "hsla(10, 100%, 43%, 0.52)",
1769
+ "9": "hsla(10, 100%, 44%, 0.82)",
1770
+ "10": "hsla(10, 100%, 42%, 0.85)",
1771
+ "11": "hsla(10, 100%, 40%, 0.92)",
1772
+ "12": "hsla(8, 100%, 14%, 0.88)",
1773
+ DEFAULT: "hsla(10, 100%, 44%, 0.82)",
1774
+ contrast: "hsl(0, 0%, 100%)"
1775
+ },
1776
+ dark: {
1777
+ "1": "hsla(0, 89%, 51%, 0.03)",
1778
+ "2": "hsla(10, 100%, 60%, 0.06)",
1779
+ "3": "hsla(5, 100%, 57%, 0.17)",
1780
+ "4": "hsla(4, 98%, 53%, 0.26)",
1781
+ "5": "hsla(5, 99%, 56%, 0.33)",
1782
+ "6": "hsla(7, 100%, 61%, 0.39)",
1783
+ "7": "hsla(9, 98%, 64%, 0.49)",
1784
+ "8": "hsla(11, 99%, 65%, 0.65)",
1785
+ "9": "hsla(10, 99%, 59%, 0.89)",
1786
+ "10": "hsla(11, 100%, 64%, 0.92)",
1787
+ "11": "hsl(12, 100%, 75%)",
1788
+ "12": "hsla(10, 100%, 90%, 0.98)",
1789
+ DEFAULT: "hsla(10, 99%, 59%, 0.89)",
1790
+ contrast: "hsl(0, 0%, 100%)"
1791
+ }
1792
+ },
1793
+ violet: {
1794
+ light: {
1795
+ "1": "hsl(270, 50%, 99%)",
1796
+ "2": "hsl(257, 100%, 99%)",
1797
+ "3": "hsl(257, 88%, 97%)",
1798
+ "4": "hsl(256, 100%, 95%)",
1799
+ "5": "hsl(253, 100%, 93%)",
1800
+ "6": "hsl(252, 96%, 89%)",
1801
+ "7": "hsl(252, 76%, 84%)",
1802
+ "8": "hsl(252, 69%, 76%)",
1803
+ "9": "hsl(252, 56%, 57%)",
1804
+ "10": "hsl(252, 50%, 54%)",
1805
+ "11": "hsl(252, 43%, 52%)",
1806
+ "12": "hsl(249, 43%, 26%)",
1807
+ DEFAULT: "hsl(252, 56%, 57%)",
1808
+ contrast: "hsl(0, 0%, 100%)"
1809
+ },
1810
+ dark: {
1811
+ "1": "hsl(249, 27%, 10%)",
1812
+ "2": "hsl(263, 28%, 11%)",
1813
+ "3": "hsl(257, 37%, 19%)",
1814
+ "4": "hsl(256, 42%, 25%)",
1815
+ "5": "hsl(254, 39%, 30%)",
1816
+ "6": "hsl(255, 36%, 34%)",
1817
+ "7": "hsl(254, 33%, 41%)",
1818
+ "8": "hsl(252, 34%, 51%)",
1819
+ "9": "hsl(252, 56%, 57%)",
1820
+ "10": "hsl(252, 60%, 63%)",
1821
+ "11": "hsl(253, 100%, 83%)",
1822
+ "12": "hsl(249, 94%, 93%)",
1823
+ DEFAULT: "hsl(252, 56%, 57%)",
1824
+ contrast: "hsl(0, 0%, 100%)"
1825
+ }
1826
+ },
1827
+ violetAlpha: {
1828
+ light: {
1829
+ "1": "hsla(270, 100%, 33%, 0.01)",
1830
+ "2": "hsla(257, 100%, 50%, 0.03)",
1831
+ "3": "hsla(257, 100%, 47%, 0.06)",
1832
+ "4": "hsla(256, 100%, 50%, 0.11)",
1833
+ "5": "hsla(253, 100%, 50%, 0.15)",
1834
+ "6": "hsla(252, 100%, 49%, 0.21)",
1835
+ "7": "hsla(252, 99%, 44%, 0.29)",
1836
+ "8": "hsla(252, 100%, 41%, 0.4)",
1837
+ "9": "hsla(252, 100%, 36%, 0.66)",
1838
+ "10": "hsla(252, 100%, 34%, 0.7)",
1839
+ "11": "hsla(252, 100%, 30%, 0.69)",
1840
+ "12": "hsla(250, 100%, 13%, 0.85)",
1841
+ DEFAULT: "hsla(252, 100%, 36%, 0.66)",
1842
+ contrast: "hsl(0, 0%, 100%)"
1843
+ },
1844
+ dark: {
1845
+ "1": "hsla(249, 100%, 57%, 0.06)",
1846
+ "2": "hsla(263, 94%, 61%, 0.09)",
1847
+ "3": "hsla(257, 99%, 66%, 0.21)",
1848
+ "4": "hsla(255, 98%, 65%, 0.31)",
1849
+ "5": "hsla(254, 98%, 68%, 0.37)",
1850
+ "6": "hsla(254, 97%, 71%, 0.43)",
1851
+ "7": "hsla(254, 100%, 74%, 0.51)",
1852
+ "8": "hsla(252, 98%, 74%, 0.66)",
1853
+ "9": "hsla(252, 100%, 70%, 0.8)",
1854
+ "10": "hsla(252, 99%, 73%, 0.84)",
1855
+ "11": "hsl(253, 100%, 83%)",
1856
+ "12": "hsla(249, 100%, 94%, 1)",
1857
+ DEFAULT: "hsla(252, 100%, 70%, 0.8)",
1858
+ contrast: "hsl(0, 0%, 100%)"
1859
+ }
1860
+ },
1861
+ yellow: {
1862
+ light: {
1863
+ "1": "hsl(60, 50%, 98%)",
1864
+ "2": "hsl(54, 91%, 95%)",
1865
+ "3": "hsl(56, 100%, 86%)",
1866
+ "4": "hsl(53, 100%, 79%)",
1867
+ "5": "hsl(50, 100%, 72%)",
1868
+ "6": "hsl(48, 85%, 68%)",
1869
+ "7": "hsl(46, 70%, 65%)",
1870
+ "8": "hsl(45, 65%, 53%)",
1871
+ "9": "hsl(53, 100%, 58%)",
1872
+ "10": "hsl(52, 100%, 50%)",
1873
+ "11": "hsl(41, 100%, 31%)",
1874
+ "12": "hsl(42, 39%, 20%)",
1875
+ DEFAULT: "hsl(53, 100%, 58%)",
1876
+ contrast: "hsl(0, 0%, 0%)"
1877
+ },
1878
+ dark: {
1879
+ "1": "hsl(47, 29%, 6%)",
1880
+ "2": "hsl(45, 29%, 8%)",
1881
+ "3": "hsl(45, 80%, 10%)",
1882
+ "4": "hsl(48, 100%, 11%)",
1883
+ "5": "hsl(47, 100%, 13%)",
1884
+ "6": "hsl(48, 95%, 16%)",
1885
+ "7": "hsl(46, 63%, 25%)",
1886
+ "8": "hsl(45, 60%, 32%)",
1887
+ "9": "hsl(53, 100%, 58%)",
1888
+ "10": "hsl(60, 100%, 67%)",
1889
+ "11": "hsl(53, 90%, 62%)",
1890
+ "12": "hsl(53, 79%, 84%)",
1891
+ DEFAULT: "hsl(53, 100%, 58%)",
1892
+ contrast: "hsl(0, 0%, 0%)"
1893
+ }
1894
+ },
1895
+ yellowAlpha: {
1896
+ light: {
1897
+ "1": "hsla(60, 100%, 33%, 0.02)",
1898
+ "2": "hsla(54, 100%, 48%, 0.09)",
1899
+ "3": "hsla(56, 100%, 50%, 0.28)",
1900
+ "4": "hsla(53, 100%, 50%, 0.42)",
1901
+ "5": "hsla(50, 100%, 50%, 0.56)",
1902
+ "6": "hsla(48, 100%, 46%, 0.59)",
1903
+ "7": "hsla(46, 100%, 41%, 0.6)",
1904
+ "8": "hsla(45, 100%, 39%, 0.78)",
1905
+ "9": "hsla(53, 100%, 50%, 0.84)",
1906
+ "10": "hsl(52, 100%, 50%)",
1907
+ "11": "hsl(41, 100%, 31%)",
1908
+ "12": "hsla(42, 100%, 9%, 0.88)",
1909
+ DEFAULT: "hsla(53, 100%, 50%, 0.84)",
1910
+ contrast: "hsl(0, 0%, 0%)"
1911
+ },
1912
+ dark: {
1913
+ "1": "hsla(23, 100%, 41%, 0.02)",
1914
+ "2": "hsla(43, 100%, 49%, 0.04)",
1915
+ "3": "hsla(40, 100%, 50%, 0.12)",
1916
+ "4": "hsla(43, 100%, 50%, 0.16)",
1917
+ "5": "hsla(44, 100%, 50%, 0.21)",
1918
+ "6": "hsla(46, 100%, 50%, 0.27)",
1919
+ "7": "hsla(46, 98%, 56%, 0.36)",
1920
+ "8": "hsla(45, 98%, 59%, 0.48)",
1921
+ "9": "hsl(53, 100%, 58%)",
1922
+ "10": "hsl(60, 100%, 67%)",
1923
+ "11": "hsla(53, 99%, 64%, 0.96)",
1924
+ "12": "hsla(53, 97%, 86%, 0.96)",
1925
+ DEFAULT: "hsl(53, 100%, 58%)",
1926
+ contrast: "hsl(0, 0%, 0%)"
1927
+ }
1928
+ }
1929
+ },
1930
+ "brand-palettes": {
1931
+ ctyellow: {
1932
+ light: {
1933
+ "1": "hsl(40, 60%, 99%)",
1934
+ "2": "hsl(46, 100%, 96%)",
1935
+ "3": "hsl(46, 100%, 91%)",
1936
+ "4": "hsl(46, 100%, 84%)",
1937
+ "5": "hsl(45, 100%, 75%)",
1938
+ "6": "hsl(43, 92%, 72%)",
1939
+ "7": "hsl(43, 72%, 65%)",
1940
+ "8": "hsl(44, 64%, 53%)",
1941
+ "9": "hsl(47, 100%, 54%)",
1942
+ "10": "hsl(45, 92%, 56%)",
1943
+ "11": "hsl(46, 100%, 29%)",
1944
+ "12": "hsl(43, 39%, 19%)",
1945
+ DEFAULT: "hsl(47, 100%, 54%)",
1946
+ contrast: "hsl(0, 0%, 0%)"
1947
+ },
1948
+ dark: {
1949
+ "1": "hsl(0, 0%, 0%)",
1950
+ "2": "hsl(40, 40%, 6%)",
1951
+ "3": "hsl(45, 82%, 9%)",
1952
+ "4": "hsl(43, 100%, 11%)",
1953
+ "5": "hsl(44, 100%, 14%)",
1954
+ "6": "hsl(46, 98%, 17%)",
1955
+ "7": "hsl(45, 65%, 25%)",
1956
+ "8": "hsl(45, 61%, 32%)",
1957
+ "9": "hsl(47, 100%, 54%)",
1958
+ "10": "hsl(48, 100%, 48%)",
1959
+ "11": "hsl(47, 100%, 56%)",
1960
+ "12": "hsl(44, 92%, 85%)",
1961
+ DEFAULT: "hsl(47, 100%, 54%)",
1962
+ contrast: "hsl(0, 0%, 0%)"
1963
+ }
1964
+ },
1965
+ ctyellowAlpha: {
1966
+ light: {
1967
+ "1": "hsla(45, 100%, 40%, 0.02)",
1968
+ "2": "hsla(47, 100%, 50%, 0.09)",
1969
+ "3": "hsla(50, 100%, 50%, 0.26)",
1970
+ "4": "hsla(49, 100%, 50%, 0.41)",
1971
+ "5": "hsla(48, 100%, 50%, 0.56)",
1972
+ "6": "hsla(44, 100%, 48%, 0.57)",
1973
+ "7": "hsla(45, 100%, 42%, 0.61)",
1974
+ "8": "hsla(45, 100%, 40%, 0.8)",
1975
+ "9": "hsl(49, 100%, 50%)",
1976
+ "10": "hsl(48, 100%, 49%)",
1977
+ "11": "hsl(45, 100%, 30%)",
1978
+ "12": "hsla(44, 100%, 9%, 0.88)",
1979
+ DEFAULT: "hsl(49, 100%, 50%)",
1980
+ contrast: "hsl(0, 0%, 0%)"
1981
+ },
1982
+ dark: {
1983
+ "1": "hsla(0, 0%, 0%, 0)",
1984
+ "2": "hsla(40, 100%, 72%, 0.08)",
1985
+ "3": "hsla(45, 100%, 55%, 0.16)",
1986
+ "4": "hsla(43, 100%, 50%, 0.22)",
1987
+ "5": "hsla(44, 100%, 50%, 0.27)",
1988
+ "6": "hsla(46, 100%, 51%, 0.33)",
1989
+ "7": "hsla(45, 100%, 61%, 0.4)",
1990
+ "8": "hsla(45, 100%, 62%, 0.51)",
1991
+ "9": "hsl(47, 100%, 54%)",
1992
+ "10": "hsla(48, 100%, 50%, 0.96)",
1993
+ "11": "hsl(47, 100%, 56%)",
1994
+ "12": "hsla(44, 100%, 85%, 0.99)",
1995
+ DEFAULT: "hsl(47, 100%, 54%)",
1996
+ contrast: "hsl(0, 0%, 0%)"
1997
+ }
1998
+ },
1999
+ ctviolet: {
2000
+ light: {
2001
+ "1": "hsl(240, 100%, 100%)",
2002
+ "2": "hsl(233, 100%, 98%)",
2003
+ "3": "hsl(229, 100%, 97%)",
2004
+ "4": "hsl(228, 100%, 94%)",
2005
+ "5": "hsl(229, 100%, 92%)",
2006
+ "6": "hsl(229, 100%, 88%)",
2007
+ "7": "hsl(231, 100%, 84%)",
2008
+ "8": "hsl(232, 88%, 77%)",
2009
+ "9": "hsl(240, 64%, 58%)",
2010
+ "10": "hsl(240, 49%, 50%)",
2011
+ "11": "hsl(239, 47%, 47%)",
2012
+ "12": "hsl(237, 47%, 27%)",
2013
+ DEFAULT: "hsl(240, 64%, 58%)",
2014
+ contrast: "hsl(0, 0%, 100%)"
2015
+ },
2016
+ dark: {
2017
+ "1": "hsl(0, 0%, 0%)",
2018
+ "2": "hsl(233, 41%, 9%)",
2019
+ "3": "hsl(236, 45%, 19%)",
2020
+ "4": "hsl(238, 49%, 27%)",
2021
+ "5": "hsl(237, 46%, 33%)",
2022
+ "6": "hsl(236, 42%, 37%)",
2023
+ "7": "hsl(236, 40%, 44%)",
2024
+ "8": "hsl(235, 43%, 52%)",
2025
+ "9": "hsl(240, 64%, 58%)",
2026
+ "10": "hsl(242, 55%, 51%)",
2027
+ "11": "hsl(231, 100%, 81%)",
2028
+ "12": "hsl(229, 100%, 93%)",
2029
+ DEFAULT: "hsl(240, 64%, 58%)",
2030
+ contrast: "hsl(0, 0%, 100%)"
2031
+ }
2032
+ },
2033
+ ctvioletAlpha: {
2034
+ light: {
2035
+ "1": "hsl(240, 100%, 100%)",
2036
+ "2": "hsla(232, 100%, 50%, 0.03)",
2037
+ "3": "hsla(229, 100%, 50%, 0.07)",
2038
+ "4": "hsla(228, 100%, 50%, 0.11)",
2039
+ "5": "hsla(228, 100%, 50%, 0.16)",
2040
+ "6": "hsla(229, 100%, 50%, 0.23)",
2041
+ "7": "hsla(231, 100%, 50%, 0.31)",
2042
+ "8": "hsla(232, 100%, 47%, 0.43)",
2043
+ "9": "hsla(240, 100%, 39%, 0.69)",
2044
+ "10": "hsla(241, 100%, 33%, 0.74)",
2045
+ "11": "hsla(238, 100%, 37%, 0.69)",
2046
+ "12": "hsla(237, 100%, 15%, 0.85)",
2047
+ DEFAULT: "hsla(240, 100%, 39%, 0.69)",
2048
+ contrast: "hsl(0, 0%, 100%)"
2049
+ },
2050
+ dark: {
2051
+ "1": "hsla(0, 0%, 0%, 0)",
2052
+ "2": "hsla(233, 100%, 71%, 0.12)",
2053
+ "3": "hsla(236, 100%, 69%, 0.28)",
2054
+ "4": "hsla(238, 100%, 67%, 0.41)",
2055
+ "5": "hsla(237, 100%, 69%, 0.47)",
2056
+ "6": "hsla(236, 100%, 70%, 0.53)",
2057
+ "7": "hsla(236, 100%, 71%, 0.62)",
2058
+ "8": "hsla(235, 100%, 72%, 0.73)",
2059
+ "9": "hsla(240, 100%, 68%, 0.85)",
2060
+ "10": "hsla(242, 100%, 65%, 0.78)",
2061
+ "11": "hsl(231, 100%, 81%)",
2062
+ "12": "hsl(229, 100%, 93%)",
2063
+ DEFAULT: "hsla(240, 100%, 68%, 0.85)",
2064
+ contrast: "hsl(0, 0%, 100%)"
2065
+ }
2066
+ },
2067
+ ctteal: {
2068
+ light: {
2069
+ "1": "hsl(180, 71%, 99%)",
2070
+ "2": "hsl(180, 56%, 96%)",
2071
+ "3": "hsl(178, 72%, 92%)",
2072
+ "4": "hsl(179, 69%, 86%)",
2073
+ "5": "hsl(179, 63%, 80%)",
2074
+ "6": "hsl(179, 57%, 73%)",
2075
+ "7": "hsl(180, 52%, 62%)",
2076
+ "8": "hsl(180, 98%, 37%)",
2077
+ "9": "hsl(180, 89%, 40%)",
2078
+ "10": "hsl(180, 100%, 35%)",
2079
+ "11": "hsl(180, 100%, 25%)",
2080
+ "12": "hsl(180, 100%, 12%)",
2081
+ DEFAULT: "hsl(180, 89%, 40%)",
2082
+ contrast: "hsl(0, 0%, 0%)"
2083
+ },
2084
+ dark: {
2085
+ "1": "hsl(0, 0%, 0%)",
2086
+ "2": "hsl(180, 45%, 6%)",
2087
+ "3": "hsl(180, 82%, 9%)",
2088
+ "4": "hsl(180, 100%, 11%)",
2089
+ "5": "hsl(180, 100%, 14%)",
2090
+ "6": "hsl(180, 100%, 17%)",
2091
+ "7": "hsl(180, 84%, 22%)",
2092
+ "8": "hsl(180, 95%, 26%)",
2093
+ "9": "hsl(180, 89%, 40%)",
2094
+ "10": "hsl(180, 100%, 35%)",
2095
+ "11": "hsl(180, 63%, 52%)",
2096
+ "12": "hsl(179, 68%, 80%)",
2097
+ DEFAULT: "hsl(180, 89%, 40%)",
2098
+ contrast: "hsl(0, 0%, 0%)"
2099
+ }
2100
+ },
2101
+ cttealAlpha: {
2102
+ light: {
2103
+ "1": "hsla(180, 100%, 42%, 0.02)",
2104
+ "2": "hsla(180, 100%, 36%, 0.05)",
2105
+ "3": "hsla(178, 100%, 42%, 0.15)",
2106
+ "4": "hsla(179, 100%, 41%, 0.24)",
2107
+ "5": "hsla(179, 100%, 39%, 0.33)",
2108
+ "6": "hsla(179, 100%, 36%, 0.43)",
2109
+ "7": "hsla(180, 100%, 35%, 0.58)",
2110
+ "8": "hsla(180, 100%, 37%, 0.99)",
2111
+ "9": "hsla(180, 100%, 37%, 0.96)",
2112
+ "10": "hsl(180, 100%, 35%)",
2113
+ "11": "hsl(180, 100%, 25%)",
2114
+ "12": "hsl(180, 100%, 12%)",
2115
+ DEFAULT: "hsla(180, 100%, 37%, 0.96)",
2116
+ contrast: "hsl(0, 0%, 0%)"
2117
+ },
2118
+ dark: {
2119
+ "1": "hsla(0, 0%, 0%, 0)",
2120
+ "2": "hsla(180, 100%, 69%, 0.08)",
2121
+ "3": "hsla(180, 100%, 55%, 0.16)",
2122
+ "4": "hsla(180, 100%, 50%, 0.22)",
2123
+ "5": "hsla(180, 100%, 50%, 0.28)",
2124
+ "6": "hsla(180, 100%, 50%, 0.34)",
2125
+ "7": "hsla(180, 100%, 54%, 0.41)",
2126
+ "8": "hsla(180, 100%, 51%, 0.51)",
2127
+ "9": "hsla(180, 100%, 53%, 0.75)",
2128
+ "10": "hsla(180, 100%, 50%, 0.71)",
2129
+ "11": "hsla(180, 100%, 63%, 0.82)",
2130
+ "12": "hsla(179, 100%, 85%, 0.94)",
2131
+ DEFAULT: "hsla(180, 100%, 53%, 0.75)",
2132
+ contrast: "hsl(0, 0%, 0%)"
2133
+ }
2134
+ }
2135
+ },
2136
+ "semantic-palettes": {
2137
+ neutral: {
2138
+ light: {
2139
+ "1": "hsl(0, 0%, 99%)",
2140
+ "2": "hsl(0, 0%, 98%)",
2141
+ "3": "hsl(0, 0%, 94%)",
2142
+ "4": "hsl(0, 0%, 91%)",
2143
+ "5": "hsl(0, 0%, 88%)",
2144
+ "6": "hsl(0, 0%, 85%)",
2145
+ "7": "hsl(0, 0%, 81%)",
2146
+ "8": "hsl(0, 0%, 73%)",
2147
+ "9": "hsl(0, 0%, 55%)",
2148
+ "10": "hsl(0, 0%, 51%)",
2149
+ "11": "hsl(0, 0%, 39%)",
2150
+ "12": "hsl(0, 0%, 13%)",
2151
+ DEFAULT: "hsl(0, 0%, 55%)",
2152
+ contrast: "hsl(0, 0%, 100%)"
2153
+ },
2154
+ dark: {
2155
+ "1": "hsl(0, 0%, 7%)",
2156
+ "2": "hsl(0, 0%, 10%)",
2157
+ "3": "hsl(0, 0%, 13%)",
2158
+ "4": "hsl(0, 0%, 16%)",
2159
+ "5": "hsl(0, 0%, 19%)",
2160
+ "6": "hsl(0, 0%, 23%)",
2161
+ "7": "hsl(0, 0%, 28%)",
2162
+ "8": "hsl(0, 0%, 38%)",
2163
+ "9": "hsl(0, 0%, 43%)",
2164
+ "10": "hsl(0, 0%, 48%)",
2165
+ "11": "hsl(0, 0%, 71%)",
2166
+ "12": "hsl(0, 0%, 93%)",
2167
+ DEFAULT: "hsl(0, 0%, 43%)",
2168
+ contrast: "hsl(0, 0%, 100%)"
2169
+ }
2170
+ },
2171
+ neutralAlpha: {
2172
+ light: {
2173
+ "1": "hsl(0, 0%, 99%)",
2174
+ "2": "hsl(0, 0%, 98%)",
2175
+ "3": "hsl(0, 0%, 94%)",
2176
+ "4": "hsl(0, 0%, 91%)",
2177
+ "5": "hsl(0, 0%, 88%)",
2178
+ "6": "hsl(0, 0%, 85%)",
2179
+ "7": "hsl(0, 0%, 81%)",
2180
+ "8": "hsl(0, 0%, 73%)",
2181
+ "9": "hsl(0, 0%, 55%)",
2182
+ "10": "hsl(0, 0%, 51%)",
2183
+ "11": "hsl(0, 0%, 39%)",
2184
+ "12": "hsl(0, 0%, 13%)",
2185
+ DEFAULT: "hsl(0, 0%, 55%)",
2186
+ contrast: "hsl(0, 0%, 100%)"
2187
+ },
2188
+ dark: {
2189
+ "1": "hsl(0, 0%, 7%)",
2190
+ "2": "hsl(0, 0%, 10%)",
2191
+ "3": "hsl(0, 0%, 13%)",
2192
+ "4": "hsl(0, 0%, 16%)",
2193
+ "5": "hsl(0, 0%, 19%)",
2194
+ "6": "hsl(0, 0%, 23%)",
2195
+ "7": "hsl(0, 0%, 28%)",
2196
+ "8": "hsl(0, 0%, 38%)",
2197
+ "9": "hsl(0, 0%, 43%)",
2198
+ "10": "hsl(0, 0%, 48%)",
2199
+ "11": "hsl(0, 0%, 71%)",
2200
+ "12": "hsl(0, 0%, 93%)",
2201
+ DEFAULT: "hsl(0, 0%, 43%)",
2202
+ contrast: "hsl(0, 0%, 100%)"
2203
+ }
2204
+ },
2205
+ primary: {
2206
+ light: {
2207
+ "1": "hsl(240, 100%, 100%)",
2208
+ "2": "hsl(233, 100%, 98%)",
2209
+ "3": "hsl(229, 100%, 97%)",
2210
+ "4": "hsl(228, 100%, 94%)",
2211
+ "5": "hsl(229, 100%, 92%)",
2212
+ "6": "hsl(229, 100%, 88%)",
2213
+ "7": "hsl(231, 100%, 84%)",
2214
+ "8": "hsl(232, 88%, 77%)",
2215
+ "9": "hsl(240, 64%, 58%)",
2216
+ "10": "hsl(240, 49%, 50%)",
2217
+ "11": "hsl(239, 47%, 47%)",
2218
+ "12": "hsl(237, 47%, 27%)",
2219
+ DEFAULT: "hsl(240, 64%, 58%)",
2220
+ contrast: "hsl(0, 0%, 100%)"
2221
+ },
2222
+ dark: {
2223
+ "1": "hsl(0, 0%, 0%)",
2224
+ "2": "hsl(233, 41%, 9%)",
2225
+ "3": "hsl(236, 45%, 19%)",
2226
+ "4": "hsl(238, 49%, 27%)",
2227
+ "5": "hsl(237, 46%, 33%)",
2228
+ "6": "hsl(236, 42%, 37%)",
2229
+ "7": "hsl(236, 40%, 44%)",
2230
+ "8": "hsl(235, 43%, 52%)",
2231
+ "9": "hsl(240, 64%, 58%)",
2232
+ "10": "hsl(242, 55%, 51%)",
2233
+ "11": "hsl(231, 100%, 81%)",
2234
+ "12": "hsl(229, 100%, 93%)",
2235
+ DEFAULT: "hsl(240, 64%, 58%)",
2236
+ contrast: "hsl(0, 0%, 100%)"
2237
+ }
2238
+ },
2239
+ primaryAlpha: {
2240
+ light: {
2241
+ "1": "hsl(240, 100%, 100%)",
2242
+ "2": "hsl(233, 100%, 98%)",
2243
+ "3": "hsl(229, 100%, 97%)",
2244
+ "4": "hsl(228, 100%, 94%)",
2245
+ "5": "hsl(229, 100%, 92%)",
2246
+ "6": "hsl(229, 100%, 88%)",
2247
+ "7": "hsl(231, 100%, 84%)",
2248
+ "8": "hsl(232, 88%, 77%)",
2249
+ "9": "hsl(240, 64%, 58%)",
2250
+ "10": "hsl(240, 49%, 50%)",
2251
+ "11": "hsl(239, 47%, 47%)",
2252
+ "12": "hsl(237, 47%, 27%)",
2253
+ DEFAULT: "hsl(240, 64%, 58%)",
2254
+ contrast: "hsl(0, 0%, 100%)"
2255
+ },
2256
+ dark: {
2257
+ "1": "hsl(0, 0%, 0%)",
2258
+ "2": "hsl(233, 41%, 9%)",
2259
+ "3": "hsl(236, 45%, 19%)",
2260
+ "4": "hsl(238, 49%, 27%)",
2261
+ "5": "hsl(237, 46%, 33%)",
2262
+ "6": "hsl(236, 42%, 37%)",
2263
+ "7": "hsl(236, 40%, 44%)",
2264
+ "8": "hsl(235, 43%, 52%)",
2265
+ "9": "hsl(240, 64%, 58%)",
2266
+ "10": "hsl(242, 55%, 51%)",
2267
+ "11": "hsl(231, 100%, 81%)",
2268
+ "12": "hsl(229, 100%, 93%)",
2269
+ DEFAULT: "hsl(240, 64%, 58%)",
2270
+ contrast: "hsl(0, 0%, 100%)"
2271
+ }
2272
+ },
2273
+ info: {
2274
+ light: {
2275
+ "1": "hsl(210, 100%, 99%)",
2276
+ "2": "hsl(207, 100%, 98%)",
2277
+ "3": "hsl(205, 92%, 95%)",
2278
+ "4": "hsl(203, 100%, 92%)",
2279
+ "5": "hsl(206, 100%, 88%)",
2280
+ "6": "hsl(207, 93%, 83%)",
2281
+ "7": "hsl(207, 85%, 76%)",
2282
+ "8": "hsl(206, 82%, 65%)",
2283
+ "9": "hsl(206, 100%, 50%)",
2284
+ "10": "hsl(207, 96%, 48%)",
2285
+ "11": "hsl(208, 88%, 43%)",
2286
+ "12": "hsl(216, 71%, 23%)",
2287
+ DEFAULT: "hsl(206, 100%, 50%)",
2288
+ contrast: "hsl(0, 0%, 100%)"
2289
+ },
2290
+ dark: {
2291
+ "1": "hsl(215, 42%, 9%)",
2292
+ "2": "hsl(218, 39%, 11%)",
2293
+ "3": "hsl(212, 69%, 16%)",
2294
+ "4": "hsl(209, 100%, 19%)",
2295
+ "5": "hsl(207, 100%, 23%)",
2296
+ "6": "hsl(209, 79%, 30%)",
2297
+ "7": "hsl(211, 66%, 37%)",
2298
+ "8": "hsl(211, 65%, 45%)",
2299
+ "9": "hsl(206, 100%, 50%)",
2300
+ "10": "hsl(210, 100%, 62%)",
2301
+ "11": "hsl(210, 100%, 72%)",
2302
+ "12": "hsl(205, 100%, 88%)",
2303
+ DEFAULT: "hsl(206, 100%, 50%)",
2304
+ contrast: "hsl(0, 0%, 100%)"
2305
+ }
2306
+ },
2307
+ infoAlpha: {
2308
+ light: {
2309
+ "1": "hsl(210, 100%, 99%)",
2310
+ "2": "hsl(207, 100%, 98%)",
2311
+ "3": "hsl(205, 92%, 95%)",
2312
+ "4": "hsl(203, 100%, 92%)",
2313
+ "5": "hsl(206, 100%, 88%)",
2314
+ "6": "hsl(207, 93%, 83%)",
2315
+ "7": "hsl(207, 85%, 76%)",
2316
+ "8": "hsl(206, 82%, 65%)",
2317
+ "9": "hsl(206, 100%, 50%)",
2318
+ "10": "hsl(207, 96%, 48%)",
2319
+ "11": "hsl(208, 88%, 43%)",
2320
+ "12": "hsl(216, 71%, 23%)",
2321
+ DEFAULT: "hsl(206, 100%, 50%)",
2322
+ contrast: "hsl(0, 0%, 100%)"
2323
+ },
2324
+ dark: {
2325
+ "1": "hsl(215, 42%, 9%)",
2326
+ "2": "hsl(218, 39%, 11%)",
2327
+ "3": "hsl(212, 69%, 16%)",
2328
+ "4": "hsl(209, 100%, 19%)",
2329
+ "5": "hsl(207, 100%, 23%)",
2330
+ "6": "hsl(209, 79%, 30%)",
2331
+ "7": "hsl(211, 66%, 37%)",
2332
+ "8": "hsl(211, 65%, 45%)",
2333
+ "9": "hsl(206, 100%, 50%)",
2334
+ "10": "hsl(210, 100%, 62%)",
2335
+ "11": "hsl(210, 100%, 72%)",
2336
+ "12": "hsl(205, 100%, 88%)",
2337
+ DEFAULT: "hsl(206, 100%, 50%)",
2338
+ contrast: "hsl(0, 0%, 100%)"
2339
+ }
2340
+ },
2341
+ critical: {
2342
+ light: {
2343
+ "1": "hsl(0, 100%, 99%)",
2344
+ "2": "hsl(0, 100%, 98%)",
2345
+ "3": "hsl(357, 90%, 96%)",
2346
+ "4": "hsl(358, 100%, 93%)",
2347
+ "5": "hsl(359, 100%, 90%)",
2348
+ "6": "hsl(359, 94%, 87%)",
2349
+ "7": "hsl(359, 77%, 81%)",
2350
+ "8": "hsl(359, 70%, 74%)",
2351
+ "9": "hsl(358, 75%, 59%)",
2352
+ "10": "hsl(358, 69%, 55%)",
2353
+ "11": "hsl(358, 65%, 49%)",
2354
+ "12": "hsl(351, 63%, 24%)",
2355
+ DEFAULT: "hsl(358, 75%, 59%)",
2356
+ contrast: "hsl(0, 0%, 100%)"
2357
+ },
2358
+ dark: {
2359
+ "1": "hsl(0, 19%, 8%)",
2360
+ "2": "hsl(355, 25%, 10%)",
2361
+ "3": "hsl(350, 53%, 15%)",
2362
+ "4": "hsl(348, 68%, 19%)",
2363
+ "5": "hsl(350, 63%, 23%)",
2364
+ "6": "hsl(352, 53%, 29%)",
2365
+ "7": "hsl(355, 47%, 37%)",
2366
+ "8": "hsl(358, 45%, 49%)",
2367
+ "9": "hsl(358, 75%, 59%)",
2368
+ "10": "hsl(360, 79%, 65%)",
2369
+ "11": "hsl(2, 100%, 79%)",
2370
+ "12": "hsl(350, 100%, 91%)",
2371
+ DEFAULT: "hsl(358, 75%, 59%)",
2372
+ contrast: "hsl(0, 0%, 100%)"
2373
+ }
2374
+ },
2375
+ criticalAlpha: {
2376
+ light: {
2377
+ "1": "hsl(0, 100%, 99%)",
2378
+ "2": "hsl(0, 100%, 98%)",
2379
+ "3": "hsl(357, 90%, 96%)",
2380
+ "4": "hsl(358, 100%, 93%)",
2381
+ "5": "hsl(359, 100%, 90%)",
2382
+ "6": "hsl(359, 94%, 87%)",
2383
+ "7": "hsl(359, 77%, 81%)",
2384
+ "8": "hsl(359, 70%, 74%)",
2385
+ "9": "hsl(358, 75%, 59%)",
2386
+ "10": "hsl(358, 69%, 55%)",
2387
+ "11": "hsl(358, 65%, 49%)",
2388
+ "12": "hsl(351, 63%, 24%)",
2389
+ DEFAULT: "hsl(358, 75%, 59%)",
2390
+ contrast: "hsl(0, 0%, 100%)"
2391
+ },
2392
+ dark: {
2393
+ "1": "hsl(0, 19%, 8%)",
2394
+ "2": "hsl(355, 25%, 10%)",
2395
+ "3": "hsl(350, 53%, 15%)",
2396
+ "4": "hsl(348, 68%, 19%)",
2397
+ "5": "hsl(350, 63%, 23%)",
2398
+ "6": "hsl(352, 53%, 29%)",
2399
+ "7": "hsl(355, 47%, 37%)",
2400
+ "8": "hsl(358, 45%, 49%)",
2401
+ "9": "hsl(358, 75%, 59%)",
2402
+ "10": "hsl(360, 79%, 65%)",
2403
+ "11": "hsl(2, 100%, 79%)",
2404
+ "12": "hsl(350, 100%, 91%)",
2405
+ DEFAULT: "hsl(358, 75%, 59%)",
2406
+ contrast: "hsl(0, 0%, 100%)"
2407
+ }
2408
+ },
2409
+ warning: {
2410
+ light: {
2411
+ "1": "hsl(40, 60%, 99%)",
2412
+ "2": "hsl(51, 91%, 95%)",
2413
+ "3": "hsl(52, 100%, 88%)",
2414
+ "4": "hsl(50, 100%, 81%)",
2415
+ "5": "hsl(50, 94%, 73%)",
2416
+ "6": "hsl(46, 84%, 70%)",
2417
+ "7": "hsl(42, 75%, 65%)",
2418
+ "8": "hsl(38, 75%, 55%)",
2419
+ "9": "hsl(42, 100%, 62%)",
2420
+ "10": "hsl(42, 100%, 55%)",
2421
+ "11": "hsl(35, 100%, 34%)",
2422
+ "12": "hsl(24, 40%, 22%)",
2423
+ DEFAULT: "hsl(42, 100%, 62%)",
2424
+ contrast: "hsl(0, 0%, 0%)"
2425
+ },
2426
+ dark: {
2427
+ "1": "hsl(36, 29%, 7%)",
2428
+ "2": "hsl(39, 32%, 9%)",
2429
+ "3": "hsl(36, 71%, 11%)",
2430
+ "4": "hsl(37, 100%, 12%)",
2431
+ "5": "hsl(37, 100%, 15%)",
2432
+ "6": "hsl(39, 90%, 19%)",
2433
+ "7": "hsl(37, 64%, 27%)",
2434
+ "8": "hsl(36, 60%, 35%)",
2435
+ "9": "hsl(42, 100%, 62%)",
2436
+ "10": "hsl(50, 100%, 52%)",
2437
+ "11": "hsl(46, 100%, 54%)",
2438
+ "12": "hsl(41, 100%, 85%)",
2439
+ DEFAULT: "hsl(42, 100%, 62%)",
2440
+ contrast: "hsl(0, 0%, 0%)"
2441
+ }
2442
+ },
2443
+ warningAlpha: {
2444
+ light: {
2445
+ "1": "hsl(40, 60%, 99%)",
2446
+ "2": "hsl(51, 91%, 95%)",
2447
+ "3": "hsl(52, 100%, 88%)",
2448
+ "4": "hsl(50, 100%, 81%)",
2449
+ "5": "hsl(50, 94%, 73%)",
2450
+ "6": "hsl(46, 84%, 70%)",
2451
+ "7": "hsl(42, 75%, 65%)",
2452
+ "8": "hsl(38, 75%, 55%)",
2453
+ "9": "hsl(42, 100%, 62%)",
2454
+ "10": "hsl(42, 100%, 55%)",
2455
+ "11": "hsl(35, 100%, 34%)",
2456
+ "12": "hsl(24, 40%, 22%)",
2457
+ DEFAULT: "hsl(42, 100%, 62%)",
2458
+ contrast: "hsl(0, 0%, 0%)"
2459
+ },
2460
+ dark: {
2461
+ "1": "hsl(36, 29%, 7%)",
2462
+ "2": "hsl(39, 32%, 9%)",
2463
+ "3": "hsl(36, 71%, 11%)",
2464
+ "4": "hsl(37, 100%, 12%)",
2465
+ "5": "hsl(37, 100%, 15%)",
2466
+ "6": "hsl(39, 90%, 19%)",
2467
+ "7": "hsl(37, 64%, 27%)",
2468
+ "8": "hsl(36, 60%, 35%)",
2469
+ "9": "hsl(42, 100%, 62%)",
2470
+ "10": "hsl(50, 100%, 52%)",
2471
+ "11": "hsl(46, 100%, 54%)",
2472
+ "12": "hsl(41, 100%, 85%)",
2473
+ DEFAULT: "hsl(42, 100%, 62%)",
2474
+ contrast: "hsl(0, 0%, 0%)"
2475
+ }
2476
+ },
2477
+ positive: {
2478
+ light: {
2479
+ "1": "hsl(120, 60%, 99%)",
2480
+ "2": "hsl(120, 43%, 97%)",
2481
+ "3": "hsl(120, 42%, 94%)",
2482
+ "4": "hsl(123, 45%, 90%)",
2483
+ "5": "hsl(122, 40%, 85%)",
2484
+ "6": "hsl(124, 39%, 78%)",
2485
+ "7": "hsl(126, 37%, 69%)",
2486
+ "8": "hsl(131, 38%, 56%)",
2487
+ "9": "hsl(131, 41%, 46%)",
2488
+ "10": "hsl(131, 43%, 43%)",
2489
+ "11": "hsl(132, 50%, 33%)",
2490
+ "12": "hsl(131, 30%, 18%)",
2491
+ DEFAULT: "hsl(131, 41%, 46%)",
2492
+ contrast: "hsl(0, 0%, 100%)"
2493
+ },
2494
+ dark: {
2495
+ "1": "hsl(146, 20%, 7%)",
2496
+ "2": "hsl(130, 13%, 9%)",
2497
+ "3": "hsl(132, 22%, 14%)",
2498
+ "4": "hsl(134, 33%, 17%)",
2499
+ "5": "hsl(134, 32%, 21%)",
2500
+ "6": "hsl(133, 32%, 26%)",
2501
+ "7": "hsl(132, 31%, 31%)",
2502
+ "8": "hsl(131, 32%, 36%)",
2503
+ "9": "hsl(131, 41%, 46%)",
2504
+ "10": "hsl(131, 39%, 51%)",
2505
+ "11": "hsl(131, 50%, 63%)",
2506
+ "12": "hsl(120, 61%, 85%)",
2507
+ DEFAULT: "hsl(131, 41%, 46%)",
2508
+ contrast: "hsl(0, 0%, 100%)"
2509
+ }
2510
+ },
2511
+ positiveAlpha: {
2512
+ light: {
2513
+ "1": "hsl(120, 60%, 99%)",
2514
+ "2": "hsl(120, 43%, 97%)",
2515
+ "3": "hsl(120, 42%, 94%)",
2516
+ "4": "hsl(123, 45%, 90%)",
2517
+ "5": "hsl(122, 40%, 85%)",
2518
+ "6": "hsl(124, 39%, 78%)",
2519
+ "7": "hsl(126, 37%, 69%)",
2520
+ "8": "hsl(131, 38%, 56%)",
2521
+ "9": "hsl(131, 41%, 46%)",
2522
+ "10": "hsl(131, 43%, 43%)",
2523
+ "11": "hsl(132, 50%, 33%)",
2524
+ "12": "hsl(131, 30%, 18%)",
2525
+ DEFAULT: "hsl(131, 41%, 46%)",
2526
+ contrast: "hsl(0, 0%, 100%)"
2527
+ },
2528
+ dark: {
2529
+ "1": "hsl(146, 20%, 7%)",
2530
+ "2": "hsl(130, 13%, 9%)",
2531
+ "3": "hsl(132, 22%, 14%)",
2532
+ "4": "hsl(134, 33%, 17%)",
2533
+ "5": "hsl(134, 32%, 21%)",
2534
+ "6": "hsl(133, 32%, 26%)",
2535
+ "7": "hsl(132, 31%, 31%)",
2536
+ "8": "hsl(131, 32%, 36%)",
2537
+ "9": "hsl(131, 41%, 46%)",
2538
+ "10": "hsl(131, 39%, 51%)",
2539
+ "11": "hsl(131, 50%, 63%)",
2540
+ "12": "hsl(120, 61%, 85%)",
2541
+ DEFAULT: "hsl(131, 41%, 46%)",
2542
+ contrast: "hsl(0, 0%, 100%)"
2543
+ }
2544
+ }
2545
+ }
2546
+ },
2547
+ fontFamily: {
2548
+ heading: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
2549
+ body: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
2550
+ mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
2551
+ },
2552
+ fontSize: {
2553
+ "250": "10px",
2554
+ "300": "12px",
2555
+ "350": "14px",
2556
+ "400": "16px",
2557
+ "450": "18px",
2558
+ "500": "20px",
2559
+ "600": "24px",
2560
+ "750": "30px",
2561
+ "900": "36px",
2562
+ "1200": "48px",
2563
+ "1500": "60px",
2564
+ "1800": "72px",
2565
+ "2400": "96px",
2566
+ "3200": "128px"
2567
+ },
2568
+ fontWeight: {
2569
+ "100": 100,
2570
+ "200": 200,
2571
+ "300": 300,
2572
+ "400": 400,
2573
+ "500": 500,
2574
+ "600": 600,
2575
+ "700": 700,
2576
+ "800": 800,
2577
+ "900": 900
2578
+ },
2579
+ duration: {
2580
+ fastest: "50ms",
2581
+ faster: "100ms",
2582
+ fast: "150ms",
2583
+ moderate: "200ms",
2584
+ slow: "300ms",
2585
+ slower: "400ms",
2586
+ slowest: "500ms",
2587
+ "1s": "1s",
2588
+ "2s": "2s"
2589
+ },
2590
+ easing: {
2591
+ linear: "cubic-bezier(0, 0, 1, 1)",
2592
+ "ease-in": "cubic-bezier(0.42, 0, 1, 1)",
2593
+ "ease-out": "cubic-bezier(0, 0, 0.58, 1)",
2594
+ "ease-in-out": "cubic-bezier(0.42, 0, 0.58, 1)",
2595
+ "ease-in-smooth": "cubic-bezier(0.32, 0.72, 0, 1)"
2596
+ },
2597
+ lineHeight: {
2598
+ "250": "10px",
2599
+ "300": "12px",
2600
+ "350": "14px",
2601
+ "400": "16px",
2602
+ "450": "18px",
2603
+ "500": "20px",
2604
+ "550": "22px",
2605
+ "600": "24px",
2606
+ "650": "26px",
2607
+ "700": "28px",
2608
+ "750": "30px",
2609
+ "800": "32px",
2610
+ "900": "36px",
2611
+ "1100": "44px",
2612
+ "1200": "48px",
2613
+ "1400": "56px",
2614
+ "1500": "60px",
2615
+ "1800": "72px",
2616
+ "2000": "80px",
2617
+ "2100": "84px",
2618
+ "2300": "92px",
2619
+ "2400": "96px",
2620
+ "2800": "112px",
2621
+ "3200": "128px",
2622
+ "3500": "140px",
2623
+ "3800": "152px"
2624
+ },
2625
+ textStyle: {
2626
+ "2xs": {
2627
+ fontSize: "10px",
2628
+ lineHeight: "14px"
2629
+ },
2630
+ xs: {
2631
+ fontSize: "12px",
2632
+ lineHeight: "18px"
2633
+ },
2634
+ sm: {
2635
+ fontSize: "14px",
2636
+ lineHeight: "22px"
2637
+ },
2638
+ md: {
2639
+ fontSize: "16px",
2640
+ lineHeight: "22px"
2641
+ },
2642
+ lg: {
2643
+ fontSize: "18px",
2644
+ lineHeight: "24px"
2645
+ },
2646
+ xl: {
2647
+ fontSize: "20px",
2648
+ lineHeight: "28px"
2649
+ },
2650
+ "2xl": {
2651
+ fontSize: "24px",
2652
+ lineHeight: "28px"
2653
+ },
2654
+ "3xl": {
2655
+ fontSize: "30px",
2656
+ lineHeight: "36px"
2657
+ },
2658
+ "4xl": {
2659
+ fontSize: "36px",
2660
+ lineHeight: "44px"
2661
+ },
2662
+ "5xl": {
2663
+ fontSize: "48px",
2664
+ lineHeight: "60px"
2665
+ },
2666
+ "6xl": {
2667
+ fontSize: "60px",
2668
+ lineHeight: "72px"
2669
+ },
2670
+ "7xl": {
2671
+ fontSize: "72px",
2672
+ lineHeight: "92px"
2673
+ },
2674
+ caption: {
2675
+ fontSize: "12px",
2676
+ lineHeight: "18px"
2677
+ },
2678
+ detail: {
2679
+ fontSize: "14px",
2680
+ lineHeight: "22px"
2681
+ },
2682
+ body: {
2683
+ fontSize: "16px",
2684
+ lineHeight: "26px"
2685
+ }
2686
+ },
2687
+ letterSpacing: {
2688
+ tighter: {
2689
+ value: "-5%"
2690
+ },
2691
+ tight: {
2692
+ value: "-2.5%"
2693
+ },
2694
+ wide: {
2695
+ value: "2.5%"
2696
+ },
2697
+ wider: {
2698
+ value: "5%"
2699
+ },
2700
+ widest: {
2701
+ value: "10%"
2702
+ }
2703
+ },
2704
+ size: {
2705
+ "25": "1px",
2706
+ "50": "2px",
2707
+ "100": "4px",
2708
+ "150": "6px",
2709
+ "200": "8px",
2710
+ "250": "10px",
2711
+ "300": "12px",
2712
+ "350": "14px",
2713
+ "400": "16px",
2714
+ "450": "18px",
2715
+ "500": "20px",
2716
+ "600": "24px",
2717
+ "700": "28px",
2718
+ "800": "32px",
2719
+ "900": "36px",
2720
+ "1000": "40px",
2721
+ "1100": "44px",
2722
+ "1200": "48px",
2723
+ "1400": "56px",
2724
+ "1600": "64px",
2725
+ "2000": "80px",
2726
+ "2400": "96px",
2727
+ "2800": "112px",
2728
+ "3200": "128px",
2729
+ "3600": "144px",
2730
+ "4000": "160px",
2731
+ "4400": "176px",
2732
+ "4800": "192px",
2733
+ "5200": "208px",
2734
+ "5600": "224px",
2735
+ "6000": "240px",
2736
+ "6400": "256px",
2737
+ "7200": "288px",
2738
+ "8000": "320px",
2739
+ "9600": "384px",
2740
+ "3xs": "224px",
2741
+ "2xs": "256px",
2742
+ xs: "320px",
2743
+ sm: "384px",
2744
+ md: "448px",
2745
+ lg: "512px",
2746
+ xl: "576px",
2747
+ "2xl": "672px",
2748
+ "3xl": "768px",
2749
+ "4xl": "896px",
2750
+ "5xl": "1024px",
2751
+ "6xl": "1152px",
2752
+ "7xl": "1280px",
2753
+ "8xl": "1440px",
2754
+ "breakpoint-sm": "480px",
2755
+ "breakpoint-md": "768px",
2756
+ "breakpoint-lg": "1024px",
2757
+ "breakpoint-xl": "1280px",
2758
+ "breakpoint-2xl": "1536px"
2759
+ },
2760
+ spacing: {
2761
+ "25": "1px",
2762
+ "50": "2px",
2763
+ "100": "4px",
2764
+ "150": "6px",
2765
+ "200": "8px",
2766
+ "250": "10px",
2767
+ "300": "12px",
2768
+ "350": "14px",
2769
+ "400": "16px",
2770
+ "450": "18px",
2771
+ "500": "20px",
2772
+ "600": "24px",
2773
+ "700": "28px",
2774
+ "800": "32px",
2775
+ "900": "36px",
2776
+ "1000": "40px",
2777
+ "1100": "44px",
2778
+ "1200": "48px",
2779
+ "1400": "56px",
2780
+ "1600": "64px",
2781
+ "2000": "80px",
2782
+ "2400": "96px",
2783
+ "2800": "112px",
2784
+ "3200": "128px"
2785
+ },
2786
+ zIndex: {
2787
+ hide: -1,
2788
+ base: 0,
2789
+ docked: 10,
2790
+ dropdown: 1000,
2791
+ sticky: 1100,
2792
+ banner: 1200,
2793
+ overlay: 1300,
2794
+ modal: 1400,
2795
+ popver: 1500,
2796
+ skipNav: 1600,
2797
+ toast: 1700,
2798
+ tooltip: 1800,
2799
+ max: 2147483647
2800
+ },
2801
+ shadow: {
2802
+ "1": "0 1px 4px hsla(0, 0%, 0%, 0.05)",
2803
+ "2": "0 2px 8px hsla(0, 0%, 0%, 0.05)",
2804
+ "3": "0 4px 12px hsla(0, 0%, 0%, 0.1)",
2805
+ "4": "0 6px 16px hsla(0, 0%, 0%, 0.1)",
2806
+ "5": "0 8px 20px hsla(0, 0%, 0%, 0.1)",
2807
+ "6": "0 10px 24px hsla(0, 0%, 0%, 0.15)"
2808
+ },
2809
+ opacity: {
2810
+ "5": 0.05,
2811
+ "10": 0.1,
2812
+ "15": 0.15,
2813
+ "20": 0.2,
2814
+ "25": 0.25,
2815
+ "30": 0.3,
2816
+ "35": 0.35,
2817
+ "40": 0.4,
2818
+ "45": 0.45,
2819
+ "50": 0.5,
2820
+ "55": 0.55,
2821
+ "60": 0.6,
2822
+ "65": 0.65,
2823
+ "70": 0.7,
2824
+ "75": 0.75,
2825
+ "80": 0.8,
2826
+ "85": 0.85,
2827
+ "90": 0.9,
2828
+ "95": 0.95,
2829
+ none: 0,
2830
+ full: 1
2831
+ },
2832
+ textDecoration: {
2833
+ underline: "underline",
2834
+ "strike-through": "strike-through"
2835
+ },
2836
+ textCase: {
2837
+ lower: "lowercase",
2838
+ upper: "uppercase",
2839
+ caps: "capitalize"
2840
+ },
2841
+ cursor: {
2842
+ button: "pointer",
2843
+ checkbox: "default",
2844
+ disabled: "not-allowed",
2845
+ menuitem: "default",
2846
+ option: "default",
2847
+ radio: "default",
2848
+ slider: "default",
2849
+ switch: "pointer"
2850
+ },
2851
+ animation: {
2852
+ spin: {
2853
+ value: "spin 1s cubic-bezier(0, 0, 1, 1) infinite"
2854
+ },
2855
+ ping: {
2856
+ value: "ping 1s cubic-bezier(0, 0, 0.58, 1) infinite"
2857
+ },
2858
+ pulse: {
2859
+ value: "pulse 2s cubic-bezier(0.42, 0, 0.58, 1) infinite"
2860
+ },
2861
+ bounce: {
2862
+ value: "bounce 2s infinite"
2863
+ }
2864
+ },
2865
+ breakpoints: {
2866
+ sm: "480px",
2867
+ md: "768px",
2868
+ lg: "1024px",
2869
+ xl: "1280px",
2870
+ "2xl": "1536px"
2871
+ }
2872
+ };
2873
+
2874
+ export { designTokens };