@nattui/tailwind-colors 0.0.2 → 0.0.4

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.
@@ -24,58 +24,6 @@
24
24
  --color-gray-a10: var(--color-primitive-gray-a10);
25
25
  --color-gray-a11: var(--color-primitive-gray-a11);
26
26
  --color-gray-a12: var(--color-primitive-gray-a12);
27
-
28
- --color-gray-light-1: var(--color-primitive-gray-1);
29
- --color-gray-light-2: var(--color-primitive-gray-2);
30
- --color-gray-light-3: var(--color-primitive-gray-3);
31
- --color-gray-light-4: var(--color-primitive-gray-4);
32
- --color-gray-light-5: var(--color-primitive-gray-5);
33
- --color-gray-light-6: var(--color-primitive-gray-6);
34
- --color-gray-light-7: var(--color-primitive-gray-7);
35
- --color-gray-light-8: var(--color-primitive-gray-8);
36
- --color-gray-light-9: var(--color-primitive-gray-9);
37
- --color-gray-light-10: var(--color-primitive-gray-10);
38
- --color-gray-light-11: var(--color-primitive-gray-11);
39
- --color-gray-light-12: var(--color-primitive-gray-12);
40
-
41
- --color-gray-light-a1: var(--color-primitive-gray-a1);
42
- --color-gray-light-a2: var(--color-primitive-gray-a2);
43
- --color-gray-light-a3: var(--color-primitive-gray-a3);
44
- --color-gray-light-a4: var(--color-primitive-gray-a4);
45
- --color-gray-light-a5: var(--color-primitive-gray-a5);
46
- --color-gray-light-a6: var(--color-primitive-gray-a6);
47
- --color-gray-light-a7: var(--color-primitive-gray-a7);
48
- --color-gray-light-a8: var(--color-primitive-gray-a8);
49
- --color-gray-light-a9: var(--color-primitive-gray-a9);
50
- --color-gray-light-a10: var(--color-primitive-gray-a10);
51
- --color-gray-light-a11: var(--color-primitive-gray-a11);
52
- --color-gray-light-a12: var(--color-primitive-gray-a12);
53
-
54
- --color-gray-dark-1: var(--color-primitive-gray-dark-1);
55
- --color-gray-dark-2: var(--color-primitive-gray-dark-2);
56
- --color-gray-dark-3: var(--color-primitive-gray-dark-3);
57
- --color-gray-dark-4: var(--color-primitive-gray-dark-4);
58
- --color-gray-dark-5: var(--color-primitive-gray-dark-5);
59
- --color-gray-dark-6: var(--color-primitive-gray-dark-6);
60
- --color-gray-dark-7: var(--color-primitive-gray-dark-7);
61
- --color-gray-dark-8: var(--color-primitive-gray-dark-8);
62
- --color-gray-dark-9: var(--color-primitive-gray-dark-9);
63
- --color-gray-dark-10: var(--color-primitive-gray-dark-10);
64
- --color-gray-dark-11: var(--color-primitive-gray-dark-11);
65
- --color-gray-dark-12: var(--color-primitive-gray-dark-12);
66
-
67
- --color-gray-dark-a1: var(--color-primitive-gray-dark-a1);
68
- --color-gray-dark-a2: var(--color-primitive-gray-dark-a2);
69
- --color-gray-dark-a3: var(--color-primitive-gray-dark-a3);
70
- --color-gray-dark-a4: var(--color-primitive-gray-dark-a4);
71
- --color-gray-dark-a5: var(--color-primitive-gray-dark-a5);
72
- --color-gray-dark-a6: var(--color-primitive-gray-dark-a6);
73
- --color-gray-dark-a7: var(--color-primitive-gray-dark-a7);
74
- --color-gray-dark-a8: var(--color-primitive-gray-dark-a8);
75
- --color-gray-dark-a9: var(--color-primitive-gray-dark-a9);
76
- --color-gray-dark-a10: var(--color-primitive-gray-dark-a10);
77
- --color-gray-dark-a11: var(--color-primitive-gray-dark-a11);
78
- --color-gray-dark-a12: var(--color-primitive-gray-dark-a12);
79
27
  }
80
28
 
81
29
  .color-gray-gray-dark {
@@ -104,32 +52,35 @@
104
52
  --color-gray-a10: var(--color-primitive-gray-dark-a10);
105
53
  --color-gray-a11: var(--color-primitive-gray-dark-a11);
106
54
  --color-gray-a12: var(--color-primitive-gray-dark-a12);
55
+ }
107
56
 
