@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/Default.css ADDED
@@ -0,0 +1,377 @@
1
+ .brand-default {
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: 8px;
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 244;
109
+ --color-critical-100: 249 222 222;
110
+ --color-critical-200: 244 189 189;
111
+ --color-critical-300: 233 124 124;
112
+ --color-critical-400: 225 80 80;
113
+ --color-critical-500: 217 37 37;
114
+ --color-critical-600: 174 30 30;
115
+ --color-critical-700: 130 22 22;
116
+ --color-critical-800: 108 19 19;
117
+ --color-critical-900: 65 11 11;
118
+ --color-info-50: 244 247 254;
119
+ --color-info-100: 222 232 252;
120
+ --color-info-200: 190 208 249;
121
+ --color-info-300: 124 161 243;
122
+ --color-info-400: 81 130 239;
123
+ --color-info-500: 37 99 235;
124
+ --color-info-600: 18 75 199;
125
+ --color-info-700: 14 56 149;
126
+ --color-info-800: 11 47 125;
127
+ --color-info-900: 7 28 75;
128
+ --color-primary-50: 243 245 248;
129
+ --color-primary-100: 220 225 235;
130
+ --color-primary-200: 184 195 216;
131
+ --color-primary-300: 113 135 176;
132
+ --color-primary-400: 77 98 139;
133
+ --color-primary-500: 51 65 92;
134
+ --color-primary-600: 41 52 74;
135
+ --color-primary-700: 31 39 55;
136
+ --color-primary-800: 25 32 46;
137
+ --color-primary-900: 15 19 28;
138
+ --color-secondary-50: 247 247 248;
139
+ --color-secondary-100: 230 232 234;
140
+ --color-secondary-200: 205 208 214;
141
+ --color-secondary-300: 154 161 172;
142
+ --color-secondary-400: 121 130 145;
143
+ --color-secondary-500: 92 100 112;
144
+ --color-secondary-600: 74 80 90;
145
+ --color-secondary-700: 55 60 67;
146
+ --color-secondary-800: 46 50 56;
147
+ --color-secondary-900: 28 30 34;
148
+ --color-success-50: 241 253 245;
149
+ --color-success-100: 212 249 226;
150
+ --color-success-200: 169 243 196;
151
+ --color-success-300: 83 232 138;
152
+ --color-success-400: 30 220 100;
153
+ --color-success-500: 22 163 74;
154
+ --color-success-600: 18 130 59;
155
+ --color-success-700: 13 98 44;
156
+ --color-success-800: 11 81 37;
157
+ --color-success-900: 7 49 22;
158
+ --color-surface-50: 255 255 255;
159
+ --color-surface-100: 246 247 248;
160
+ --color-surface-200: 220 223 227;
161
+ --color-surface-300: 166 174 185;
162
+ --color-surface-400: 131 141 156;
163
+ --color-surface-500: 85 94 107;
164
+ --color-surface-600: 68 75 86;
165
+ --color-surface-700: 51 56 64;
166
+ --color-surface-800: 42 47 53;
167
+ --color-surface-900: 25 28 32;
168
+ --color-tertiary-50: 248 247 246;
169
+ --color-tertiary-100: 234 231 229;
170
+ --color-tertiary-200: 213 208 203;
171
+ --color-tertiary-300: 172 160 152;
172
+ --color-tertiary-400: 144 129 117;
173
+ --color-tertiary-500: 110 98 89;
174
+ --color-tertiary-600: 88 78 71;
175
+ --color-tertiary-700: 66 59 53;
176
+ --color-tertiary-800: 55 49 44;
177
+ --color-tertiary-900: 33 29 27;
178
+ --color-warning-50: 255 248 241;
179
+ --color-warning-100: 254 235 213;
180
+ --color-warning-200: 253 215 171;
181
+ --color-warning-300: 250 175 87;
182
+ --color-warning-400: 249 148 32;
183
+ --color-warning-500: 217 119 6;
184
+ --color-warning-600: 174 95 5;
185
+ --color-warning-700: 130 71 4;
186
+ --color-warning-800: 108 59 3;
187
+ --color-warning-900: 65 36 2;
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: 8px;
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 244;
298
+ --color-critical-100: 249 222 222;
299
+ --color-critical-200: 244 189 189;
300
+ --color-critical-300: 233 124 124;
301
+ --color-critical-400: 225 80 80;
302
+ --color-critical-500: 217 37 37;
303
+ --color-critical-600: 174 30 30;
304
+ --color-critical-700: 130 22 22;
305
+ --color-critical-800: 108 19 19;
306
+ --color-critical-900: 65 11 11;
307
+ --color-info-50: 244 247 254;
308
+ --color-info-100: 222 232 252;
309
+ --color-info-200: 190 208 249;
310
+ --color-info-300: 124 161 243;
311
+ --color-info-400: 81 130 239;
312
+ --color-info-500: 37 99 235;
313
+ --color-info-600: 18 75 199;
314
+ --color-info-700: 14 56 149;
315
+ --color-info-800: 11 47 125;
316
+ --color-info-900: 7 28 75;
317
+ --color-primary-50: 243 245 248;
318
+ --color-primary-100: 220 225 235;
319
+ --color-primary-200: 184 195 216;
320
+ --color-primary-300: 113 135 176;
321
+ --color-primary-400: 77 98 139;
322
+ --color-primary-500: 51 65 92;
323
+ --color-primary-600: 41 52 74;
324
+ --color-primary-700: 31 39 55;
325
+ --color-primary-800: 25 32 46;
326
+ --color-primary-900: 15 19 28;
327
+ --color-secondary-50: 247 247 248;
328
+ --color-secondary-100: 230 232 234;
329
+ --color-secondary-200: 205 208 214;
330
+ --color-secondary-300: 154 161 172;
331
+ --color-secondary-400: 121 130 145;
332
+ --color-secondary-500: 92 100 112;
333
+ --color-secondary-600: 74 80 90;
334
+ --color-secondary-700: 55 60 67;
335
+ --color-secondary-800: 46 50 56;
336
+ --color-secondary-900: 28 30 34;
337
+ --color-success-50: 241 253 245;
338
+ --color-success-100: 212 249 226;
339
+ --color-success-200: 169 243 196;
340
+ --color-success-300: 83 232 138;
341
+ --color-success-400: 30 220 100;
342
+ --color-success-500: 22 163 74;
343
+ --color-success-600: 18 130 59;
344
+ --color-success-700: 13 98 44;
345
+ --color-success-800: 11 81 37;
346
+ --color-success-900: 7 49 22;
347
+ --color-surface-50: 255 255 255;
348
+ --color-surface-100: 246 247 248;
349
+ --color-surface-200: 220 223 227;
350
+ --color-surface-300: 166 174 185;
351
+ --color-surface-400: 131 141 156;
352
+ --color-surface-500: 85 94 107;
353
+ --color-surface-600: 68 75 86;
354
+ --color-surface-700: 51 56 64;
355
+ --color-surface-800: 42 47 53;
356
+ --color-surface-900: 25 28 32;
357
+ --color-tertiary-50: 248 247 246;
358
+ --color-tertiary-100: 234 231 229;
359
+ --color-tertiary-200: 213 208 203;
360
+ --color-tertiary-300: 172 160 152;
361
+ --color-tertiary-400: 144 129 117;
362
+ --color-tertiary-500: 110 98 89;
363
+ --color-tertiary-600: 88 78 71;
364
+ --color-tertiary-700: 66 59 53;
365
+ --color-tertiary-800: 55 49 44;
366
+ --color-tertiary-900: 33 29 27;
367
+ --color-warning-50: 255 248 241;
368
+ --color-warning-100: 254 235 213;
369
+ --color-warning-200: 253 215 171;
370
+ --color-warning-300: 250 175 87;
371
+ --color-warning-400: 249 148 32;
372
+ --color-warning-500: 217 119 6;
373
+ --color-warning-600: 174 95 5;
374
+ --color-warning-700: 130 71 4;
375
+ --color-warning-800: 108 59 3;
376
+ --color-warning-900: 65 36 2;
377
+ }