@evolve.ui/theme-system 1.0.0

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 (84) hide show
  1. package/allThemes-CFS_9-tk.cjs +34 -0
  2. package/allThemes-CFS_9-tk.cjs.map +1 -0
  3. package/allThemes-OV-ayn4C.mjs +17 -0
  4. package/allThemes-OV-ayn4C.mjs.map +1 -0
  5. package/allThemes.cjs +6 -0
  6. package/allThemes.d.cts +11 -0
  7. package/allThemes.d.cts.map +1 -0
  8. package/allThemes.d.mts +11 -0
  9. package/allThemes.d.mts.map +1 -0
  10. package/allThemes.mjs +2 -0
  11. package/brands-n30rolHQ.d.cts +33 -0
  12. package/brands-n30rolHQ.d.cts.map +1 -0
  13. package/brands-n30rolHQ.d.mts +33 -0
  14. package/brands-n30rolHQ.d.mts.map +1 -0
  15. package/brands.cjs +41 -0
  16. package/brands.cjs.map +1 -0
  17. package/brands.d.cts +2 -0
  18. package/brands.d.mts +2 -0
  19. package/brands.mjs +35 -0
  20. package/brands.mjs.map +1 -0
  21. package/cn.cjs +43 -0
  22. package/cn.cjs.map +1 -0
  23. package/cn.d.cts +36 -0
  24. package/cn.d.cts.map +1 -0
  25. package/cn.d.mts +36 -0
  26. package/cn.d.mts.map +1 -0
  27. package/cn.mjs +39 -0
  28. package/cn.mjs.map +1 -0
  29. package/css/BasketballTraining.css +377 -0
  30. package/css/Default.css +377 -0
  31. package/css/ProfessionalBrand.css +377 -0
  32. package/default-B2n4PnsJ.mjs +914 -0
  33. package/default-B2n4PnsJ.mjs.map +1 -0
  34. package/default-b-tgfyxR.cjs +956 -0
  35. package/default-b-tgfyxR.cjs.map +1 -0
  36. package/fontFamily-BBoee6cS.cjs +85 -0
  37. package/fontFamily-BBoee6cS.cjs.map +1 -0
  38. package/fontFamily-DTm-Yz5-.mjs +31 -0
  39. package/fontFamily-DTm-Yz5-.mjs.map +1 -0
  40. package/index.cjs +249 -0
  41. package/index.cjs.map +1 -0
  42. package/index.d.cts +516 -0
  43. package/index.d.cts.map +1 -0
  44. package/index.d.mts +516 -0
  45. package/index.d.mts.map +1 -0
  46. package/index.mjs +28 -0
  47. package/index.mjs.map +1 -0
  48. package/package.json +53 -0
  49. package/plugin-D4eCyUJe.mjs +583 -0
  50. package/plugin-D4eCyUJe.mjs.map +1 -0
  51. package/plugin-DPtvp4lp.cjs +601 -0
  52. package/plugin-DPtvp4lp.cjs.map +1 -0
  53. package/spacing-B2mhXYOl.cjs +1446 -0
  54. package/spacing-B2mhXYOl.cjs.map +1 -0
  55. package/spacing-D43IZfIU.mjs +289 -0
  56. package/spacing-D43IZfIU.mjs.map +1 -0
  57. package/tailwind/plugin.cjs +6 -0
  58. package/tailwind/plugin.d.cts +18 -0
  59. package/tailwind/plugin.d.cts.map +1 -0
  60. package/tailwind/plugin.d.mts +18 -0
  61. package/tailwind/plugin.d.mts.map +1 -0
  62. package/tailwind/plugin.mjs +2 -0
  63. package/tailwind.config.cjs +2 -0
  64. package/tailwind.config.mjs +2 -0
  65. package/themes/common.cjs +68 -0
  66. package/themes/common.cjs.map +1 -0
  67. package/themes/common.d.cts +58 -0
  68. package/themes/common.d.cts.map +1 -0
  69. package/themes/common.d.mts +58 -0
  70. package/themes/common.d.mts.map +1 -0
  71. package/themes/common.mjs +61 -0
  72. package/themes/common.mjs.map +1 -0
  73. package/themes/runtime/default.cjs +6 -0
  74. package/themes/runtime/default.d.cts +7 -0
  75. package/themes/runtime/default.d.cts.map +1 -0
  76. package/themes/runtime/default.d.mts +7 -0
  77. package/themes/runtime/default.d.mts.map +1 -0
  78. package/themes/runtime/default.mjs +2 -0
  79. package/themes/themeType.cjs +0 -0
  80. package/themes/themeType.d.cts +284 -0
  81. package/themes/themeType.d.cts.map +1 -0
  82. package/themes/themeType.d.mts +284 -0
  83. package/themes/themeType.d.mts.map +1 -0
  84. package/themes/themeType.mjs +1 -0