108
- --color-gray-light-1: var(--color-primitive-gray-dark-1);
109
- --color-gray-light-2: var(--color-primitive-gray-dark-2);
110
- --color-gray-light-3: var(--color-primitive-gray-dark-3);
111
- --color-gray-light-4: var(--color-primitive-gray-dark-4);
112
- --color-gray-light-5: var(--color-primitive-gray-dark-5);
113
- --color-gray-light-6: var(--color-primitive-gray-dark-6);
114
- --color-gray-light-7: var(--color-primitive-gray-dark-7);
115
- --color-gray-light-8: var(--color-primitive-gray-dark-8);
116
- --color-gray-light-9: var(--color-primitive-gray-dark-9);
117
- --color-gray-light-10: var(--color-primitive-gray-dark-10);
118
- --color-gray-light-11: var(--color-primitive-gray-dark-11);
119
- --color-gray-light-12: var(--color-primitive-gray-dark-12);
120
-
121
- --color-gray-light-a1: var(--color-primitive-gray-dark-a1);
122
- --color-gray-light-a2: var(--color-primitive-gray-dark-a2);
123
- --color-gray-light-a3: var(--color-primitive-gray-dark-a3);
124
- --color-gray-light-a4: var(--color-primitive-gray-dark-a4);
125
- --color-gray-light-a5: var(--color-primitive-gray-dark-a5);
126
- --color-gray-light-a6: var(--color-primitive-gray-dark-a6);
127
- --color-gray-light-a7: var(--color-primitive-gray-dark-a7);
128
- --color-gray-light-a8: var(--color-primitive-gray-dark-a8);
129
- --color-gray-light-a9: var(--color-primitive-gray-dark-a9);
130
- --color-gray-light-a10: var(--color-primitive-gray-dark-a10);
131
- --color-gray-light-a11: var(--color-primitive-gray-dark-a11);
132
- --color-gray-light-a12: var(--color-primitive-gray-dark-a12);
57
+ .color-gray-gray,
58
+ .color-gray-gray-dark {
59
+ --color-gray-light-1: var(--color-primitive-gray-1);
60
+ --color-gray-light-2: var(--color-primitive-gray-2);
61
+ --color-gray-light-3: var(--color-primitive-gray-3);
62
+ --color-gray-light-4: var(--color-primitive-gray-4);
63
+ --color-gray-light-5: var(--color-primitive-gray-5);
64
+ --color-gray-light-6: var(--color-primitive-gray-6);
65
+ --color-gray-light-7: var(--color-primitive-gray-7);
66
+ --color-gray-light-8: var(--color-primitive-gray-8);
67
+ --color-gray-light-9: var(--color-primitive-gray-9);
68
+ --color-gray-light-10: var(--color-primitive-gray-10);
69
+ --color-gray-light-11: var(--color-primitive-gray-11);
70
+ --color-gray-light-12: var(--color-primitive-gray-12);
71
+
72
+ --color-gray-light-a1: var(--color-primitive-gray-a1);
73
+ --color-gray-light-a2: var(--color-primitive-gray-a2);
74
+ --color-gray-light-a3: var(--color-primitive-gray-a3);
75
+ --color-gray-light-a4: var(--color-primitive-gray-a4);
76
+ --color-gray-light-a5: var(--color-primitive-gray-a5);
77
+ --color-gray-light-a6: var(--color-primitive-gray-a6);
78
+ --color-gray-light-a7: var(--color-primitive-gray-a7);
79
+ --color-gray-light-a8: var(--color-primitive-gray-a8);
80
+ --color-gray-light-a9: var(--color-primitive-gray-a9);
81
+ --color-gray-light-a10: var(--color-primitive-gray-a10);
82
+ --color-gray-light-a11: var(--color-primitive-gray-a11);
83
+ --color-gray-light-a12: var(--color-primitive-gray-a12);
133
84
 
134
85
  --color-gray-dark-1: var(--color-primitive-gray-dark-1);
135
86
  --color-gray-dark-2: var(--color-primitive-gray-dark-2);
@@ -184,58 +135,6 @@
184
135
  --color-gray-a10: var(--color-primitive-mauve-a10);
185
136
  --color-gray-a11: var(--color-primitive-mauve-a11);
186
137
  --color-gray-a12: var(--color-primitive-mauve-a12);
187
-
188
- --color-gray-light-1: var(--color-primitive-mauve-1);
189
- --color-gray-light-2: var(--color-primitive-mauve-2);
190
- --color-gray-light-3: var(--color-primitive-mauve-3);
191
- --color-gray-light-4: var(--color-primitive-mauve-4);
192
- --color-gray-light-5: var(--color-primitive-mauve-5);
193
- --color-gray-light-6: var(--color-primitive-mauve-6);
194
- --color-gray-light-7: var(--color-primitive-mauve-7);
195
- --color-gray-light-8: var(--color-primitive-mauve-8);
196
- --color-gray-light-9: var(--color-primitive-mauve-9);
197
- --color-gray-light-10: var(--color-primitive-mauve-10);
198
- --color-gray-light-11: var(--color-primitive-mauve-11);
199
- --color-gray-light-12: var(--color-primitive-mauve-12);
200
-
201
- --color-gray-light-a1: var(--color-primitive-mauve-a1);
202
- --color-gray-light-a2: var(--color-primitive-mauve-a2);
203
- --color-gray-light-a3: var(--color-primitive-mauve-a3);
204
- --color-gray-light-a4: var(--color-primitive-mauve-a4);
205
- --color-gray-light-a5: var(--color-primitive-mauve-a5);
206
- --color-gray-light-a6: var(--color-primitive-mauve-a6);
207
- --color-gray-light-a7: var(--color-primitive-mauve-a7);
208
- --color-gray-light-a8: var(--color-primitive-mauve-a8);
209
- --color-gray-light-a9: var(--color-primitive-mauve-a9);
210
- --color-gray-light-a10: var(--color-primitive-mauve-a10);
211
- --color-gray-light-a11: var(--color-primitive-mauve-a11);
212
- --color-gray-light-a12: var(--color-primitive-mauve-a12);
213
-
214
- --color-gray-dark-1: var(--color-primitive-mauve-dark-1);
215
- --color-gray-dark-2: var(--color-primitive-mauve-dark-2);
216
- --color-gray-dark-3: var(--color-primitive-mauve-dark-3);
217
- --color-gray-dark-4: var(--color-primitive-mauve-dark-4);
218
- --color-gray-dark-5: var(--color-primitive-mauve-dark-5);
219
- --color-gray-dark-6: var(--color-primitive-mauve-dark-6);
220
- --color-gray-dark-7: var(--color-primitive-mauve-dark-7);
221
- --color-gray-dark-8: var(--color-primitive-mauve-dark-8);
222
- --color-gray-dark-9: var(--color-primitive-mauve-dark-9);
223
- --color-gray-dark-10: var(--color-primitive-mauve-dark-10);
224
- --color-gray-dark-11: var(--color-primitive-mauve-dark-11);
225
- --color-gray-dark-12: var(--color-primitive-mauve-dark-12);
226
-
227
- --color-gray-dark-a1: var(--color-primitive-mauve-dark-a1);
228
- --color-gray-dark-a2: var(--color-primitive-mauve-dark-a2);
229
- --color-gray-dark-a3: var(--color-primitive-mauve-dark-a3);
230
- --color-gray-dark-a4: var(--color-primitive-mauve-dark-a4);
231
- --color-gray-dark-a5: var(--color-primitive-mauve-dark-a5);
232
- --color-gray-dark-a6: var(--color-primitive-mauve-dark-a6);
233
- --color-gray-dark-a7: var(--color-primitive-mauve-dark-a7);
234
- --color-gray-dark-a8: var(--color-primitive-mauve-dark-a8);
235
- --color-gray-dark-a9: var(--color-primitive-mauve-dark-a9);
236
- --color-gray-dark-a10: var(--color-primitive-mauve-dark-a10);
237
- --color-gray-dark-a11: var(--color-primitive-mauve-dark-a11);
238
- --color-gray-dark-a12: var(--color-primitive-mauve-dark-a12);
239
138
  }
240
139
 
