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