@nattui/tailwind-colors 0.0.1

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.
@@ -0,0 +1,959 @@
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
+ --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
+ }
80
+
81
+ .color-gray-gray-dark {
82
+ --color-gray-1: var(--color-primitive-gray-dark-1);
83
+ --color-gray-2: var(--color-primitive-gray-dark-2);
84
+ --color-gray-3: var(--color-primitive-gray-dark-3);
85
+ --color-gray-4: var(--color-primitive-gray-dark-4);
86
+ --color-gray-5: var(--color-primitive-gray-dark-5);
87
+ --color-gray-6: var(--color-primitive-gray-dark-6);
88
+ --color-gray-7: var(--color-primitive-gray-dark-7);
89
+ --color-gray-8: var(--color-primitive-gray-dark-8);
90
+ --color-gray-9: var(--color-primitive-gray-dark-9);
91
+ --color-gray-10: var(--color-primitive-gray-dark-10);
92
+ --color-gray-11: var(--color-primitive-gray-dark-11);
93
+ --color-gray-12: var(--color-primitive-gray-dark-12);
94
+
95
+ --color-gray-a1: var(--color-primitive-gray-dark-a1);
96
+ --color-gray-a2: var(--color-primitive-gray-dark-a2);
97
+ --color-gray-a3: var(--color-primitive-gray-dark-a3);
98
+ --color-gray-a4: var(--color-primitive-gray-dark-a4);
99
+ --color-gray-a5: var(--color-primitive-gray-dark-a5);
100
+ --color-gray-a6: var(--color-primitive-gray-dark-a6);
101
+ --color-gray-a7: var(--color-primitive-gray-dark-a7);
102
+ --color-gray-a8: var(--color-primitive-gray-dark-a8);
103
+ --color-gray-a9: var(--color-primitive-gray-dark-a9);
104
+ --color-gray-a10: var(--color-primitive-gray-dark-a10);
105
+ --color-gray-a11: var(--color-primitive-gray-dark-a11);
106
+ --color-gray-a12: var(--color-primitive-gray-dark-a12);
107
+
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);
133
+
134
+ --color-gray-dark-1: var(--color-primitive-gray-dark-1);
135
+ --color-gray-dark-2: var(--color-primitive-gray-dark-2);
136
+ --color-gray-dark-3: var(--color-primitive-gray-dark-3);
137
+ --color-gray-dark-4: var(--color-primitive-gray-dark-4);
138
+ --color-gray-dark-5: var(--color-primitive-gray-dark-5);
139
+ --color-gray-dark-6: var(--color-primitive-gray-dark-6);
140
+ --color-gray-dark-7: var(--color-primitive-gray-dark-7);
141
+ --color-gray-dark-8: var(--color-primitive-gray-dark-8);
142
+ --color-gray-dark-9: var(--color-primitive-gray-dark-9);
143
+ --color-gray-dark-10: var(--color-primitive-gray-dark-10);
144
+ --color-gray-dark-11: var(--color-primitive-gray-dark-11);
145
+ --color-gray-dark-12: var(--color-primitive-gray-dark-12);
146
+
147
+ --color-gray-dark-a1: var(--color-primitive-gray-dark-a1);
148
+ --color-gray-dark-a2: var(--color-primitive-gray-dark-a2);
149
+ --color-gray-dark-a3: var(--color-primitive-gray-dark-a3);
150
+ --color-gray-dark-a4: var(--color-primitive-gray-dark-a4);
151
+ --color-gray-dark-a5: var(--color-primitive-gray-dark-a5);
152
+ --color-gray-dark-a6: var(--color-primitive-gray-dark-a6);
153
+ --color-gray-dark-a7: var(--color-primitive-gray-dark-a7);
154
+ --color-gray-dark-a8: var(--color-primitive-gray-dark-a8);
155
+ --color-gray-dark-a9: var(--color-primitive-gray-dark-a9);
156
+ --color-gray-dark-a10: var(--color-primitive-gray-dark-a10);
157
+ --color-gray-dark-a11: var(--color-primitive-gray-dark-a11);
158
+ --color-gray-dark-a12: var(--color-primitive-gray-dark-a12);
159
+ }
160
+
161
+ .color-gray-mauve {
162
+ --color-gray-1: var(--color-primitive-mauve-1);
163
+ --color-gray-2: var(--color-primitive-mauve-2);
164
+ --color-gray-3: var(--color-primitive-mauve-3);
165
+ --color-gray-4: var(--color-primitive-mauve-4);
166
+ --color-gray-5: var(--color-primitive-mauve-5);
167
+ --color-gray-6: var(--color-primitive-mauve-6);
168
+ --color-gray-7: var(--color-primitive-mauve-7);
169
+ --color-gray-8: var(--color-primitive-mauve-8);
170
+ --color-gray-9: var(--color-primitive-mauve-9);
171
+ --color-gray-10: var(--color-primitive-mauve-10);
172
+ --color-gray-11: var(--color-primitive-mauve-11);
173
+ --color-gray-12: var(--color-primitive-mauve-12);
174
+
175
+ --color-gray-a1: var(--color-primitive-mauve-a1);
176
+ --color-gray-a2: var(--color-primitive-mauve-a2);
177
+ --color-gray-a3: var(--color-primitive-mauve-a3);
178
+ --color-gray-a4: var(--color-primitive-mauve-a4);
179
+ --color-gray-a5: var(--color-primitive-mauve-a5);
180
+ --color-gray-a6: var(--color-primitive-mauve-a6);
181
+ --color-gray-a7: var(--color-primitive-mauve-a7);
182
+ --color-gray-a8: var(--color-primitive-mauve-a8);
183
+ --color-gray-a9: var(--color-primitive-mauve-a9);
184
+ --color-gray-a10: var(--color-primitive-mauve-a10);
185
+ --color-gray-a11: var(--color-primitive-mauve-a11);
186
+ --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
+ }
240
+
241
+ .color-gray-mauve-dark {
242
+ --color-gray-1: var(--color-primitive-mauve-dark-1);
243
+ --color-gray-2: var(--color-primitive-mauve-dark-2);
244
+ --color-gray-3: var(--color-primitive-mauve-dark-3);
245
+ --color-gray-4: var(--color-primitive-mauve-dark-4);
246
+ --color-gray-5: var(--color-primitive-mauve-dark-5);
247
+ --color-gray-6: var(--color-primitive-mauve-dark-6);
248
+ --color-gray-7: var(--color-primitive-mauve-dark-7);
249
+ --color-gray-8: var(--color-primitive-mauve-dark-8);
250
+ --color-gray-9: var(--color-primitive-mauve-dark-9);
251
+ --color-gray-10: var(--color-primitive-mauve-dark-10);
252
+ --color-gray-11: var(--color-primitive-mauve-dark-11);
253
+ --color-gray-12: var(--color-primitive-mauve-dark-12);
254
+
255
+ --color-gray-a1: var(--color-primitive-mauve-dark-a1);
256
+ --color-gray-a2: var(--color-primitive-mauve-dark-a2);
257
+ --color-gray-a3: var(--color-primitive-mauve-dark-a3);
258
+ --color-gray-a4: var(--color-primitive-mauve-dark-a4);
259
+ --color-gray-a5: var(--color-primitive-mauve-dark-a5);
260
+ --color-gray-a6: var(--color-primitive-mauve-dark-a6);
261
+ --color-gray-a7: var(--color-primitive-mauve-dark-a7);
262
+ --color-gray-a8: var(--color-primitive-mauve-dark-a8);
263
+ --color-gray-a9: var(--color-primitive-mauve-dark-a9);
264
+ --color-gray-a10: var(--color-primitive-mauve-dark-a10);
265
+ --color-gray-a11: var(--color-primitive-mauve-dark-a11);
266
+ --color-gray-a12: var(--color-primitive-mauve-dark-a12);
267
+
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);
293
+
294
+ --color-gray-dark-1: var(--color-primitive-mauve-dark-1);
295
+ --color-gray-dark-2: var(--color-primitive-mauve-dark-2);
296
+ --color-gray-dark-3: var(--color-primitive-mauve-dark-3);
297
+ --color-gray-dark-4: var(--color-primitive-mauve-dark-4);
298
+ --color-gray-dark-5: var(--color-primitive-mauve-dark-5);
299
+ --color-gray-dark-6: var(--color-primitive-mauve-dark-6);
300
+ --color-gray-dark-7: var(--color-primitive-mauve-dark-7);
301
+ --color-gray-dark-8: var(--color-primitive-mauve-dark-8);
302
+ --color-gray-dark-9: var(--color-primitive-mauve-dark-9);
303
+ --color-gray-dark-10: var(--color-primitive-mauve-dark-10);
304
+ --color-gray-dark-11: var(--color-primitive-mauve-dark-11);
305
+ --color-gray-dark-12: var(--color-primitive-mauve-dark-12);
306
+
307
+ --color-gray-dark-a1: var(--color-primitive-mauve-dark-a1);
308
+ --color-gray-dark-a2: var(--color-primitive-mauve-dark-a2);
309
+ --color-gray-dark-a3: var(--color-primitive-mauve-dark-a3);
310
+ --color-gray-dark-a4: var(--color-primitive-mauve-dark-a4);
311
+ --color-gray-dark-a5: var(--color-primitive-mauve-dark-a5);
312
+ --color-gray-dark-a6: var(--color-primitive-mauve-dark-a6);
313
+ --color-gray-dark-a7: var(--color-primitive-mauve-dark-a7);
314
+ --color-gray-dark-a8: var(--color-primitive-mauve-dark-a8);
315
+ --color-gray-dark-a9: var(--color-primitive-mauve-dark-a9);
316
+ --color-gray-dark-a10: var(--color-primitive-mauve-dark-a10);
317
+ --color-gray-dark-a11: var(--color-primitive-mauve-dark-a11);
318
+ --color-gray-dark-a12: var(--color-primitive-mauve-dark-a12);
319
+ }
320
+
321
+ .color-gray-slate {
322
+ --color-gray-1: var(--color-primitive-slate-1);
323
+ --color-gray-2: var(--color-primitive-slate-2);
324
+ --color-gray-3: var(--color-primitive-slate-3);
325
+ --color-gray-4: var(--color-primitive-slate-4);
326
+ --color-gray-5: var(--color-primitive-slate-5);
327
+ --color-gray-6: var(--color-primitive-slate-6);
328
+ --color-gray-7: var(--color-primitive-slate-7);
329
+ --color-gray-8: var(--color-primitive-slate-8);
330
+ --color-gray-9: var(--color-primitive-slate-9);
331
+ --color-gray-10: var(--color-primitive-slate-10);
332
+ --color-gray-11: var(--color-primitive-slate-11);
333
+ --color-gray-12: var(--color-primitive-slate-12);
334
+
335
+ --color-gray-a1: var(--color-primitive-slate-a1);
336
+ --color-gray-a2: var(--color-primitive-slate-a2);
337
+ --color-gray-a3: var(--color-primitive-slate-a3);
338
+ --color-gray-a4: var(--color-primitive-slate-a4);
339
+ --color-gray-a5: var(--color-primitive-slate-a5);
340
+ --color-gray-a6: var(--color-primitive-slate-a6);
341
+ --color-gray-a7: var(--color-primitive-slate-a7);
342
+ --color-gray-a8: var(--color-primitive-slate-a8);
343
+ --color-gray-a9: var(--color-primitive-slate-a9);
344
+ --color-gray-a10: var(--color-primitive-slate-a10);
345
+ --color-gray-a11: var(--color-primitive-slate-a11);
346
+ --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
+ }
400
+
401
+ .color-gray-slate-dark {
402
+ --color-gray-1: var(--color-primitive-slate-dark-1);
403
+ --color-gray-2: var(--color-primitive-slate-dark-2);
404
+ --color-gray-3: var(--color-primitive-slate-dark-3);
405
+ --color-gray-4: var(--color-primitive-slate-dark-4);
406
+ --color-gray-5: var(--color-primitive-slate-dark-5);
407
+ --color-gray-6: var(--color-primitive-slate-dark-6);
408
+ --color-gray-7: var(--color-primitive-slate-dark-7);
409
+ --color-gray-8: var(--color-primitive-slate-dark-8);
410
+ --color-gray-9: var(--color-primitive-slate-dark-9);
411
+ --color-gray-10: var(--color-primitive-slate-dark-10);
412
+ --color-gray-11: var(--color-primitive-slate-dark-11);
413
+ --color-gray-12: var(--color-primitive-slate-dark-12);
414
+
415
+ --color-gray-a1: var(--color-primitive-slate-dark-a1);
416
+ --color-gray-a2: var(--color-primitive-slate-dark-a2);
417
+ --color-gray-a3: var(--color-primitive-slate-dark-a3);
418
+ --color-gray-a4: var(--color-primitive-slate-dark-a4);
419
+ --color-gray-a5: var(--color-primitive-slate-dark-a5);
420
+ --color-gray-a6: var(--color-primitive-slate-dark-a6);
421
+ --color-gray-a7: var(--color-primitive-slate-dark-a7);
422
+ --color-gray-a8: var(--color-primitive-slate-dark-a8);
423
+ --color-gray-a9: var(--color-primitive-slate-dark-a9);
424
+ --color-gray-a10: var(--color-primitive-slate-dark-a10);
425
+ --color-gray-a11: var(--color-primitive-slate-dark-a11);
426
+ --color-gray-a12: var(--color-primitive-slate-dark-a12);
427
+
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);
453
+
454
+ --color-gray-dark-1: var(--color-primitive-slate-dark-1);
455
+ --color-gray-dark-2: var(--color-primitive-slate-dark-2);
456
+ --color-gray-dark-3: var(--color-primitive-slate-dark-3);
457
+ --color-gray-dark-4: var(--color-primitive-slate-dark-4);
458
+ --color-gray-dark-5: var(--color-primitive-slate-dark-5);
459
+ --color-gray-dark-6: var(--color-primitive-slate-dark-6);
460
+ --color-gray-dark-7: var(--color-primitive-slate-dark-7);
461
+ --color-gray-dark-8: var(--color-primitive-slate-dark-8);
462
+ --color-gray-dark-9: var(--color-primitive-slate-dark-9);
463
+ --color-gray-dark-10: var(--color-primitive-slate-dark-10);
464
+ --color-gray-dark-11: var(--color-primitive-slate-dark-11);
465
+ --color-gray-dark-12: var(--color-primitive-slate-dark-12);
466
+
467
+ --color-gray-dark-a1: var(--color-primitive-slate-dark-a1);
468
+ --color-gray-dark-a2: var(--color-primitive-slate-dark-a2);
469
+ --color-gray-dark-a3: var(--color-primitive-slate-dark-a3);
470
+ --color-gray-dark-a4: var(--color-primitive-slate-dark-a4);
471
+ --color-gray-dark-a5: var(--color-primitive-slate-dark-a5);
472
+ --color-gray-dark-a6: var(--color-primitive-slate-dark-a6);
473
+ --color-gray-dark-a7: var(--color-primitive-slate-dark-a7);
474
+ --color-gray-dark-a8: var(--color-primitive-slate-dark-a8);
475
+ --color-gray-dark-a9: var(--color-primitive-slate-dark-a9);
476
+ --color-gray-dark-a10: var(--color-primitive-slate-dark-a10);
477
+ --color-gray-dark-a11: var(--color-primitive-slate-dark-a11);
478
+ --color-gray-dark-a12: var(--color-primitive-slate-dark-a12);
479
+ }
480
+
481
+ .color-gray-sage {
482
+ --color-gray-1: var(--color-primitive-sage-1);
483
+ --color-gray-2: var(--color-primitive-sage-2);
484
+ --color-gray-3: var(--color-primitive-sage-3);
485
+ --color-gray-4: var(--color-primitive-sage-4);
486
+ --color-gray-5: var(--color-primitive-sage-5);
487
+ --color-gray-6: var(--color-primitive-sage-6);
488
+ --color-gray-7: var(--color-primitive-sage-7);
489
+ --color-gray-8: var(--color-primitive-sage-8);
490
+ --color-gray-9: var(--color-primitive-sage-9);
491
+ --color-gray-10: var(--color-primitive-sage-10);
492
+ --color-gray-11: var(--color-primitive-sage-11);
493
+ --color-gray-12: var(--color-primitive-sage-12);
494
+
495
+ --color-gray-a1: var(--color-primitive-sage-a1);
496
+ --color-gray-a2: var(--color-primitive-sage-a2);
497
+ --color-gray-a3: var(--color-primitive-sage-a3);
498
+ --color-gray-a4: var(--color-primitive-sage-a4);
499
+ --color-gray-a5: var(--color-primitive-sage-a5);
500
+ --color-gray-a6: var(--color-primitive-sage-a6);
501
+ --color-gray-a7: var(--color-primitive-sage-a7);
502
+ --color-gray-a8: var(--color-primitive-sage-a8);
503
+ --color-gray-a9: var(--color-primitive-sage-a9);
504
+ --color-gray-a10: var(--color-primitive-sage-a10);
505
+ --color-gray-a11: var(--color-primitive-sage-a11);
506
+ --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
+ }
560
+
561
+ .color-gray-sage-dark {
562
+ --color-gray-1: var(--color-primitive-sage-dark-1);
563
+ --color-gray-2: var(--color-primitive-sage-dark-2);
564
+ --color-gray-3: var(--color-primitive-sage-dark-3);
565
+ --color-gray-4: var(--color-primitive-sage-dark-4);
566
+ --color-gray-5: var(--color-primitive-sage-dark-5);
567
+ --color-gray-6: var(--color-primitive-sage-dark-6);
568
+ --color-gray-7: var(--color-primitive-sage-dark-7);
569
+ --color-gray-8: var(--color-primitive-sage-dark-8);
570
+ --color-gray-9: var(--color-primitive-sage-dark-9);
571
+ --color-gray-10: var(--color-primitive-sage-dark-10);
572
+ --color-gray-11: var(--color-primitive-sage-dark-11);
573
+ --color-gray-12: var(--color-primitive-sage-dark-12);
574
+
575
+ --color-gray-a1: var(--color-primitive-sage-dark-a1);
576
+ --color-gray-a2: var(--color-primitive-sage-dark-a2);
577
+ --color-gray-a3: var(--color-primitive-sage-dark-a3);
578
+ --color-gray-a4: var(--color-primitive-sage-dark-a4);
579
+ --color-gray-a5: var(--color-primitive-sage-dark-a5);
580
+ --color-gray-a6: var(--color-primitive-sage-dark-a6);
581
+ --color-gray-a7: var(--color-primitive-sage-dark-a7);
582
+ --color-gray-a8: var(--color-primitive-sage-dark-a8);
583
+ --color-gray-a9: var(--color-primitive-sage-dark-a9);
584
+ --color-gray-a10: var(--color-primitive-sage-dark-a10);
585
+ --color-gray-a11: var(--color-primitive-sage-dark-a11);
586
+ --color-gray-a12: var(--color-primitive-sage-dark-a12);
587
+
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);
613
+
614
+ --color-gray-dark-1: var(--color-primitive-sage-dark-1);
615
+ --color-gray-dark-2: var(--color-primitive-sage-dark-2);
616
+ --color-gray-dark-3: var(--color-primitive-sage-dark-3);
617
+ --color-gray-dark-4: var(--color-primitive-sage-dark-4);
618
+ --color-gray-dark-5: var(--color-primitive-sage-dark-5);
619
+ --color-gray-dark-6: var(--color-primitive-sage-dark-6);
620
+ --color-gray-dark-7: var(--color-primitive-sage-dark-7);
621
+ --color-gray-dark-8: var(--color-primitive-sage-dark-8);
622
+ --color-gray-dark-9: var(--color-primitive-sage-dark-9);
623
+ --color-gray-dark-10: var(--color-primitive-sage-dark-10);
624
+ --color-gray-dark-11: var(--color-primitive-sage-dark-11);
625
+ --color-gray-dark-12: var(--color-primitive-sage-dark-12);
626
+
627
+ --color-gray-dark-a1: var(--color-primitive-sage-dark-a1);
628
+ --color-gray-dark-a2: var(--color-primitive-sage-dark-a2);
629
+ --color-gray-dark-a3: var(--color-primitive-sage-dark-a3);
630
+ --color-gray-dark-a4: var(--color-primitive-sage-dark-a4);
631
+ --color-gray-dark-a5: var(--color-primitive-sage-dark-a5);
632
+ --color-gray-dark-a6: var(--color-primitive-sage-dark-a6);
633
+ --color-gray-dark-a7: var(--color-primitive-sage-dark-a7);
634
+ --color-gray-dark-a8: var(--color-primitive-sage-dark-a8);
635
+ --color-gray-dark-a9: var(--color-primitive-sage-dark-a9);
636
+ --color-gray-dark-a10: var(--color-primitive-sage-dark-a10);
637
+ --color-gray-dark-a11: var(--color-primitive-sage-dark-a11);
638
+ --color-gray-dark-a12: var(--color-primitive-sage-dark-a12);
639
+ }
640
+
641
+ .color-gray-olive {
642
+ --color-gray-1: var(--color-primitive-olive-1);
643
+ --color-gray-2: var(--color-primitive-olive-2);
644
+ --color-gray-3: var(--color-primitive-olive-3);
645
+ --color-gray-4: var(--color-primitive-olive-4);
646
+ --color-gray-5: var(--color-primitive-olive-5);
647
+ --color-gray-6: var(--color-primitive-olive-6);
648
+ --color-gray-7: var(--color-primitive-olive-7);
649
+ --color-gray-8: var(--color-primitive-olive-8);
650
+ --color-gray-9: var(--color-primitive-olive-9);
651
+ --color-gray-10: var(--color-primitive-olive-10);
652
+ --color-gray-11: var(--color-primitive-olive-11);
653
+ --color-gray-12: var(--color-primitive-olive-12);
654
+
655
+ --color-gray-a1: var(--color-primitive-olive-a1);
656
+ --color-gray-a2: var(--color-primitive-olive-a2);
657
+ --color-gray-a3: var(--color-primitive-olive-a3);
658
+ --color-gray-a4: var(--color-primitive-olive-a4);
659
+ --color-gray-a5: var(--color-primitive-olive-a5);
660
+ --color-gray-a6: var(--color-primitive-olive-a6);
661
+ --color-gray-a7: var(--color-primitive-olive-a7);
662
+ --color-gray-a8: var(--color-primitive-olive-a8);
663
+ --color-gray-a9: var(--color-primitive-olive-a9);
664
+ --color-gray-a10: var(--color-primitive-olive-a10);
665
+ --color-gray-a11: var(--color-primitive-olive-a11);
666
+ --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
+ }
720
+
721
+ .color-gray-olive-dark {
722
+ --color-gray-1: var(--color-primitive-olive-dark-1);
723
+ --color-gray-2: var(--color-primitive-olive-dark-2);
724
+ --color-gray-3: var(--color-primitive-olive-dark-3);
725
+ --color-gray-4: var(--color-primitive-olive-dark-4);
726
+ --color-gray-5: var(--color-primitive-olive-dark-5);
727
+ --color-gray-6: var(--color-primitive-olive-dark-6);
728
+ --color-gray-7: var(--color-primitive-olive-dark-7);
729
+ --color-gray-8: var(--color-primitive-olive-dark-8);
730
+ --color-gray-9: var(--color-primitive-olive-dark-9);
731
+ --color-gray-10: var(--color-primitive-olive-dark-10);
732
+ --color-gray-11: var(--color-primitive-olive-dark-11);
733
+ --color-gray-12: var(--color-primitive-olive-dark-12);
734
+
735
+ --color-gray-a1: var(--color-primitive-olive-dark-a1);
736
+ --color-gray-a2: var(--color-primitive-olive-dark-a2);
737
+ --color-gray-a3: var(--color-primitive-olive-dark-a3);
738
+ --color-gray-a4: var(--color-primitive-olive-dark-a4);
739
+ --color-gray-a5: var(--color-primitive-olive-dark-a5);
740
+ --color-gray-a6: var(--color-primitive-olive-dark-a6);
741
+ --color-gray-a7: var(--color-primitive-olive-dark-a7);
742
+ --color-gray-a8: var(--color-primitive-olive-dark-a8);
743
+ --color-gray-a9: var(--color-primitive-olive-dark-a9);
744
+ --color-gray-a10: var(--color-primitive-olive-dark-a10);
745
+ --color-gray-a11: var(--color-primitive-olive-dark-a11);
746
+ --color-gray-a12: var(--color-primitive-olive-dark-a12);
747
+
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);
773
+
774
+ --color-gray-dark-1: var(--color-primitive-olive-dark-1);
775
+ --color-gray-dark-2: var(--color-primitive-olive-dark-2);
776
+ --color-gray-dark-3: var(--color-primitive-olive-dark-3);
777
+ --color-gray-dark-4: var(--color-primitive-olive-dark-4);
778
+ --color-gray-dark-5: var(--color-primitive-olive-dark-5);
779
+ --color-gray-dark-6: var(--color-primitive-olive-dark-6);
780
+ --color-gray-dark-7: var(--color-primitive-olive-dark-7);
781
+ --color-gray-dark-8: var(--color-primitive-olive-dark-8);
782
+ --color-gray-dark-9: var(--color-primitive-olive-dark-9);
783
+ --color-gray-dark-10: var(--color-primitive-olive-dark-10);
784
+ --color-gray-dark-11: var(--color-primitive-olive-dark-11);
785
+ --color-gray-dark-12: var(--color-primitive-olive-dark-12);
786
+
787
+ --color-gray-dark-a1: var(--color-primitive-olive-dark-a1);
788
+ --color-gray-dark-a2: var(--color-primitive-olive-dark-a2);
789
+ --color-gray-dark-a3: var(--color-primitive-olive-dark-a3);
790
+ --color-gray-dark-a4: var(--color-primitive-olive-dark-a4);
791
+ --color-gray-dark-a5: var(--color-primitive-olive-dark-a5);
792
+ --color-gray-dark-a6: var(--color-primitive-olive-dark-a6);
793
+ --color-gray-dark-a7: var(--color-primitive-olive-dark-a7);
794
+ --color-gray-dark-a8: var(--color-primitive-olive-dark-a8);
795
+ --color-gray-dark-a9: var(--color-primitive-olive-dark-a9);
796
+ --color-gray-dark-a10: var(--color-primitive-olive-dark-a10);
797
+ --color-gray-dark-a11: var(--color-primitive-olive-dark-a11);
798
+ --color-gray-dark-a12: var(--color-primitive-olive-dark-a12);
799
+ }
800
+
801
+ .color-gray-sand {
802
+ --color-gray-1: var(--color-primitive-sand-1);
803
+ --color-gray-2: var(--color-primitive-sand-2);
804
+ --color-gray-3: var(--color-primitive-sand-3);
805
+ --color-gray-4: var(--color-primitive-sand-4);
806
+ --color-gray-5: var(--color-primitive-sand-5);
807
+ --color-gray-6: var(--color-primitive-sand-6);
808
+ --color-gray-7: var(--color-primitive-sand-7);
809
+ --color-gray-8: var(--color-primitive-sand-8);
810
+ --color-gray-9: var(--color-primitive-sand-9);
811
+ --color-gray-10: var(--color-primitive-sand-10);
812
+ --color-gray-11: var(--color-primitive-sand-11);
813
+ --color-gray-12: var(--color-primitive-sand-12);
814
+
815
+ --color-gray-a1: var(--color-primitive-sand-a1);
816
+ --color-gray-a2: var(--color-primitive-sand-a2);
817
+ --color-gray-a3: var(--color-primitive-sand-a3);
818
+ --color-gray-a4: var(--color-primitive-sand-a4);
819
+ --color-gray-a5: var(--color-primitive-sand-a5);
820
+ --color-gray-a6: var(--color-primitive-sand-a6);
821
+ --color-gray-a7: var(--color-primitive-sand-a7);
822
+ --color-gray-a8: var(--color-primitive-sand-a8);
823
+ --color-gray-a9: var(--color-primitive-sand-a9);
824
+ --color-gray-a10: var(--color-primitive-sand-a10);
825
+ --color-gray-a11: var(--color-primitive-sand-a11);
826
+ --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
+ }
880
+
881
+ .color-gray-sand-dark {
882
+ --color-gray-1: var(--color-primitive-sand-dark-1);
883
+ --color-gray-2: var(--color-primitive-sand-dark-2);
884
+ --color-gray-3: var(--color-primitive-sand-dark-3);
885
+ --color-gray-4: var(--color-primitive-sand-dark-4);
886
+ --color-gray-5: var(--color-primitive-sand-dark-5);
887
+ --color-gray-6: var(--color-primitive-sand-dark-6);
888
+ --color-gray-7: var(--color-primitive-sand-dark-7);
889
+ --color-gray-8: var(--color-primitive-sand-dark-8);
890
+ --color-gray-9: var(--color-primitive-sand-dark-9);
891
+ --color-gray-10: var(--color-primitive-sand-dark-10);
892
+ --color-gray-11: var(--color-primitive-sand-dark-11);
893
+ --color-gray-12: var(--color-primitive-sand-dark-12);
894
+
895
+ --color-gray-a1: var(--color-primitive-sand-dark-a1);
896
+ --color-gray-a2: var(--color-primitive-sand-dark-a2);
897
+ --color-gray-a3: var(--color-primitive-sand-dark-a3);
898
+ --color-gray-a4: var(--color-primitive-sand-dark-a4);
899
+ --color-gray-a5: var(--color-primitive-sand-dark-a5);
900
+ --color-gray-a6: var(--color-primitive-sand-dark-a6);
901
+ --color-gray-a7: var(--color-primitive-sand-dark-a7);
902
+ --color-gray-a8: var(--color-primitive-sand-dark-a8);
903
+ --color-gray-a9: var(--color-primitive-sand-dark-a9);
904
+ --color-gray-a10: var(--color-primitive-sand-dark-a10);
905
+ --color-gray-a11: var(--color-primitive-sand-dark-a11);
906
+ --color-gray-a12: var(--color-primitive-sand-dark-a12);
907
+
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);
933
+
934
+ --color-gray-dark-1: var(--color-primitive-sand-dark-1);
935
+ --color-gray-dark-2: var(--color-primitive-sand-dark-2);
936
+ --color-gray-dark-3: var(--color-primitive-sand-dark-3);
937
+ --color-gray-dark-4: var(--color-primitive-sand-dark-4);
938
+ --color-gray-dark-5: var(--color-primitive-sand-dark-5);
939
+ --color-gray-dark-6: var(--color-primitive-sand-dark-6);
940
+ --color-gray-dark-7: var(--color-primitive-sand-dark-7);
941
+ --color-gray-dark-8: var(--color-primitive-sand-dark-8);
942
+ --color-gray-dark-9: var(--color-primitive-sand-dark-9);
943
+ --color-gray-dark-10: var(--color-primitive-sand-dark-10);
944
+ --color-gray-dark-11: var(--color-primitive-sand-dark-11);
945
+ --color-gray-dark-12: var(--color-primitive-sand-dark-12);
946
+
947
+ --color-gray-dark-a1: var(--color-primitive-sand-dark-a1);
948
+ --color-gray-dark-a2: var(--color-primitive-sand-dark-a2);
949
+ --color-gray-dark-a3: var(--color-primitive-sand-dark-a3);
950
+ --color-gray-dark-a4: var(--color-primitive-sand-dark-a4);
951
+ --color-gray-dark-a5: var(--color-primitive-sand-dark-a5);
952
+ --color-gray-dark-a6: var(--color-primitive-sand-dark-a6);
953
+ --color-gray-dark-a7: var(--color-primitive-sand-dark-a7);
954
+ --color-gray-dark-a8: var(--color-primitive-sand-dark-a8);
955
+ --color-gray-dark-a9: var(--color-primitive-sand-dark-a9);
956
+ --color-gray-dark-a10: var(--color-primitive-sand-dark-a10);
957
+ --color-gray-dark-a11: var(--color-primitive-sand-dark-a11);
958
+ --color-gray-dark-a12: var(--color-primitive-sand-dark-a12);
959
+ }