241
140
  .color-gray-mauve-dark {
@@ -264,32 +163,35 @@
264
163
  --color-gray-a10: var(--color-primitive-mauve-dark-a10);
265
164
  --color-gray-a11: var(--color-primitive-mauve-dark-a11);
266
165
  --color-gray-a12: var(--color-primitive-mauve-dark-a12);
166
+ }
267
167
 
268
- --color-gray-light-1: var(--color-primitive-mauve-dark-1);
269
- --color-gray-light-2: var(--color-primitive-mauve-dark-2);
270
- --color-gray-light-3: var(--color-primitive-mauve-dark-3);
271
- --color-gray-light-4: var(--color-primitive-mauve-dark-4);
272
- --color-gray-light-5: var(--color-primitive-mauve-dark-5);
273
- --color-gray-light-6: var(--color-primitive-mauve-dark-6);
274
- --color-gray-light-7: var(--color-primitive-mauve-dark-7);
275
- --color-gray-light-8: var(--color-primitive-mauve-dark-8);
276
- --color-gray-light-9: var(--color-primitive-mauve-dark-9);
277
- --color-gray-light-10: var(--color-primitive-mauve-dark-10);
278
- --color-gray-light-11: var(--color-primitive-mauve-dark-11);
279
- --color-gray-light-12: var(--color-primitive-mauve-dark-12);
280
-
281
- --color-gray-light-a1: var(--color-primitive-mauve-dark-a1);
282
- --color-gray-light-a2: var(--color-primitive-mauve-dark-a2);
283
- --color-gray-light-a3: var(--color-primitive-mauve-dark-a3);
284
- --color-gray-light-a4: var(--color-primitive-mauve-dark-a4);
285
- --color-gray-light-a5: var(--color-primitive-mauve-dark-a5);
286
- --color-gray-light-a6: var(--color-primitive-mauve-dark-a6);
287
- --color-gray-light-a7: var(--color-primitive-mauve-dark-a7);
288
- --color-gray-light-a8: var(--color-primitive-mauve-dark-a8);
289
- --color-gray-light-a9: var(--color-primitive-mauve-dark-a9);
290
- --color-gray-light-a10: var(--color-primitive-mauve-dark-a10);
291
- --color-gray-light-a11: var(--color-primitive-mauve-dark-a11);
292
- --color-gray-light-a12: var(--color-primitive-mauve-dark-a12);
168
+ .color-gray-mauve,
169
+ .color-gray-mauve-dark {
170
+ --color-gray-light-1: var(--color-primitive-mauve-1);
171
+ --color-gray-light-2: var(--color-primitive-mauve-2);
172
+ --color-gray-light-3: var(--color-primitive-mauve-3);
173
+ --color-gray-light-4: var(--color-primitive-mauve-4);
174
+ --color-gray-light-5: var(--color-primitive-mauve-5);
175
+ --color-gray-light-6: var(--color-primitive-mauve-6);
176
+ --color-gray-light-7: var(--color-primitive-mauve-7);
177
+ --color-gray-light-8: var(--color-primitive-mauve-8);
178
+ --color-gray-light-9: var(--color-primitive-mauve-9);
179
+ --color-gray-light-10: var(--color-primitive-mauve-10);
180
+ --color-gray-light-11: var(--color-primitive-mauve-11);
181
+ --color-gray-light-12: var(--color-primitive-mauve-12);
182
+
183
+ --color-gray-light-a1: var(--color-primitive-mauve-a1);
184
+ --color-gray-light-a2: var(--color-primitive-mauve-a2);
185
+ --color-gray-light-a3: var(--color-primitive-mauve-a3);
186
+ --color-gray-light-a4: var(--color-primitive-mauve-a4);
187
+ --color-gray-light-a5: var(--color-primitive-mauve-a5);
188
+ --color-gray-light-a6: var(--color-primitive-mauve-a6);
189
+ --color-gray-light-a7: var(--color-primitive-mauve-a7);
190
+ --color-gray-light-a8: var(--color-primitive-mauve-a8);
191
+ --color-gray-light-a9: var(--color-primitive-mauve-a9);
192
+ --color-gray-light-a10: var(--color-primitive-mauve-a10);
193
+ --color-gray-light-a11: var(--color-primitive-mauve-a11);
194
+ --color-gray-light-a12: var(--color-primitive-mauve-a12);
293
195
 
294
196
  --color-gray-dark-1: var(--color-primitive-mauve-dark-1);
295
197
  --color-gray-dark-2: var(--color-primitive-mauve-dark-2);
@@ -344,58 +246,6 @@
344
246
  --color-gray-a10: var(--color-primitive-slate-a10);
345
247
  --color-gray-a11: var(--color-primitive-slate-a11);
346
248
  --color-gray-a12: var(--color-primitive-slate-a12);
347
-
348
- --color-gray-light-1: var(--color-primitive-slate-1);
349
- --color-gray-light-2: var(--color-primitive-slate-2);
350
- --color-gray-light-3: var(--color-primitive-slate-3);
351
- --color-gray-light-4: var(--color-primitive-slate-4);
352
- --color-gray-light-5: var(--color-primitive-slate-5);
353
- --color-gray-light-6: var(--color-primitive-slate-6);
354
- --color-gray-light-7: var(--color-primitive-slate-7);
355
- --color-gray-light-8: var(--color-primitive-slate-8);
356
- --color-gray-light-9: var(--color-primitive-slate-9);
357
- --color-gray-light-10: var(--color-primitive-slate-10);
358
- --color-gray-light-11: var(--color-primitive-slate-11);
359
- --color-gray-light-12: var(--color-primitive-slate-12);
360
-
361
- --color-gray-light-a1: var(--color-primitive-slate-a1);
362
- --color-gray-light-a2: var(--color-primitive-slate-a2);
363
- --color-gray-light-a3: var(--color-primitive-slate-a3);
364
- --color-gray-light-a4: var(--color-primitive-slate-a4);
365
- --color-gray-light-a5: var(--color-primitive-slate-a5);
366
- --color-gray-light-a6: var(--color-primitive-slate-a6);
367
- --color-gray-light-a7: var(--color-primitive-slate-a7);
368
- --color-gray-light-a8: var(--color-primitive-slate-a8);
369
- --color-gray-light-a9: var(--color-primitive-slate-a9);
370
- --color-gray-light-a10: var(--color-primitive-slate-a10);
371
- --color-gray-light-a11: var(--color-primitive-slate-a11);
372
- --color-gray-light-a12: var(--color-primitive-slate-a12);
373
-
374
- --color-gray-dark-1: var(--color-primitive-slate-dark-1);
375
- --color-gray-dark-2: var(--color-primitive-slate-dark-2);
376
- --color-gray-dark-3: var(--color-primitive-slate-dark-3);
377
- --color-gray-dark-4: var(--color-primitive-slate-dark-4);
378
- --color-gray-dark-5: var(--color-primitive-slate-dark-5);
379
- --color-gray-dark-6: var(--color-primitive-slate-dark-6);
380
- --color-gray-dark-7: var(--color-primitive-slate-dark-7);
381
- --color-gray-dark-8: var(--color-primitive-slate-dark-8);
382
- --color-gray-dark-9: var(--color-primitive-slate-dark-9);
383
- --color-gray-dark-10: var(--color-primitive-slate-dark-10);
384
- --color-gray-dark-11: var(--color-primitive-slate-dark-11);
385
- --color-gray-dark-12: var(--color-primitive-slate-dark-12);
386
-
387
- --color-gray-dark-a1: var(--color-primitive-slate-dark-a1);
388
- --color-gray-dark-a2: var(--color-primitive-slate-dark-a2);
389
- --color-gray-dark-a3: var(--color-primitive-slate-dark-a3);
390
- --color-gray-dark-a4: var(--color-primitive-slate-dark-a4);
391
- --color-gray-dark-a5: var(--color-primitive-slate-dark-a5);
392
- --color-gray-dark-a6: var(--color-primitive-slate-dark-a6);
393
- --color-gray-dark-a7: var(--color-primitive-slate-dark-a7);
394
- --color-gray-dark-a8: var(--color-primitive-slate-dark-a8);
395
- --color-gray-dark-a9: var(--color-primitive-slate-dark-a9);
396
- --color-gray-dark-a10: var(--color-primitive-slate-dark-a10);
397
- --color-gray-dark-a11: var(--color-primitive-slate-dark-a11);
398
- --color-gray-dark-a12: var(--color-primitive-slate-dark-a12);
399
249
  }
