@nattui/tailwind-colors 0.0.3 → 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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/theme-gray.css +18 -312
  3. package/src/theme-primary.css +183 -1408
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nattui/tailwind-colors",
3
- "version": "0.0.3",
3
+ "version": "0.0.4",
4
4
  "description": "Centralized CSS and Tailwind color definitions for consistent styling across projects",
5
5
  "keywords": [
6
6
  "colors",
package/src/theme-gray.css CHANGED
@@ -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,7 +52,10 @@
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
 
57
+ .color-gray-gray,
58
+ .color-gray-gray-dark {
108
59
  --color-gray-light-1: var(--color-primitive-gray-1);
109
60
  --color-gray-light-2: var(--color-primitive-gray-2);
110
61
  --color-gray-light-3: var(--color-primitive-gray-3);
@@ -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,7 +163,10 @@
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
 
168
+ .color-gray-mauve,
169
+ .color-gray-mauve-dark {
268
170
  --color-gray-light-1: var(--color-primitive-mauve-1);
269
171
  --color-gray-light-2: var(--color-primitive-mauve-2);
270
172
  --color-gray-light-3: var(--color-primitive-mauve-3);
@@ -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,7 +274,10 @@
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
 
279
+ .color-gray-slate,
280
+ .color-gray-slate-dark {
428
281
  --color-gray-light-1: var(--color-primitive-slate-1);
429
282
  --color-gray-light-2: var(--color-primitive-slate-2);
430
283
  --color-gray-light-3: var(--color-primitive-slate-3);
@@ -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,7 +385,10 @@
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
 
390
+ .color-gray-sage,
391
+ .color-gray-sage-dark {
588
392
  --color-gray-light-1: var(--color-primitive-sage-1);
589
393
  --color-gray-light-2: var(--color-primitive-sage-2);
590
394
  --color-gray-light-3: var(--color-primitive-sage-3);
@@ -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,7 +496,10 @@
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
 
501
+ .color-gray-olive,
502
+ .color-gray-olive-dark {
748
503
  --color-gray-light-1: var(--color-primitive-olive-1);
749
504
  --color-gray-light-2: var(--color-primitive-olive-2);
750
505
  --color-gray-light-3: var(--color-primitive-olive-3);
@@ -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,7 +607,10 @@
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
 
612
+ .color-gray-sand,
613
+ .color-gray-sand-dark {
908
614
  --color-gray-light-1: var(--color-primitive-sand-1);
909
615
  --color-gray-light-2: var(--color-primitive-sand-2);
910
616
  --color-gray-light-3: var(--color-primitive-sand-3);