@nattui/tailwind-colors 0.0.4 → 0.0.6

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.
@@ -1,665 +0,0 @@
1
- .color-gray-gray {
2
- --color-gray-1: var(--color-primitive-gray-1);
3
- --color-gray-2: var(--color-primitive-gray-2);
4
- --color-gray-3: var(--color-primitive-gray-3);
5
- --color-gray-4: var(--color-primitive-gray-4);
6
- --color-gray-5: var(--color-primitive-gray-5);
7
- --color-gray-6: var(--color-primitive-gray-6);
8
- --color-gray-7: var(--color-primitive-gray-7);
9
- --color-gray-8: var(--color-primitive-gray-8);
10
- --color-gray-9: var(--color-primitive-gray-9);
11
- --color-gray-10: var(--color-primitive-gray-10);
12
- --color-gray-11: var(--color-primitive-gray-11);
13
- --color-gray-12: var(--color-primitive-gray-12);
14
-
15
- --color-gray-a1: var(--color-primitive-gray-a1);
16
- --color-gray-a2: var(--color-primitive-gray-a2);
17
- --color-gray-a3: var(--color-primitive-gray-a3);
18
- --color-gray-a4: var(--color-primitive-gray-a4);
19
- --color-gray-a5: var(--color-primitive-gray-a5);
20
- --color-gray-a6: var(--color-primitive-gray-a6);
21
- --color-gray-a7: var(--color-primitive-gray-a7);
22
- --color-gray-a8: var(--color-primitive-gray-a8);
23
- --color-gray-a9: var(--color-primitive-gray-a9);
24
- --color-gray-a10: var(--color-primitive-gray-a10);
25
- --color-gray-a11: var(--color-primitive-gray-a11);
26
- --color-gray-a12: var(--color-primitive-gray-a12);
27
- }
28
-
29
- .color-gray-gray-dark {
30
- --color-gray-1: var(--color-primitive-gray-dark-1);
31
- --color-gray-2: var(--color-primitive-gray-dark-2);
32
- --color-gray-3: var(--color-primitive-gray-dark-3);
33
- --color-gray-4: var(--color-primitive-gray-dark-4);
34
- --color-gray-5: var(--color-primitive-gray-dark-5);
35
- --color-gray-6: var(--color-primitive-gray-dark-6);
36
- --color-gray-7: var(--color-primitive-gray-dark-7);
37
- --color-gray-8: var(--color-primitive-gray-dark-8);
38
- --color-gray-9: var(--color-primitive-gray-dark-9);
39
- --color-gray-10: var(--color-primitive-gray-dark-10);
40
- --color-gray-11: var(--color-primitive-gray-dark-11);
41
- --color-gray-12: var(--color-primitive-gray-dark-12);
42
-
43
- --color-gray-a1: var(--color-primitive-gray-dark-a1);
44
- --color-gray-a2: var(--color-primitive-gray-dark-a2);
45
- --color-gray-a3: var(--color-primitive-gray-dark-a3);
46
- --color-gray-a4: var(--color-primitive-gray-dark-a4);
47
- --color-gray-a5: var(--color-primitive-gray-dark-a5);
48
- --color-gray-a6: var(--color-primitive-gray-dark-a6);
49
- --color-gray-a7: var(--color-primitive-gray-dark-a7);
50
- --color-gray-a8: var(--color-primitive-gray-dark-a8);
51
- --color-gray-a9: var(--color-primitive-gray-dark-a9);
52
- --color-gray-a10: var(--color-primitive-gray-dark-a10);
53
- --color-gray-a11: var(--color-primitive-gray-dark-a11);
54
- --color-gray-a12: var(--color-primitive-gray-dark-a12);
55
- }
56
-
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);
84
-
85
- --color-gray-dark-1: var(--color-primitive-gray-dark-1);
86
- --color-gray-dark-2: var(--color-primitive-gray-dark-2);
87
- --color-gray-dark-3: var(--color-primitive-gray-dark-3);
88
- --color-gray-dark-4: var(--color-primitive-gray-dark-4);
89
- --color-gray-dark-5: var(--color-primitive-gray-dark-5);
90
- --color-gray-dark-6: var(--color-primitive-gray-dark-6);
91
- --color-gray-dark-7: var(--color-primitive-gray-dark-7);
92
- --color-gray-dark-8: var(--color-primitive-gray-dark-8);
93
- --color-gray-dark-9: var(--color-primitive-gray-dark-9);
94
- --color-gray-dark-10: var(--color-primitive-gray-dark-10);
95
- --color-gray-dark-11: var(--color-primitive-gray-dark-11);
96
- --color-gray-dark-12: var(--color-primitive-gray-dark-12);
97
-
98
- --color-gray-dark-a1: var(--color-primitive-gray-dark-a1);
99
- --color-gray-dark-a2: var(--color-primitive-gray-dark-a2);
100
- --color-gray-dark-a3: var(--color-primitive-gray-dark-a3);
101
- --color-gray-dark-a4: var(--color-primitive-gray-dark-a4);
102
- --color-gray-dark-a5: var(--color-primitive-gray-dark-a5);
103
- --color-gray-dark-a6: var(--color-primitive-gray-dark-a6);
104
- --color-gray-dark-a7: var(--color-primitive-gray-dark-a7);
105
- --color-gray-dark-a8: var(--color-primitive-gray-dark-a8);
106
- --color-gray-dark-a9: var(--color-primitive-gray-dark-a9);
107
- --color-gray-dark-a10: var(--color-primitive-gray-dark-a10);
108
- --color-gray-dark-a11: var(--color-primitive-gray-dark-a11);
109
- --color-gray-dark-a12: var(--color-primitive-gray-dark-a12);
110
- }
111
-
112
- .color-gray-mauve {
113
- --color-gray-1: var(--color-primitive-mauve-1);
114
- --color-gray-2: var(--color-primitive-mauve-2);
115
- --color-gray-3: var(--color-primitive-mauve-3);
116
- --color-gray-4: var(--color-primitive-mauve-4);
117
- --color-gray-5: var(--color-primitive-mauve-5);
118
- --color-gray-6: var(--color-primitive-mauve-6);
119
- --color-gray-7: var(--color-primitive-mauve-7);
120
- --color-gray-8: var(--color-primitive-mauve-8);
121
- --color-gray-9: var(--color-primitive-mauve-9);
122
- --color-gray-10: var(--color-primitive-mauve-10);
123
- --color-gray-11: var(--color-primitive-mauve-11);
124
- --color-gray-12: var(--color-primitive-mauve-12);
125
-
126
- --color-gray-a1: var(--color-primitive-mauve-a1);
127
- --color-gray-a2: var(--color-primitive-mauve-a2);
128
- --color-gray-a3: var(--color-primitive-mauve-a3);
129
- --color-gray-a4: var(--color-primitive-mauve-a4);
130
- --color-gray-a5: var(--color-primitive-mauve-a5);
131
- --color-gray-a6: var(--color-primitive-mauve-a6);
132
- --color-gray-a7: var(--color-primitive-mauve-a7);
133
- --color-gray-a8: var(--color-primitive-mauve-a8);
134
- --color-gray-a9: var(--color-primitive-mauve-a9);
135
- --color-gray-a10: var(--color-primitive-mauve-a10);
136
- --color-gray-a11: var(--color-primitive-mauve-a11);
137
- --color-gray-a12: var(--color-primitive-mauve-a12);
138
- }
139
-
140
- .color-gray-mauve-dark {
141
- --color-gray-1: var(--color-primitive-mauve-dark-1);
142
- --color-gray-2: var(--color-primitive-mauve-dark-2);
143
- --color-gray-3: var(--color-primitive-mauve-dark-3);
144
- --color-gray-4: var(--color-primitive-mauve-dark-4);
145
- --color-gray-5: var(--color-primitive-mauve-dark-5);
146
- --color-gray-6: var(--color-primitive-mauve-dark-6);
147
- --color-gray-7: var(--color-primitive-mauve-dark-7);
148
- --color-gray-8: var(--color-primitive-mauve-dark-8);
149
- --color-gray-9: var(--color-primitive-mauve-dark-9);
150
- --color-gray-10: var(--color-primitive-mauve-dark-10);
151
- --color-gray-11: var(--color-primitive-mauve-dark-11);
152
- --color-gray-12: var(--color-primitive-mauve-dark-12);
153
-
154
- --color-gray-a1: var(--color-primitive-mauve-dark-a1);
155
- --color-gray-a2: var(--color-primitive-mauve-dark-a2);
156
- --color-gray-a3: var(--color-primitive-mauve-dark-a3);
157
- --color-gray-a4: var(--color-primitive-mauve-dark-a4);
158
- --color-gray-a5: var(--color-primitive-mauve-dark-a5);
159
- --color-gray-a6: var(--color-primitive-mauve-dark-a6);
160
- --color-gray-a7: var(--color-primitive-mauve-dark-a7);
161
- --color-gray-a8: var(--color-primitive-mauve-dark-a8);
162
- --color-gray-a9: var(--color-primitive-mauve-dark-a9);
163
- --color-gray-a10: var(--color-primitive-mauve-dark-a10);
164
- --color-gray-a11: var(--color-primitive-mauve-dark-a11);
165
- --color-gray-a12: var(--color-primitive-mauve-dark-a12);
166
- }
167
-
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);
195
-
196
- --color-gray-dark-1: var(--color-primitive-mauve-dark-1);
197
- --color-gray-dark-2: var(--color-primitive-mauve-dark-2);
198
- --color-gray-dark-3: var(--color-primitive-mauve-dark-3);
199
- --color-gray-dark-4: var(--color-primitive-mauve-dark-4);
200
- --color-gray-dark-5: var(--color-primitive-mauve-dark-5);
201
- --color-gray-dark-6: var(--color-primitive-mauve-dark-6);
202
- --color-gray-dark-7: var(--color-primitive-mauve-dark-7);
203
- --color-gray-dark-8: var(--color-primitive-mauve-dark-8);
204
- --color-gray-dark-9: var(--color-primitive-mauve-dark-9);
205
- --color-gray-dark-10: var(--color-primitive-mauve-dark-10);
206
- --color-gray-dark-11: var(--color-primitive-mauve-dark-11);
207
- --color-gray-dark-12: var(--color-primitive-mauve-dark-12);
208
-
209
- --color-gray-dark-a1: var(--color-primitive-mauve-dark-a1);
210
- --color-gray-dark-a2: var(--color-primitive-mauve-dark-a2);
211
- --color-gray-dark-a3: var(--color-primitive-mauve-dark-a3);
212
- --color-gray-dark-a4: var(--color-primitive-mauve-dark-a4);
213
- --color-gray-dark-a5: var(--color-primitive-mauve-dark-a5);
214
- --color-gray-dark-a6: var(--color-primitive-mauve-dark-a6);
215
- --color-gray-dark-a7: var(--color-primitive-mauve-dark-a7);
216
- --color-gray-dark-a8: var(--color-primitive-mauve-dark-a8);
217
- --color-gray-dark-a9: var(--color-primitive-mauve-dark-a9);
218
- --color-gray-dark-a10: var(--color-primitive-mauve-dark-a10);
219
- --color-gray-dark-a11: var(--color-primitive-mauve-dark-a11);
220
- --color-gray-dark-a12: var(--color-primitive-mauve-dark-a12);
221
- }
222
-
223
- .color-gray-slate {
224
- --color-gray-1: var(--color-primitive-slate-1);
225
- --color-gray-2: var(--color-primitive-slate-2);
226
- --color-gray-3: var(--color-primitive-slate-3);
227
- --color-gray-4: var(--color-primitive-slate-4);
228
- --color-gray-5: var(--color-primitive-slate-5);
229
- --color-gray-6: var(--color-primitive-slate-6);
230
- --color-gray-7: var(--color-primitive-slate-7);
231
- --color-gray-8: var(--color-primitive-slate-8);
232
- --color-gray-9: var(--color-primitive-slate-9);
233
- --color-gray-10: var(--color-primitive-slate-10);
234
- --color-gray-11: var(--color-primitive-slate-11);
235
- --color-gray-12: var(--color-primitive-slate-12);
236
-
237
- --color-gray-a1: var(--color-primitive-slate-a1);
238
- --color-gray-a2: var(--color-primitive-slate-a2);
239
- --color-gray-a3: var(--color-primitive-slate-a3);
240
- --color-gray-a4: var(--color-primitive-slate-a4);
241
- --color-gray-a5: var(--color-primitive-slate-a5);
242
- --color-gray-a6: var(--color-primitive-slate-a6);
243
- --color-gray-a7: var(--color-primitive-slate-a7);
244
- --color-gray-a8: var(--color-primitive-slate-a8);
245
- --color-gray-a9: var(--color-primitive-slate-a9);
246
- --color-gray-a10: var(--color-primitive-slate-a10);
247
- --color-gray-a11: var(--color-primitive-slate-a11);
248
- --color-gray-a12: var(--color-primitive-slate-a12);
249
- }
250
-
251
- .color-gray-slate-dark {
252
- --color-gray-1: var(--color-primitive-slate-dark-1);
253
- --color-gray-2: var(--color-primitive-slate-dark-2);
254
- --color-gray-3: var(--color-primitive-slate-dark-3);
255
- --color-gray-4: var(--color-primitive-slate-dark-4);
256
- --color-gray-5: var(--color-primitive-slate-dark-5);
257
- --color-gray-6: var(--color-primitive-slate-dark-6);
258
- --color-gray-7: var(--color-primitive-slate-dark-7);
259
- --color-gray-8: var(--color-primitive-slate-dark-8);
260
- --color-gray-9: var(--color-primitive-slate-dark-9);
261
- --color-gray-10: var(--color-primitive-slate-dark-10);
262
- --color-gray-11: var(--color-primitive-slate-dark-11);
263
- --color-gray-12: var(--color-primitive-slate-dark-12);
264
-
265
- --color-gray-a1: var(--color-primitive-slate-dark-a1);
266
- --color-gray-a2: var(--color-primitive-slate-dark-a2);
267
- --color-gray-a3: var(--color-primitive-slate-dark-a3);
268
- --color-gray-a4: var(--color-primitive-slate-dark-a4);
269
- --color-gray-a5: var(--color-primitive-slate-dark-a5);
270
- --color-gray-a6: var(--color-primitive-slate-dark-a6);
271
- --color-gray-a7: var(--color-primitive-slate-dark-a7);
272
- --color-gray-a8: var(--color-primitive-slate-dark-a8);
273
- --color-gray-a9: var(--color-primitive-slate-dark-a9);
274
- --color-gray-a10: var(--color-primitive-slate-dark-a10);
275
- --color-gray-a11: var(--color-primitive-slate-dark-a11);
276
- --color-gray-a12: var(--color-primitive-slate-dark-a12);
277
- }
278
-
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);
306
-
307
- --color-gray-dark-1: var(--color-primitive-slate-dark-1);
308
- --color-gray-dark-2: var(--color-primitive-slate-dark-2);
309
- --color-gray-dark-3: var(--color-primitive-slate-dark-3);
310
- --color-gray-dark-4: var(--color-primitive-slate-dark-4);
311
- --color-gray-dark-5: var(--color-primitive-slate-dark-5);
312
- --color-gray-dark-6: var(--color-primitive-slate-dark-6);
313
- --color-gray-dark-7: var(--color-primitive-slate-dark-7);
314
- --color-gray-dark-8: var(--color-primitive-slate-dark-8);
315
- --color-gray-dark-9: var(--color-primitive-slate-dark-9);
316
- --color-gray-dark-10: var(--color-primitive-slate-dark-10);
317
- --color-gray-dark-11: var(--color-primitive-slate-dark-11);
318
- --color-gray-dark-12: var(--color-primitive-slate-dark-12);
319
-
320
- --color-gray-dark-a1: var(--color-primitive-slate-dark-a1);
321
- --color-gray-dark-a2: var(--color-primitive-slate-dark-a2);
322
- --color-gray-dark-a3: var(--color-primitive-slate-dark-a3);
323
- --color-gray-dark-a4: var(--color-primitive-slate-dark-a4);
324
- --color-gray-dark-a5: var(--color-primitive-slate-dark-a5);
325
- --color-gray-dark-a6: var(--color-primitive-slate-dark-a6);
326
- --color-gray-dark-a7: var(--color-primitive-slate-dark-a7);
327
- --color-gray-dark-a8: var(--color-primitive-slate-dark-a8);
328
- --color-gray-dark-a9: var(--color-primitive-slate-dark-a9);
329
- --color-gray-dark-a10: var(--color-primitive-slate-dark-a10);
330
- --color-gray-dark-a11: var(--color-primitive-slate-dark-a11);
331
- --color-gray-dark-a12: var(--color-primitive-slate-dark-a12);
332
- }
333
-
334
- .color-gray-sage {
335
- --color-gray-1: var(--color-primitive-sage-1);
336
- --color-gray-2: var(--color-primitive-sage-2);
337
- --color-gray-3: var(--color-primitive-sage-3);
338
- --color-gray-4: var(--color-primitive-sage-4);
339
- --color-gray-5: var(--color-primitive-sage-5);
340
- --color-gray-6: var(--color-primitive-sage-6);
341
- --color-gray-7: var(--color-primitive-sage-7);
342
- --color-gray-8: var(--color-primitive-sage-8);
343
- --color-gray-9: var(--color-primitive-sage-9);
344
- --color-gray-10: var(--color-primitive-sage-10);
345
- --color-gray-11: var(--color-primitive-sage-11);
346
- --color-gray-12: var(--color-primitive-sage-12);
347
-
348
- --color-gray-a1: var(--color-primitive-sage-a1);
349
- --color-gray-a2: var(--color-primitive-sage-a2);
350
- --color-gray-a3: var(--color-primitive-sage-a3);
351
- --color-gray-a4: var(--color-primitive-sage-a4);
352
- --color-gray-a5: var(--color-primitive-sage-a5);
353
- --color-gray-a6: var(--color-primitive-sage-a6);
354
- --color-gray-a7: var(--color-primitive-sage-a7);
355
- --color-gray-a8: var(--color-primitive-sage-a8);
356
- --color-gray-a9: var(--color-primitive-sage-a9);
357
- --color-gray-a10: var(--color-primitive-sage-a10);
358
- --color-gray-a11: var(--color-primitive-sage-a11);
359
- --color-gray-a12: var(--color-primitive-sage-a12);
360
- }
361
-
362
- .color-gray-sage-dark {
363
- --color-gray-1: var(--color-primitive-sage-dark-1);
364
- --color-gray-2: var(--color-primitive-sage-dark-2);
365
- --color-gray-3: var(--color-primitive-sage-dark-3);
366
- --color-gray-4: var(--color-primitive-sage-dark-4);
367
- --color-gray-5: var(--color-primitive-sage-dark-5);
368
- --color-gray-6: var(--color-primitive-sage-dark-6);
369
- --color-gray-7: var(--color-primitive-sage-dark-7);
370
- --color-gray-8: var(--color-primitive-sage-dark-8);
371
- --color-gray-9: var(--color-primitive-sage-dark-9);
372
- --color-gray-10: var(--color-primitive-sage-dark-10);
373
- --color-gray-11: var(--color-primitive-sage-dark-11);
374
- --color-gray-12: var(--color-primitive-sage-dark-12);
375
-
376
- --color-gray-a1: var(--color-primitive-sage-dark-a1);
377
- --color-gray-a2: var(--color-primitive-sage-dark-a2);
378
- --color-gray-a3: var(--color-primitive-sage-dark-a3);
379
- --color-gray-a4: var(--color-primitive-sage-dark-a4);
380
- --color-gray-a5: var(--color-primitive-sage-dark-a5);
381
- --color-gray-a6: var(--color-primitive-sage-dark-a6);
382
- --color-gray-a7: var(--color-primitive-sage-dark-a7);
383
- --color-gray-a8: var(--color-primitive-sage-dark-a8);
384
- --color-gray-a9: var(--color-primitive-sage-dark-a9);
385
- --color-gray-a10: var(--color-primitive-sage-dark-a10);
386
- --color-gray-a11: var(--color-primitive-sage-dark-a11);
387
- --color-gray-a12: var(--color-primitive-sage-dark-a12);
388
- }
389
-
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);
417
-
418
- --color-gray-dark-1: var(--color-primitive-sage-dark-1);
419
- --color-gray-dark-2: var(--color-primitive-sage-dark-2);
420
- --color-gray-dark-3: var(--color-primitive-sage-dark-3);
421
- --color-gray-dark-4: var(--color-primitive-sage-dark-4);
422
- --color-gray-dark-5: var(--color-primitive-sage-dark-5);
423
- --color-gray-dark-6: var(--color-primitive-sage-dark-6);
424
- --color-gray-dark-7: var(--color-primitive-sage-dark-7);
425
- --color-gray-dark-8: var(--color-primitive-sage-dark-8);
426
- --color-gray-dark-9: var(--color-primitive-sage-dark-9);
427
- --color-gray-dark-10: var(--color-primitive-sage-dark-10);
428
- --color-gray-dark-11: var(--color-primitive-sage-dark-11);
429
- --color-gray-dark-12: var(--color-primitive-sage-dark-12);
430
-
431
- --color-gray-dark-a1: var(--color-primitive-sage-dark-a1);
432
- --color-gray-dark-a2: var(--color-primitive-sage-dark-a2);
433
- --color-gray-dark-a3: var(--color-primitive-sage-dark-a3);
434
- --color-gray-dark-a4: var(--color-primitive-sage-dark-a4);
435
- --color-gray-dark-a5: var(--color-primitive-sage-dark-a5);
436
- --color-gray-dark-a6: var(--color-primitive-sage-dark-a6);
437
- --color-gray-dark-a7: var(--color-primitive-sage-dark-a7);
438
- --color-gray-dark-a8: var(--color-primitive-sage-dark-a8);
439
- --color-gray-dark-a9: var(--color-primitive-sage-dark-a9);
440
- --color-gray-dark-a10: var(--color-primitive-sage-dark-a10);
441
- --color-gray-dark-a11: var(--color-primitive-sage-dark-a11);
442
- --color-gray-dark-a12: var(--color-primitive-sage-dark-a12);
443
- }
444
-
445
- .color-gray-olive {
446
- --color-gray-1: var(--color-primitive-olive-1);
447
- --color-gray-2: var(--color-primitive-olive-2);
448
- --color-gray-3: var(--color-primitive-olive-3);
449
- --color-gray-4: var(--color-primitive-olive-4);
450
- --color-gray-5: var(--color-primitive-olive-5);
451
- --color-gray-6: var(--color-primitive-olive-6);
452
- --color-gray-7: var(--color-primitive-olive-7);
453
- --color-gray-8: var(--color-primitive-olive-8);
454
- --color-gray-9: var(--color-primitive-olive-9);
455
- --color-gray-10: var(--color-primitive-olive-10);
456
- --color-gray-11: var(--color-primitive-olive-11);
457
- --color-gray-12: var(--color-primitive-olive-12);
458
-
459
- --color-gray-a1: var(--color-primitive-olive-a1);
460
- --color-gray-a2: var(--color-primitive-olive-a2);
461
- --color-gray-a3: var(--color-primitive-olive-a3);
462
- --color-gray-a4: var(--color-primitive-olive-a4);
463
- --color-gray-a5: var(--color-primitive-olive-a5);
464
- --color-gray-a6: var(--color-primitive-olive-a6);
465
- --color-gray-a7: var(--color-primitive-olive-a7);
466
- --color-gray-a8: var(--color-primitive-olive-a8);
467
- --color-gray-a9: var(--color-primitive-olive-a9);
468
- --color-gray-a10: var(--color-primitive-olive-a10);
469
- --color-gray-a11: var(--color-primitive-olive-a11);
470
- --color-gray-a12: var(--color-primitive-olive-a12);
471
- }
472
-
473
- .color-gray-olive-dark {
474
- --color-gray-1: var(--color-primitive-olive-dark-1);
475
- --color-gray-2: var(--color-primitive-olive-dark-2);
476
- --color-gray-3: var(--color-primitive-olive-dark-3);
477
- --color-gray-4: var(--color-primitive-olive-dark-4);
478
- --color-gray-5: var(--color-primitive-olive-dark-5);
479
- --color-gray-6: var(--color-primitive-olive-dark-6);
480
- --color-gray-7: var(--color-primitive-olive-dark-7);
481
- --color-gray-8: var(--color-primitive-olive-dark-8);
482
- --color-gray-9: var(--color-primitive-olive-dark-9);
483
- --color-gray-10: var(--color-primitive-olive-dark-10);
484
- --color-gray-11: var(--color-primitive-olive-dark-11);
485
- --color-gray-12: var(--color-primitive-olive-dark-12);
486
-
487
- --color-gray-a1: var(--color-primitive-olive-dark-a1);
488
- --color-gray-a2: var(--color-primitive-olive-dark-a2);
489
- --color-gray-a3: var(--color-primitive-olive-dark-a3);
490
- --color-gray-a4: var(--color-primitive-olive-dark-a4);
491
- --color-gray-a5: var(--color-primitive-olive-dark-a5);
492
- --color-gray-a6: var(--color-primitive-olive-dark-a6);
493
- --color-gray-a7: var(--color-primitive-olive-dark-a7);
494
- --color-gray-a8: var(--color-primitive-olive-dark-a8);
495
- --color-gray-a9: var(--color-primitive-olive-dark-a9);
496
- --color-gray-a10: var(--color-primitive-olive-dark-a10);
497
- --color-gray-a11: var(--color-primitive-olive-dark-a11);
498
- --color-gray-a12: var(--color-primitive-olive-dark-a12);
499
- }
500
-
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);
528
-
529
- --color-gray-dark-1: var(--color-primitive-olive-dark-1);
530
- --color-gray-dark-2: var(--color-primitive-olive-dark-2);
531
- --color-gray-dark-3: var(--color-primitive-olive-dark-3);
532
- --color-gray-dark-4: var(--color-primitive-olive-dark-4);
533
- --color-gray-dark-5: var(--color-primitive-olive-dark-5);
534
- --color-gray-dark-6: var(--color-primitive-olive-dark-6);
535
- --color-gray-dark-7: var(--color-primitive-olive-dark-7);
536
- --color-gray-dark-8: var(--color-primitive-olive-dark-8);
537
- --color-gray-dark-9: var(--color-primitive-olive-dark-9);
538
- --color-gray-dark-10: var(--color-primitive-olive-dark-10);
539
- --color-gray-dark-11: var(--color-primitive-olive-dark-11);
540
- --color-gray-dark-12: var(--color-primitive-olive-dark-12);
541
-
542
- --color-gray-dark-a1: var(--color-primitive-olive-dark-a1);
543
- --color-gray-dark-a2: var(--color-primitive-olive-dark-a2);
544
- --color-gray-dark-a3: var(--color-primitive-olive-dark-a3);
545
- --color-gray-dark-a4: var(--color-primitive-olive-dark-a4);
546
- --color-gray-dark-a5: var(--color-primitive-olive-dark-a5);
547
- --color-gray-dark-a6: var(--color-primitive-olive-dark-a6);
548
- --color-gray-dark-a7: var(--color-primitive-olive-dark-a7);
549
- --color-gray-dark-a8: var(--color-primitive-olive-dark-a8);
550
- --color-gray-dark-a9: var(--color-primitive-olive-dark-a9);
551
- --color-gray-dark-a10: var(--color-primitive-olive-dark-a10);
552
- --color-gray-dark-a11: var(--color-primitive-olive-dark-a11);
553
- --color-gray-dark-a12: var(--color-primitive-olive-dark-a12);
554
- }
555
-
556
- .color-gray-sand {
557
- --color-gray-1: var(--color-primitive-sand-1);
558
- --color-gray-2: var(--color-primitive-sand-2);
559
- --color-gray-3: var(--color-primitive-sand-3);
560
- --color-gray-4: var(--color-primitive-sand-4);
561
- --color-gray-5: var(--color-primitive-sand-5);
562
- --color-gray-6: var(--color-primitive-sand-6);
563
- --color-gray-7: var(--color-primitive-sand-7);
564
- --color-gray-8: var(--color-primitive-sand-8);
565
- --color-gray-9: var(--color-primitive-sand-9);
566
- --color-gray-10: var(--color-primitive-sand-10);
567
- --color-gray-11: var(--color-primitive-sand-11);
568
- --color-gray-12: var(--color-primitive-sand-12);
569
-
570
- --color-gray-a1: var(--color-primitive-sand-a1);
571
- --color-gray-a2: var(--color-primitive-sand-a2);
572
- --color-gray-a3: var(--color-primitive-sand-a3);
573
- --color-gray-a4: var(--color-primitive-sand-a4);
574
- --color-gray-a5: var(--color-primitive-sand-a5);
575
- --color-gray-a6: var(--color-primitive-sand-a6);
576
- --color-gray-a7: var(--color-primitive-sand-a7);
577
- --color-gray-a8: var(--color-primitive-sand-a8);
578
- --color-gray-a9: var(--color-primitive-sand-a9);
579
- --color-gray-a10: var(--color-primitive-sand-a10);
580
- --color-gray-a11: var(--color-primitive-sand-a11);
581
- --color-gray-a12: var(--color-primitive-sand-a12);
582
- }
583
-
584
- .color-gray-sand-dark {
585
- --color-gray-1: var(--color-primitive-sand-dark-1);
586
- --color-gray-2: var(--color-primitive-sand-dark-2);
587
- --color-gray-3: var(--color-primitive-sand-dark-3);
588
- --color-gray-4: var(--color-primitive-sand-dark-4);
589
- --color-gray-5: var(--color-primitive-sand-dark-5);
590
- --color-gray-6: var(--color-primitive-sand-dark-6);
591
- --color-gray-7: var(--color-primitive-sand-dark-7);
592
- --color-gray-8: var(--color-primitive-sand-dark-8);
593
- --color-gray-9: var(--color-primitive-sand-dark-9);
594
- --color-gray-10: var(--color-primitive-sand-dark-10);
595
- --color-gray-11: var(--color-primitive-sand-dark-11);
596
- --color-gray-12: var(--color-primitive-sand-dark-12);
597
-
598
- --color-gray-a1: var(--color-primitive-sand-dark-a1);
599
- --color-gray-a2: var(--color-primitive-sand-dark-a2);
600
- --color-gray-a3: var(--color-primitive-sand-dark-a3);
601
- --color-gray-a4: var(--color-primitive-sand-dark-a4);
602
- --color-gray-a5: var(--color-primitive-sand-dark-a5);
603
- --color-gray-a6: var(--color-primitive-sand-dark-a6);
604
- --color-gray-a7: var(--color-primitive-sand-dark-a7);
605
- --color-gray-a8: var(--color-primitive-sand-dark-a8);
606
- --color-gray-a9: var(--color-primitive-sand-dark-a9);
607
- --color-gray-a10: var(--color-primitive-sand-dark-a10);
608
- --color-gray-a11: var(--color-primitive-sand-dark-a11);
609
- --color-gray-a12: var(--color-primitive-sand-dark-a12);
610
- }
611
-
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);
639
-
640
- --color-gray-dark-1: var(--color-primitive-sand-dark-1);
641
- --color-gray-dark-2: var(--color-primitive-sand-dark-2);
642
- --color-gray-dark-3: var(--color-primitive-sand-dark-3);
643
- --color-gray-dark-4: var(--color-primitive-sand-dark-4);
644
- --color-gray-dark-5: var(--color-primitive-sand-dark-5);
645
- --color-gray-dark-6: var(--color-primitive-sand-dark-6);
646
- --color-gray-dark-7: var(--color-primitive-sand-dark-7);
647
- --color-gray-dark-8: var(--color-primitive-sand-dark-8);
648
- --color-gray-dark-9: var(--color-primitive-sand-dark-9);
649
- --color-gray-dark-10: var(--color-primitive-sand-dark-10);
650
- --color-gray-dark-11: var(--color-primitive-sand-dark-11);
651
- --color-gray-dark-12: var(--color-primitive-sand-dark-12);
652
-
653
- --color-gray-dark-a1: var(--color-primitive-sand-dark-a1);
654
- --color-gray-dark-a2: var(--color-primitive-sand-dark-a2);
655
- --color-gray-dark-a3: var(--color-primitive-sand-dark-a3);
656
- --color-gray-dark-a4: var(--color-primitive-sand-dark-a4);
657
- --color-gray-dark-a5: var(--color-primitive-sand-dark-a5);
658
- --color-gray-dark-a6: var(--color-primitive-sand-dark-a6);
659
- --color-gray-dark-a7: var(--color-primitive-sand-dark-a7);
660
- --color-gray-dark-a8: var(--color-primitive-sand-dark-a8);
661
- --color-gray-dark-a9: var(--color-primitive-sand-dark-a9);
662
- --color-gray-dark-a10: var(--color-primitive-sand-dark-a10);
663
- --color-gray-dark-a11: var(--color-primitive-sand-dark-a11);
664
- --color-gray-dark-a12: var(--color-primitive-sand-dark-a12);
665
- }