400
250
 
401
251
  .color-gray-slate-dark {
@@ -424,32 +274,35 @@
424
274
  --color-gray-a10: var(--color-primitive-slate-dark-a10);
425
275
  --color-gray-a11: var(--color-primitive-slate-dark-a11);
426
276
  --color-gray-a12: var(--color-primitive-slate-dark-a12);
277
+ }
427
278
 
428
- --color-gray-light-1: var(--color-primitive-slate-dark-1);
429
- --color-gray-light-2: var(--color-primitive-slate-dark-2);
430
- --color-gray-light-3: var(--color-primitive-slate-dark-3);
431
- --color-gray-light-4: var(--color-primitive-slate-dark-4);
432
- --color-gray-light-5: var(--color-primitive-slate-dark-5);
433
- --color-gray-light-6: var(--color-primitive-slate-dark-6);
434
- --color-gray-light-7: var(--color-primitive-slate-dark-7);
435
- --color-gray-light-8: var(--color-primitive-slate-dark-8);
436
- --color-gray-light-9: var(--color-primitive-slate-dark-9);
437
- --color-gray-light-10: var(--color-primitive-slate-dark-10);
438
- --color-gray-light-11: var(--color-primitive-slate-dark-11);
439
- --color-gray-light-12: var(--color-primitive-slate-dark-12);
440
-
441
- --color-gray-light-a1: var(--color-primitive-slate-dark-a1);
442
- --color-gray-light-a2: var(--color-primitive-slate-dark-a2);
443
- --color-gray-light-a3: var(--color-primitive-slate-dark-a3);
444
- --color-gray-light-a4: var(--color-primitive-slate-dark-a4);
445
- --color-gray-light-a5: var(--color-primitive-slate-dark-a5);
446
- --color-gray-light-a6: var(--color-primitive-slate-dark-a6);
447
- --color-gray-light-a7: var(--color-primitive-slate-dark-a7);
448
- --color-gray-light-a8: var(--color-primitive-slate-dark-a8);
449
- --color-gray-light-a9: var(--color-primitive-slate-dark-a9);
450
- --color-gray-light-a10: var(--color-primitive-slate-dark-a10);
451
- --color-gray-light-a11: var(--color-primitive-slate-dark-a11);
452
- --color-gray-light-a12: var(--color-primitive-slate-dark-a12);
279
+ .color-gray-slate,
280
+ .color-gray-slate-dark {
281
+ --color-gray-light-1: var(--color-primitive-slate-1);
282
+ --color-gray-light-2: var(--color-primitive-slate-2);
283
+ --color-gray-light-3: var(--color-primitive-slate-3);
284
+ --color-gray-light-4: var(--color-primitive-slate-4);
285
+ --color-gray-light-5: var(--color-primitive-slate-5);
286
+ --color-gray-light-6: var(--color-primitive-slate-6);
287
+ --color-gray-light-7: var(--color-primitive-slate-7);
288
+ --color-gray-light-8: var(--color-primitive-slate-8);
289
+ --color-gray-light-9: var(--color-primitive-slate-9);
290
+ --color-gray-light-10: var(--color-primitive-slate-10);
291
+ --color-gray-light-11: var(--color-primitive-slate-11);
292
+ --color-gray-light-12: var(--color-primitive-slate-12);
293
+
294
+ --color-gray-light-a1: var(--color-primitive-slate-a1);
295
+ --color-gray-light-a2: var(--color-primitive-slate-a2);
296
+ --color-gray-light-a3: var(--color-primitive-slate-a3);
297
+ --color-gray-light-a4: var(--color-primitive-slate-a4);
298
+ --color-gray-light-a5: var(--color-primitive-slate-a5);
299
+ --color-gray-light-a6: var(--color-primitive-slate-a6);
300
+ --color-gray-light-a7: var(--color-primitive-slate-a7);
301
+ --color-gray-light-a8: var(--color-primitive-slate-a8);
302
+ --color-gray-light-a9: var(--color-primitive-slate-a9);
303
+ --color-gray-light-a10: var(--color-primitive-slate-a10);
304
+ --color-gray-light-a11: var(--color-primitive-slate-a11);
305
+ --color-gray-light-a12: var(--color-primitive-slate-a12);
453
306
 
454
307
  --color-gray-dark-1: var(--color-primitive-slate-dark-1);
455
308
  --color-gray-dark-2: var(--color-primitive-slate-dark-2);
@@ -504,58 +357,6 @@
504
357
  --color-gray-a10: var(--color-primitive-sage-a10);
505
358
  --color-gray-a11: var(--color-primitive-sage-a11);
506
359
  --color-gray-a12: var(--color-primitive-sage-a12);
507
-
508
- --color-gray-light-1: var(--color-primitive-sage-1);
509
- --color-gray-light-2: var(--color-primitive-sage-2);
510
- --color-gray-light-3: var(--color-primitive-sage-3);
511
- --color-gray-light-4: var(--color-primitive-sage-4);
512
- --color-gray-light-5: var(--color-primitive-sage-5);
513
- --color-gray-light-6: var(--color-primitive-sage-6);
514
- --color-gray-light-7: var(--color-primitive-sage-7);
515
- --color-gray-light-8: var(--color-primitive-sage-8);
516
- --color-gray-light-9: var(--color-primitive-sage-9);
517
- --color-gray-light-10: var(--color-primitive-sage-10);
518
- --color-gray-light-11: var(--color-primitive-sage-11);
519
- --color-gray-light-12: var(--color-primitive-sage-12);
520
-
521
- --color-gray-light-a1: var(--color-primitive-sage-a1);
522
- --color-gray-light-a2: var(--color-primitive-sage-a2);
523
- --color-gray-light-a3: var(--color-primitive-sage-a3);
524
- --color-gray-light-a4: var(--color-primitive-sage-a4);
525
- --color-gray-light-a5: var(--color-primitive-sage-a5);
526
- --color-gray-light-a6: var(--color-primitive-sage-a6);
527
- --color-gray-light-a7: var(--color-primitive-sage-a7);
528
- --color-gray-light-a8: var(--color-primitive-sage-a8);
529
- --color-gray-light-a9: var(--color-primitive-sage-a9);
530
- --color-gray-light-a10: var(--color-primitive-sage-a10);
531
- --color-gray-light-a11: var(--color-primitive-sage-a11);
532
- --color-gray-light-a12: var(--color-primitive-sage-a12);
533
-
534
- --color-gray-dark-1: var(--color-primitive-sage-dark-1);
535
- --color-gray-dark-2: var(--color-primitive-sage-dark-2);
536
- --color-gray-dark-3: var(--color-primitive-sage-dark-3);
537
- --color-gray-dark-4: var(--color-primitive-sage-dark-4);
538
- --color-gray-dark-5: var(--color-primitive-sage-dark-5);
539
- --color-gray-dark-6: var(--color-primitive-sage-dark-6);
540
- --color-gray-dark-7: var(--color-primitive-sage-dark-7);
541
- --color-gray-dark-8: var(--color-primitive-sage-dark-8);
542
- --color-gray-dark-9: var(--color-primitive-sage-dark-9);
543
- --color-gray-dark-10: var(--color-primitive-sage-dark-10);
544
- --color-gray-dark-11: var(--color-primitive-sage-dark-11);
545
- --color-gray-dark-12: var(--color-primitive-sage-dark-12);
546
-
547
- --color-gray-dark-a1: var(--color-primitive-sage-dark-a1);
548
- --color-gray-dark-a2: var(--color-primitive-sage-dark-a2);
549
- --color-gray-dark-a3: var(--color-primitive-sage-dark-a3);
550
- --color-gray-dark-a4: var(--color-primitive-sage-dark-a4);
551
- --color-gray-dark-a5: var(--color-primitive-sage-dark-a5);
552
- --color-gray-dark-a6: var(--color-primitive-sage-dark-a6);
553
- --color-gray-dark-a7: var(--color-primitive-sage-dark-a7);
554
- --color-gray-dark-a8: var(--color-primitive-sage-dark-a8);
555
- --color-gray-dark-a9: var(--color-primitive-sage-dark-a9);
556
- --color-gray-dark-a10: var(--color-primitive-sage-dark-a10);
557
- --color-gray-dark-a11: var(--color-primitive-sage-dark-a11);
558
- --color-gray-dark-a12: var(--color-primitive-sage-dark-a12);
559
360
  }