package/css/BasketballTraining.css ADDED
@@ -0,0 +1,377 @@
1
+ .brand-basketball {
2
+ --box-shadow-01: 0px 4px 4px rgb(var(--color-surface-200) / 50%);
3
+ --box-shadow-02: 0px 1px 4px rgb(var(--color-surface-300) / 50%), 0px 1px 8px rgb(var(--color-surface-200) / 50%);
4
+ --box-shadow-03: 0px 2px 8px rgb(var(--color-surface-300) / 50%), 0px 4px 16px rgb(var(--color-surface-200) / 50%);
5
+ --box-shadow-04: 0px 3px 12px rgb(var(--color-surface-500) / 50%), 0px 6px 24px rgb(var(--color-surface-300) / 50%);
6
+ --box-shadow-05: 0px -4px 4px rgb(var(--color-surface-200) / 50%);
7
+ --button-border-radius: 8px;
8
+ --checkbox-border-radius: 4px;
9
+ --color-background-critical-dark: var(--color-critical-500);
10
+ --color-background-critical-light: var(--color-critical-50);
11
+ --color-background-disabled: var(--color-surface-200);
12
+ --color-background-hover: var(--color-surface-900);
13
+ --color-background-hover-inverse: var(--color-surface-50);
14
+ --color-background-info-dark: var(--color-info-600);
15
+ --color-background-info-light: var(--color-info-50);
16
+ --color-background-inverse: var(--color-primary-900);
17
+ --color-background-overlay: var(--color-surface-900);
18
+ --color-background-pressed: var(--color-surface-900);
19
+ --color-background-pressed-inverse: var(--color-surface-50);
20
+ --color-background-primary: var(--color-surface-50);
21
+ --color-background-secondary: var(--color-secondary-50);
22
+ --color-background-subdued: var(--color-surface-100);
23
+ --color-background-success-dark: var(--color-success-900);
24
+ --color-background-success-light: var(--color-success-50);
25
+ --color-background-tertiary: var(--color-tertiary-50);
26
+ --color-background-warning-dark: var(--color-warning-500);
27
+ --color-background-warning-light: var(--color-warning-50);
28
+ --color-border-black: var(--color-surface-900);
29
+ --color-border-critical: var(--color-critical-400);
30
+ --color-border-disabled: var(--color-surface-300);
31
+ --color-border-hover: var(--color-primary-700);
32
+ --color-border-info: var(--color-info-400);
33
+ --color-border-inverse: var(--color-surface-50);
34
+ --color-border-primary: var(--color-surface-300);
35
+ --color-border-secondary: var(--color-surface-200);
36
+ --color-border-selected: var(--color-primary-500);
37
+ --color-border-success: var(--color-success-300);
38
+ --color-border-tertiary: var(--color-surface-100);
39
+ --color-border-warning: var(--color-warning-300);
40
+ --color-focus-inverse: var(--color-surface-50);
41
+ --color-focus-primary: var(--color-primary-500);
42
+ --color-icon-critical: var(--color-critical-400);
43
+ --color-icon-disabled: var(--color-surface-300);
44
+ --color-icon-info: var(--color-info-400);
45
+ --color-icon-inverse: var(--color-surface-50);
46
+ --color-icon-primary: var(--color-surface-500);
47
+ --color-icon-secondary: var(--color-primary-500);
48
+ --color-icon-success: var(--color-success-700);
49
+ --color-icon-warning: var(--color-warning-600);
50
+ --color-link-disabled: var(--color-surface-300);
51
+ --color-link-hover: var(--color-primary-700);
52
+ --color-link-inverse: var(--color-surface-50);
53
+ --color-link-inverse-disabled: var(--color-surface-300);
54
+ --color-link-inverse-hover: var(--color-surface-100);
55
+ --color-link-inverse-pressed: var(--color-surface-200);
56
+ --color-link-monochrome: var(--color-surface-900);
57
+ --color-link-pressed: var(--color-primary-900);
58
+ --color-link-primary: var(--color-primary-500);
59
+ --color-link-secondary: var(--color-surface-500);
60
+ --color-text-critical: var(--color-critical-500);
61
+ --color-text-disabled: var(--color-surface-300);
62
+ --color-text-inactive: var(--color-surface-300);
63
+ --color-text-info: var(--color-info-700);
64
+ --color-text-inverse: var(--color-surface-50);
65
+ --color-text-primary: var(--color-surface-900);
66
+ --color-text-secondary: var(--color-surface-500);
67
+ --color-text-success: var(--color-success-900);
68
+ --color-text-warning: var(--color-warning-800);
69
+ --container-border-radius: 12px;
70
+ --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
71
+ --font-family-secondary: 'Georgia', serif;
72
+ --font-size-button-100: 14px;
73
+ --font-size-button-200: 12px;
74
+ --font-weight-body-primary: 400;
75
+ --font-weight-body-secondary: 400;
76
+ --font-weight-button: 600;
77
+ --font-weight-caption: 400;
78
+ --font-weight-h1: 400;
79
+ --font-weight-h2: 400;
80
+ --font-weight-h3: 400;
81
+ --font-weight-h4: 400;
82
+ --font-weight-h5: 600;
83
+ --font-weight-h6: 600;
84
+ --font-weight-label-mini: 400;
85
+ --font-weight-label-strong: 600;
86
+ --input-border-radius: 6px;
87
+ --letter-spacing-body-primary: 0.2px;
88
+ --letter-spacing-body-secondary: 0.2px;
89
+ --letter-spacing-button: 1px;
90
+ --letter-spacing-caption: 0.2px;
91
+ --letter-spacing-h1: 0.2px;
92
+ --letter-spacing-h1-mobile: 0.2px;
93
+ --letter-spacing-h2: 0.2px;
94
+ --letter-spacing-h2-mobile: 0.2px;
95
+ --letter-spacing-h3: 0.2px;
96
+ --letter-spacing-h3-mobile: 0.2px;
97
+ --letter-spacing-h4: 0.2px;
98
+ --letter-spacing-h5: 0.2px;
99
+ --letter-spacing-h6: 1px;
100
+ --letter-spacing-label-mini: 1px;
101
+ --letter-spacing-label-strong: 0.2px;
102
+ --search-input-border-radius: 24px;
103
+ --text-transform-button: uppercase;
104
+ --text-transform-h6: uppercase;
105
+ --text-transform-label-mini: uppercase;
106
+ --width-dense: 1200px;
107
+ --width-page: 1644px;
108
+ --color-critical-50: 253 244 243;
109
+ --color-critical-100: 249 221 219;
110
+ --color-critical-200: 244 188 184;
111
+ --color-critical-300: 233 121 113;
112
+ --color-critical-400: 225 76 65;
113
+ --color-critical-500: 204 43 32;
114
+ --color-critical-600: 163 34 26;
115
+ --color-critical-700: 122 26 19;
116
+ --color-critical-800: 102 21 16;
117
+ --color-critical-900: 61 13 10;
118
+ --color-info-50: 238 249 255;
119
+ --color-info-100: 204 236 254;
120
+ --color-info-200: 153 218 253;
121
+ --color-info-300: 51 180 251;
122
+ --color-info-400: 4 149 229;
123
+ --color-info-500: 3 105 161;
124
+ --color-info-600: 2 84 129;
125
+ --color-info-700: 2 63 97;
126
+ --color-info-800: 1 52 80;
127
+ --color-info-900: 1 31 48;
128
+ --color-primary-50: 254 245 241;
129
+ --color-primary-100: 252 224 212;
130
+ --color-primary-200: 250 193 169;
131
+ --color-primary-300: 244 130 83;
132
+ --color-primary-400: 241 89 26;
133
+ --color-primary-500: 194 65 12;
134
+ --color-primary-600: 155 52 10;
135
+ --color-primary-700: 116 39 7;
136
+ --color-primary-800: 97 32 6;
137
+ --color-primary-900: 58 19 4;
138
+ --color-secondary-50: 240 245 250;
139
+ --color-secondary-100: 211 224 241;
140
+ --color-secondary-200: 167 193 227;
141
+ --color-secondary-300: 79 131 200;
142
+ --color-secondary-400: 48 94 153;
143
+ --color-secondary-500: 30 58 95;
144
+ --color-secondary-600: 24 46 76;
145
+ --color-secondary-700: 18 35 57;
146
+ --color-secondary-800: 15 29 47;
147
+ --color-secondary-900: 9 17 28;
148
+ --color-success-50: 239 252 244;
149
+ --color-success-100: 208 247 223;
150
+ --color-success-200: 162 240 191;
151
+ --color-success-300: 69 224 127;
152
+ --color-success-400: 31 190 91;
153
+ --color-success-500: 21 128 61;
154
+ --color-success-600: 17 102 49;
155
+ --color-success-700: 13 77 37;
156
+ --color-success-800: 10 64 30;
157
+ --color-success-900: 6 38 18;
158
+ --color-surface-50: 255 255 255;
159
+ --color-surface-100: 247 247 246;
160
+ --color-surface-200: 224 221 218;
161
+ --color-surface-300: 177 170 164;
162
+ --color-surface-400: 146 137 127;
163
+ --color-surface-500: 93 86 79;
164
+ --color-surface-600: 74 69 63;
165
+ --color-surface-700: 56 52 47;
166
+ --color-surface-800: 46 43 39;
167
+ --color-surface-900: 28 26 24;
168
+ --color-tertiary-50: 238 253 252;
169
+ --color-tertiary-100: 205 249 245;
170
+ --color-tertiary-200: 155 242 235;
171
+ --color-tertiary-300: 54 229 216;
172
+ --color-tertiary-400: 24 185 172;
173
+ --color-tertiary-500: 15 118 110;
174
+ --color-tertiary-600: 12 94 88;
175
+ --color-tertiary-700: 9 71 66;
176
+ --color-tertiary-800: 7 59 55;
177
+ --color-tertiary-900: 4 35 33;
178
+ --color-warning-50: 254 246 240;
179
+ --color-warning-100: 253 228 209;
180
+ --color-warning-200: 250 201 163;
181
+ --color-warning-300: 246 147 72;
182
+ --color-warning-400: 241 111 12;
183
+ --color-warning-500: 180 83 9;
184
+ --color-warning-600: 144 66 7;
185
+ --color-warning-700: 108 50 5;
186
+ --color-warning-800: 90 41 5;
187
+ --color-warning-900: 54 25 3;
188
+ }
189
+
190
+ :root {
191
+ --box-shadow-01: 0px 4px 4px rgb(var(--color-surface-200) / 50%);
192
+ --box-shadow-02: 0px 1px 4px rgb(var(--color-surface-300) / 50%), 0px 1px 8px rgb(var(--color-surface-200) / 50%);
193
+ --box-shadow-03: 0px 2px 8px rgb(var(--color-surface-300) / 50%), 0px 4px 16px rgb(var(--color-surface-200) / 50%);
194
+ --box-shadow-04: 0px 3px 12px rgb(var(--color-surface-500) / 50%), 0px 6px 24px rgb(var(--color-surface-300) / 50%);
195
+ --box-shadow-05: 0px -4px 4px rgb(var(--color-surface-200) / 50%);
196
+ --button-border-radius: 8px;
197
+ --checkbox-border-radius: 4px;
198
+ --color-background-critical-dark: var(--color-critical-500);
199
+ --color-background-critical-light: var(--color-critical-50);
200
+ --color-background-disabled: var(--color-surface-200);
201
+ --color-background-hover: var(--color-surface-900);
202
+ --color-background-hover-inverse: var(--color-surface-50);
203
+ --color-background-info-dark: var(--color-info-600);
204
+ --color-background-info-light: var(--color-info-50);
205
+ --color-background-inverse: var(--color-primary-900);
206
+ --color-background-overlay: var(--color-surface-900);
207
+ --color-background-pressed: var(--color-surface-900);
208
+ --color-background-pressed-inverse: var(--color-surface-50);
209
+ --color-background-primary: var(--color-surface-50);
210
+ --color-background-secondary: var(--color-secondary-50);
211
+ --color-background-subdued: var(--color-surface-100);
212
+ --color-background-success-dark: var(--color-success-900);
213
+ --color-background-success-light: var(--color-success-50);
214
+ --color-background-tertiary: var(--color-tertiary-50);
215
+ --color-background-warning-dark: var(--color-warning-500);
216
+ --color-background-warning-light: var(--color-warning-50);
217
+ --color-border-black: var(--color-surface-900);
218
+ --color-border-critical: var(--color-critical-400);
219
+ --color-border-disabled: var(--color-surface-300);
220
+ --color-border-hover: var(--color-primary-700);
221
+ --color-border-info: var(--color-info-400);
222
+ --color-border-inverse: var(--color-surface-50);
223
+ --color-border-primary: var(--color-surface-300);
224
+ --color-border-secondary: var(--color-surface-200);
225
+ --color-border-selected: var(--color-primary-500);
226
+ --color-border-success: var(--color-success-300);
227
+ --color-border-tertiary: var(--color-surface-100);
228
+ --color-border-warning: var(--color-warning-300);
229
+ --color-focus-inverse: var(--color-surface-50);
230
+ --color-focus-primary: var(--color-primary-500);
231
+ --color-icon-critical: var(--color-critical-400);
232
+ --color-icon-disabled: var(--color-surface-300);
233
+ --color-icon-info: var(--color-info-400);
234
+ --color-icon-inverse: var(--color-surface-50);
235
+ --color-icon-primary: var(--color-surface-500);
236
+ --color-icon-secondary: var(--color-primary-500);
237
+ --color-icon-success: var(--color-success-700);
238
+ --color-icon-warning: var(--color-warning-600);
239
+ --color-link-disabled: var(--color-surface-300);
240
+ --color-link-hover: var(--color-primary-700);
241
+ --color-link-inverse: var(--color-surface-50);
242
+ --color-link-inverse-disabled: var(--color-surface-300);
243
+ --color-link-inverse-hover: var(--color-surface-100);
244
+ --color-link-inverse-pressed: var(--color-surface-200);
245
+ --color-link-monochrome: var(--color-surface-900);
246
+ --color-link-pressed: var(--color-primary-900);
247
+ --color-link-primary: var(--color-primary-500);
248
+ --color-link-secondary: var(--color-surface-500);
249
+ --color-text-critical: var(--color-critical-500);
250
+ --color-text-disabled: var(--color-surface-300);
251
+ --color-text-inactive: var(--color-surface-300);
252
+ --color-text-info: var(--color-info-700);
253
+ --color-text-inverse: var(--color-surface-50);
254
+ --color-text-primary: var(--color-surface-900);
255
+ --color-text-secondary: var(--color-surface-500);
256
+ --color-text-success: var(--color-success-900);
257
+ --color-text-warning: var(--color-warning-800);
258
+ --container-border-radius: 12px;
259
+ --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
260
+ --font-family-secondary: 'Georgia', serif;
261
+ --font-size-button-100: 14px;
262
+ --font-size-button-200: 12px;
263
+ --font-weight-body-primary: 400;
264
+ --font-weight-body-secondary: 400;
265
+ --font-weight-button: 600;
266
+ --font-weight-caption: 400;
267
+ --font-weight-h1: 400;
268
+ --font-weight-h2: 400;
269
+ --font-weight-h3: 400;
270
+ --font-weight-h4: 400;
271
+ --font-weight-h5: 600;
272
+ --font-weight-h6: 600;
273
+ --font-weight-label-mini: 400;
274
+ --font-weight-label-strong: 600;
275
+ --input-border-radius: 6px;
276
+ --letter-spacing-body-primary: 0.2px;
277
+ --letter-spacing-body-secondary: 0.2px;
278
+ --letter-spacing-button: 1px;
279
+ --letter-spacing-caption: 0.2px;
280
+ --letter-spacing-h1: 0.2px;
281
+ --letter-spacing-h1-mobile: 0.2px;
282
+ --letter-spacing-h2: 0.2px;
283
+ --letter-spacing-h2-mobile: 0.2px;
284
+ --letter-spacing-h3: 0.2px;
285
+ --letter-spacing-h3-mobile: 0.2px;
286
+ --letter-spacing-h4: 0.2px;
287
+ --letter-spacing-h5: 0.2px;
288
+ --letter-spacing-h6: 1px;
289
+ --letter-spacing-label-mini: 1px;
290
+ --letter-spacing-label-strong: 0.2px;
291
+ --search-input-border-radius: 24px;
292
+ --text-transform-button: uppercase;
293
+ --text-transform-h6: uppercase;
294
+ --text-transform-label-mini: uppercase;
295
+ --width-dense: 1200px;
296
+ --width-page: 1644px;
297
+ --color-critical-50: 253 244 243;
298
+ --color-critical-100: 249 221 219;
299
+ --color-critical-200: 244 188 184;
300
+ --color-critical-300: 233 121 113;
301
+ --color-critical-400: 225 76 65;
302
+ --color-critical-500: 204 43 32;
303
+ --color-critical-600: 163 34 26;
304
+ --color-critical-700: 122 26 19;
305
+ --color-critical-800: 102 21 16;
306
+ --color-critical-900: 61 13 10;
307
+ --color-info-50: 238 249 255;
308
+ --color-info-100: 204 236 254;
309
+ --color-info-200: 153 218 253;
310
+ --color-info-300: 51 180 251;
311
+ --color-info-400: 4 149 229;
312
+ --color-info-500: 3 105 161;
313
+ --color-info-600: 2 84 129;
314
+ --color-info-700: 2 63 97;
315
+ --color-info-800: 1 52 80;
316
+ --color-info-900: 1 31 48;
317
+ --color-primary-50: 254 245 241;
318
+ --color-primary-100: 252 224 212;
319
+ --color-primary-200: 250 193 169;
320
+ --color-primary-300: 244 130 83;
321
+ --color-primary-400: 241 89 26;
322
+ --color-primary-500: 194 65 12;
323
+ --color-primary-600: 155 52 10;
324
+ --color-primary-700: 116 39 7;
325
+ --color-primary-800: 97 32 6;
326
+ --color-primary-900: 58 19 4;
327
+ --color-secondary-50: 240 245 250;
328
+ --color-secondary-100: 211 224 241;
329
+ --color-secondary-200: 167 193 227;
330
+ --color-secondary-300: 79 131 200;
331
+ --color-secondary-400: 48 94 153;
332
+ --color-secondary-500: 30 58 95;
333
+ --color-secondary-600: 24 46 76;
334
+ --color-secondary-700: 18 35 57;
335
+ --color-secondary-800: 15 29 47;
336
+ --color-secondary-900: 9 17 28;
337
+ --color-success-50: 239 252 244;
338
+ --color-success-100: 208 247 223;
339
+ --color-success-200: 162 240 191;
340
+ --color-success-300: 69 224 127;
341
+ --color-success-400: 31 190 91;
342
+ --color-success-500: 21 128 61;
343
+ --color-success-600: 17 102 49;
344
+ --color-success-700: 13 77 37;
345
+ --color-success-800: 10 64 30;
346
+ --color-success-900: 6 38 18;
347
+ --color-surface-50: 255 255 255;
348
+ --color-surface-100: 247 247 246;
349
+ --color-surface-200: 224 221 218;
350
+ --color-surface-300: 177 170 164;
351
+ --color-surface-400: 146 137 127;
352
+ --color-surface-500: 93 86 79;
353
+ --color-surface-600: 74 69 63;
354
+ --color-surface-700: 56 52 47;
355
+ --color-surface-800: 46 43 39;
356
+ --color-surface-900: 28 26 24;
357
+ --color-tertiary-50: 238 253 252;
358
+ --color-tertiary-100: 205 249 245;
359
+ --color-tertiary-200: 155 242 235;
360
+ --color-tertiary-300: 54 229 216;
361
+ --color-tertiary-400: 24 185 172;
362
+ --color-tertiary-500: 15 118 110;
363
+ --color-tertiary-600: 12 94 88;
364
+ --color-tertiary-700: 9 71 66;
365
+ --color-tertiary-800: 7 59 55;
366
+ --color-tertiary-900: 4 35 33;
367
+ --color-warning-50: 254 246 240;
368
+ --color-warning-100: 253 228 209;
369
+ --color-warning-200: 250 201 163;
370
+ --color-warning-300: 246 147 72;
371
+ --color-warning-400: 241 111 12;
372
+ --color-warning-500: 180 83 9;
373
+ --color-warning-600: 144 66 7;
374
+ --color-warning-700: 108 50 5;
375
+ --color-warning-800: 90 41 5;
376
+ --color-warning-900: 54 25 3;
377
+ }