560
361
 
561
362
  .color-gray-sage-dark {
@@ -584,32 +385,35 @@
584
385
  --color-gray-a10: var(--color-primitive-sage-dark-a10);
585
386
  --color-gray-a11: var(--color-primitive-sage-dark-a11);
586
387
  --color-gray-a12: var(--color-primitive-sage-dark-a12);
388
+ }
587
389
 
588
- --color-gray-light-1: var(--color-primitive-sage-dark-1);
589
- --color-gray-light-2: var(--color-primitive-sage-dark-2);
590
- --color-gray-light-3: var(--color-primitive-sage-dark-3);
591
- --color-gray-light-4: var(--color-primitive-sage-dark-4);
592
- --color-gray-light-5: var(--color-primitive-sage-dark-5);
593
- --color-gray-light-6: var(--color-primitive-sage-dark-6);
594
- --color-gray-light-7: var(--color-primitive-sage-dark-7);
595
- --color-gray-light-8: var(--color-primitive-sage-dark-8);
596
- --color-gray-light-9: var(--color-primitive-sage-dark-9);
597
- --color-gray-light-10: var(--color-primitive-sage-dark-10);
598
- --color-gray-light-11: var(--color-primitive-sage-dark-11);
599
- --color-gray-light-12: var(--color-primitive-sage-dark-12);
600
-
601
- --color-gray-light-a1: var(--color-primitive-sage-dark-a1);
602
- --color-gray-light-a2: var(--color-primitive-sage-dark-a2);
603
- --color-gray-light-a3: var(--color-primitive-sage-dark-a3);
604
- --color-gray-light-a4: var(--color-primitive-sage-dark-a4);
605
- --color-gray-light-a5: var(--color-primitive-sage-dark-a5);
606
- --color-gray-light-a6: var(--color-primitive-sage-dark-a6);
607
- --color-gray-light-a7: var(--color-primitive-sage-dark-a7);
608
- --color-gray-light-a8: var(--color-primitive-sage-dark-a8);
609
- --color-gray-light-a9: var(--color-primitive-sage-dark-a9);
610
- --color-gray-light-a10: var(--color-primitive-sage-dark-a10);
611
- --color-gray-light-a11: var(--color-primitive-sage-dark-a11);
612
- --color-gray-light-a12: var(--color-primitive-sage-dark-a12);
390
+ .color-gray-sage,
391
+ .color-gray-sage-dark {
392
+ --color-gray-light-1: var(--color-primitive-sage-1);
393
+ --color-gray-light-2: var(--color-primitive-sage-2);
394
+ --color-gray-light-3: var(--color-primitive-sage-3);
395
+ --color-gray-light-4: var(--color-primitive-sage-4);
396
+ --color-gray-light-5: var(--color-primitive-sage-5);
397
+ --color-gray-light-6: var(--color-primitive-sage-6);
398
+ --color-gray-light-7: var(--color-primitive-sage-7);
399
+ --color-gray-light-8: var(--color-primitive-sage-8);
400
+ --color-gray-light-9: var(--color-primitive-sage-9);
401
+ --color-gray-light-10: var(--color-primitive-sage-10);
402
+ --color-gray-light-11: var(--color-primitive-sage-11);
403
+ --color-gray-light-12: var(--color-primitive-sage-12);
404
+
405
+ --color-gray-light-a1: var(--color-primitive-sage-a1);
406
+ --color-gray-light-a2: var(--color-primitive-sage-a2);
407
+ --color-gray-light-a3: var(--color-primitive-sage-a3);
408
+ --color-gray-light-a4: var(--color-primitive-sage-a4);
409
+ --color-gray-light-a5: var(--color-primitive-sage-a5);
410
+ --color-gray-light-a6: var(--color-primitive-sage-a6);
411
+ --color-gray-light-a7: var(--color-primitive-sage-a7);
412
+ --color-gray-light-a8: var(--color-primitive-sage-a8);
413
+ --color-gray-light-a9: var(--color-primitive-sage-a9);
414
+ --color-gray-light-a10: var(--color-primitive-sage-a10);
415
+ --color-gray-light-a11: var(--color-primitive-sage-a11);
416
+ --color-gray-light-a12: var(--color-primitive-sage-a12);
613
417
 
614
418
  --color-gray-dark-1: var(--color-primitive-sage-dark-1);
615
419
  --color-gray-dark-2: var(--color-primitive-sage-dark-2);
@@ -664,58 +468,6 @@
664
468
  --color-gray-a10: var(--color-primitive-olive-a10);
665
469
  --color-gray-a11: var(--color-primitive-olive-a11);
666
470
  --color-gray-a12: var(--color-primitive-olive-a12);
667
-
668
- --color-gray-light-1: var(--color-primitive-olive-1);
669
- --color-gray-light-2: var(--color-primitive-olive-2);
670
- --color-gray-light-3: var(--color-primitive-olive-3);
671
- --color-gray-light-4: var(--color-primitive-olive-4);
672
- --color-gray-light-5: var(--color-primitive-olive-5);
673
- --color-gray-light-6: var(--color-primitive-olive-6);
674
- --color-gray-light-7: var(--color-primitive-olive-7);
675
- --color-gray-light-8: var(--color-primitive-olive-8);
676
- --color-gray-light-9: var(--color-primitive-olive-9);
677
- --color-gray-light-10: var(--color-primitive-olive-10);
678
- --color-gray-light-11: var(--color-primitive-olive-11);
679
- --color-gray-light-12: var(--color-primitive-olive-12);
680
-
681
- --color-gray-light-a1: var(--color-primitive-olive-a1);
682
- --color-gray-light-a2: var(--color-primitive-olive-a2);
683
- --color-gray-light-a3: var(--color-primitive-olive-a3);
684
- --color-gray-light-a4: var(--color-primitive-olive-a4);
685
- --color-gray-light-a5: var(--color-primitive-olive-a5);
686
- --color-gray-light-a6: var(--color-primitive-olive-a6);
687
- --color-gray-light-a7: var(--color-primitive-olive-a7);
688
- --color-gray-light-a8: var(--color-primitive-olive-a8);
689
- --color-gray-light-a9: var(--color-primitive-olive-a9);
690
- --color-gray-light-a10: var(--color-primitive-olive-a10);
691
- --color-gray-light-a11: var(--color-primitive-olive-a11);
692
- --color-gray-light-a12: var(--color-primitive-olive-a12);
693
-
694
- --color-gray-dark-1: var(--color-primitive-olive-dark-1);
695
- --color-gray-dark-2: var(--color-primitive-olive-dark-2);
696
- --color-gray-dark-3: var(--color-primitive-olive-dark-3);
697
- --color-gray-dark-4: var(--color-primitive-olive-dark-4);
698
- --color-gray-dark-5: var(--color-primitive-olive-dark-5);
699
- --color-gray-dark-6: var(--color-primitive-olive-dark-6);
700
- --color-gray-dark-7: var(--color-primitive-olive-dark-7);
701
- --color-gray-dark-8: var(--color-primitive-olive-dark-8);
702
- --color-gray-dark-9: var(--color-primitive-olive-dark-9);
703
- --color-gray-dark-10: var(--color-primitive-olive-dark-10);
704
- --color-gray-dark-11: var(--color-primitive-olive-dark-11);
705
- --color-gray-dark-12: var(--color-primitive-olive-dark-12);
706
-
707
- --color-gray-dark-a1: var(--color-primitive-olive-dark-a1);
708
- --color-gray-dark-a2: var(--color-primitive-olive-dark-a2);
709
- --color-gray-dark-a3: var(--color-primitive-olive-dark-a3);
710
- --color-gray-dark-a4: var(--color-primitive-olive-dark-a4);
711
- --color-gray-dark-a5: var(--color-primitive-olive-dark-a5);
712
- --color-gray-dark-a6: var(--color-primitive-olive-dark-a6);
713
- --color-gray-dark-a7: var(--color-primitive-olive-dark-a7);
714
- --color-gray-dark-a8: var(--color-primitive-olive-dark-a8);
715
- --color-gray-dark-a9: var(--color-primitive-olive-dark-a9);
716
- --color-gray-dark-a10: var(--color-primitive-olive-dark-a10);
717
- --color-gray-dark-a11: var(--color-primitive-olive-dark-a11);
718
- --color-gray-dark-a12: var(--color-primitive-olive-dark-a12);
719
471
  }
720
472
 
721
473
  .color-gray-olive-dark {
@@ -744,32 +496,35 @@
744
496
  --color-gray-a10: var(--color-primitive-olive-dark-a10);
745
497
  --color-gray-a11: var(--color-primitive-olive-dark-a11);
746
498
  --color-gray-a12: var(--color-primitive-olive-dark-a12);
499
+ }
747
500
 
748
- --color-gray-light-1: var(--color-primitive-olive-dark-1);
749
- --color-gray-light-2: var(--color-primitive-olive-dark-2);
750
- --color-gray-light-3: var(--color-primitive-olive-dark-3);
751
- --color-gray-light-4: var(--color-primitive-olive-dark-4);
752
- --color-gray-light-5: var(--color-primitive-olive-dark-5);
753
- --color-gray-light-6: var(--color-primitive-olive-dark-6);
754
- --color-gray-light-7: var(--color-primitive-olive-dark-7);
755
- --color-gray-light-8: var(--color-primitive-olive-dark-8);
756
- --color-gray-light-9: var(--color-primitive-olive-dark-9);
757
- --color-gray-light-10: var(--color-primitive-olive-dark-10);
758
- --color-gray-light-11: var(--color-primitive-olive-dark-11);
759
- --color-gray-light-12: var(--color-primitive-olive-dark-12);
760
-
761
- --color-gray-light-a1: var(--color-primitive-olive-dark-a1);
762
- --color-gray-light-a2: var(--color-primitive-olive-dark-a2);
763
- --color-gray-light-a3: var(--color-primitive-olive-dark-a3);
764
- --color-gray-light-a4: var(--color-primitive-olive-dark-a4);
765
- --color-gray-light-a5: var(--color-primitive-olive-dark-a5);
766
- --color-gray-light-a6: var(--color-primitive-olive-dark-a6);
767
- --color-gray-light-a7: var(--color-primitive-olive-dark-a7);
768
- --color-gray-light-a8: var(--color-primitive-olive-dark-a8);
769
- --color-gray-light-a9: var(--color-primitive-olive-dark-a9);
770
- --color-gray-light-a10: var(--color-primitive-olive-dark-a10);
771
- --color-gray-light-a11: var(--color-primitive-olive-dark-a11);
772
- --color-gray-light-a12: var(--color-primitive-olive-dark-a12);
501
+ .color-gray-olive,
502
+ .color-gray-olive-dark {
503
+ --color-gray-light-1: var(--color-primitive-olive-1);
504
+ --color-gray-light-2: var(--color-primitive-olive-2);
505
+ --color-gray-light-3: var(--color-primitive-olive-3);
506
+ --color-gray-light-4: var(--color-primitive-olive-4);
507
+ --color-gray-light-5: var(--color-primitive-olive-5);
508
+ --color-gray-light-6: var(--color-primitive-olive-6);
509
+ --color-gray-light-7: var(--color-primitive-olive-7);
510
+ --color-gray-light-8: var(--color-primitive-olive-8);
511
+ --color-gray-light-9: var(--color-primitive-olive-9);
512
+ --color-gray-light-10: var(--color-primitive-olive-10);
513
+ --color-gray-light-11: var(--color-primitive-olive-11);
514
+ --color-gray-light-12: var(--color-primitive-olive-12);
515
+
516
+ --color-gray-light-a1: var(--color-primitive-olive-a1);
517
+ --color-gray-light-a2: var(--color-primitive-olive-a2);
518
+ --color-gray-light-a3: var(--color-primitive-olive-a3);
519
+ --color-gray-light-a4: var(--color-primitive-olive-a4);
520
+ --color-gray-light-a5: var(--color-primitive-olive-a5);
521
+ --color-gray-light-a6: var(--color-primitive-olive-a6);
522
+ --color-gray-light-a7: var(--color-primitive-olive-a7);
523
+ --color-gray-light-a8: var(--color-primitive-olive-a8);
524
+ --color-gray-light-a9: var(--color-primitive-olive-a9);
525
+ --color-gray-light-a10: var(--color-primitive-olive-a10);
526
+ --color-gray-light-a11: var(--color-primitive-olive-a11);
527
+ --color-gray-light-a12: var(--color-primitive-olive-a12);
773
528
 
774
529
  --color-gray-dark-1: var(--color-primitive-olive-dark-1);
775
530
  --color-gray-dark-2: var(--color-primitive-olive-dark-2);
@@ -824,58 +579,6 @@
824
579
  --color-gray-a10: var(--color-primitive-sand-a10);
825
580
  --color-gray-a11: var(--color-primitive-sand-a11);
826
581
  --color-gray-a12: var(--color-primitive-sand-a12);
827
-
828
- --color-gray-light-1: var(--color-primitive-sand-1);
829
- --color-gray-light-2: var(--color-primitive-sand-2);
830
- --color-gray-light-3: var(--color-primitive-sand-3);
831
- --color-gray-light-4: var(--color-primitive-sand-4);
832
- --color-gray-light-5: var(--color-primitive-sand-5);
833
- --color-gray-light-6: var(--color-primitive-sand-6);
834
- --color-gray-light-7: var(--color-primitive-sand-7);
835
- --color-gray-light-8: var(--color-primitive-sand-8);
836
- --color-gray-light-9: var(--color-primitive-sand-9);
837
- --color-gray-light-10: var(--color-primitive-sand-10);
838
- --color-gray-light-11: var(--color-primitive-sand-11);
839
- --color-gray-light-12: var(--color-primitive-sand-12);
840
-
841
- --color-gray-light-a1: var(--color-primitive-sand-a1);
842
- --color-gray-light-a2: var(--color-primitive-sand-a2);
843
- --color-gray-light-a3: var(--color-primitive-sand-a3);
844
- --color-gray-light-a4: var(--color-primitive-sand-a4);
845
- --color-gray-light-a5: var(--color-primitive-sand-a5);
846
- --color-gray-light-a6: var(--color-primitive-sand-a6);
847
- --color-gray-light-a7: var(--color-primitive-sand-a7);
848
- --color-gray-light-a8: var(--color-primitive-sand-a8);
849
- --color-gray-light-a9: var(--color-primitive-sand-a9);
850
- --color-gray-light-a10: var(--color-primitive-sand-a10);
851
- --color-gray-light-a11: var(--color-primitive-sand-a11);
852
- --color-gray-light-a12: var(--color-primitive-sand-a12);
853
-
854
- --color-gray-dark-1: var(--color-primitive-sand-dark-1);
855
- --color-gray-dark-2: var(--color-primitive-sand-dark-2);
856
- --color-gray-dark-3: var(--color-primitive-sand-dark-3);
857
- --color-gray-dark-4: var(--color-primitive-sand-dark-4);
858
- --color-gray-dark-5: var(--color-primitive-sand-dark-5);
859
- --color-gray-dark-6: var(--color-primitive-sand-dark-6);
860
- --color-gray-dark-7: var(--color-primitive-sand-dark-7);
861
- --color-gray-dark-8: var(--color-primitive-sand-dark-8);
862
- --color-gray-dark-9: var(--color-primitive-sand-dark-9);
863
- --color-gray-dark-10: var(--color-primitive-sand-dark-10);
864
- --color-gray-dark-11: var(--color-primitive-sand-dark-11);
865
- --color-gray-dark-12: var(--color-primitive-sand-dark-12);
866
-
867
- --color-gray-dark-a1: var(--color-primitive-sand-dark-a1);
868
- --color-gray-dark-a2: var(--color-primitive-sand-dark-a2);
869
- --color-gray-dark-a3: var(--color-primitive-sand-dark-a3);
870
- --color-gray-dark-a4: var(--color-primitive-sand-dark-a4);
871
- --color-gray-dark-a5: var(--color-primitive-sand-dark-a5);
872
- --color-gray-dark-a6: var(--color-primitive-sand-dark-a6);
873
- --color-gray-dark-a7: var(--color-primitive-sand-dark-a7);
874
- --color-gray-dark-a8: var(--color-primitive-sand-dark-a8);
875
- --color-gray-dark-a9: var(--color-primitive-sand-dark-a9);
876
- --color-gray-dark-a10: var(--color-primitive-sand-dark-a10);
877
- --color-gray-dark-a11: var(--color-primitive-sand-dark-a11);
878
- --color-gray-dark-a12: var(--color-primitive-sand-dark-a12);
879
582
  }
880
583
 
881
584
  .color-gray-sand-dark {
@@ -904,32 +607,35 @@
904
607
  --color-gray-a10: var(--color-primitive-sand-dark-a10);
905
608
  --color-gray-a11: var(--color-primitive-sand-dark-a11);
906
609
  --color-gray-a12: var(--color-primitive-sand-dark-a12);
610
+ }
907
611
 
908
- --color-gray-light-1: var(--color-primitive-sand-dark-1);
909
- --color-gray-light-2: var(--color-primitive-sand-dark-2);
910
- --color-gray-light-3: var(--color-primitive-sand-dark-3);
911
- --color-gray-light-4: var(--color-primitive-sand-dark-4);
912
- --color-gray-light-5: var(--color-primitive-sand-dark-5);
913
- --color-gray-light-6: var(--color-primitive-sand-dark-6);
914
- --color-gray-light-7: var(--color-primitive-sand-dark-7);
915
- --color-gray-light-8: var(--color-primitive-sand-dark-8);
916
- --color-gray-light-9: var(--color-primitive-sand-dark-9);
917
- --color-gray-light-10: var(--color-primitive-sand-dark-10);
918
- --color-gray-light-11: var(--color-primitive-sand-dark-11);
919
- --color-gray-light-12: var(--color-primitive-sand-dark-12);
920
-
921
- --color-gray-light-a1: var(--color-primitive-sand-dark-a1);
922
- --color-gray-light-a2: var(--color-primitive-sand-dark-a2);
923
- --color-gray-light-a3: var(--color-primitive-sand-dark-a3);
924
- --color-gray-light-a4: var(--color-primitive-sand-dark-a4);
925
- --color-gray-light-a5: var(--color-primitive-sand-dark-a5);
926
- --color-gray-light-a6: var(--color-primitive-sand-dark-a6);
927
- --color-gray-light-a7: var(--color-primitive-sand-dark-a7);
928
- --color-gray-light-a8: var(--color-primitive-sand-dark-a8);
929
- --color-gray-light-a9: var(--color-primitive-sand-dark-a9);
930
- --color-gray-light-a10: var(--color-primitive-sand-dark-a10);
931
- --color-gray-light-a11: var(--color-primitive-sand-dark-a11);
932
- --color-gray-light-a12: var(--color-primitive-sand-dark-a12);
612
+ .color-gray-sand,
613
+ .color-gray-sand-dark {
614
+ --color-gray-light-1: var(--color-primitive-sand-1);
615
+ --color-gray-light-2: var(--color-primitive-sand-2);
616
+ --color-gray-light-3: var(--color-primitive-sand-3);
617
+ --color-gray-light-4: var(--color-primitive-sand-4);
618
+ --color-gray-light-5: var(--color-primitive-sand-5);
619
+ --color-gray-light-6: var(--color-primitive-sand-6);
620
+ --color-gray-light-7: var(--color-primitive-sand-7);
621
+ --color-gray-light-8: var(--color-primitive-sand-8);
622
+ --color-gray-light-9: var(--color-primitive-sand-9);
623
+ --color-gray-light-10: var(--color-primitive-sand-10);
624
+ --color-gray-light-11: var(--color-primitive-sand-11);
625
+ --color-gray-light-12: var(--color-primitive-sand-12);
626
+
627
+ --color-gray-light-a1: var(--color-primitive-sand-a1);
628
+ --color-gray-light-a2: var(--color-primitive-sand-a2);
629
+ --color-gray-light-a3: var(--color-primitive-sand-a3);
630
+ --color-gray-light-a4: var(--color-primitive-sand-a4);
631
+ --color-gray-light-a5: var(--color-primitive-sand-a5);
632
+ --color-gray-light-a6: var(--color-primitive-sand-a6);
633
+ --color-gray-light-a7: var(--color-primitive-sand-a7);
634
+ --color-gray-light-a8: var(--color-primitive-sand-a8);
635
+ --color-gray-light-a9: var(--color-primitive-sand-a9);
636
+ --color-gray-light-a10: var(--color-primitive-sand-a10);
637
+ --color-gray-light-a11: var(--color-primitive-sand-a11);
638
+ --color-gray-light-a12: var(--color-primitive-sand-a12);
933
639
 
934
640
  --color-gray-dark-1: var(--color-primitive-sand-dark-1);
935
641
  --color-gray-dark-2: var(--color-primitive-sand-dark-2);