@evolve.ui/theme-system 1.0.1 → 1.2.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 (119) hide show
  1. package/{allThemes-CFS_9-tk.cjs → allThemes-3d8nhymo.cjs} +12 -2
  2. package/allThemes-3d8nhymo.cjs.map +1 -0
  3. package/{allThemes-OV-ayn4C.mjs → allThemes-Abn6KDm7.mjs} +7 -3
  4. package/allThemes-Abn6KDm7.mjs.map +1 -0
  5. package/allThemes.cjs +1 -1
  6. package/allThemes.d.cts +1 -0
  7. package/allThemes.d.cts.map +1 -1
  8. package/allThemes.d.mts +1 -0
  9. package/allThemes.d.mts.map +1 -1
  10. package/allThemes.mjs +1 -1
  11. package/brands-CE0wIkKX.d.cts +58 -0
  12. package/brands-CE0wIkKX.d.cts.map +1 -0
  13. package/brands-CE0wIkKX.d.mts +58 -0
  14. package/brands-CE0wIkKX.d.mts.map +1 -0
  15. package/brands.cjs +16 -13
  16. package/brands.cjs.map +1 -1
  17. package/brands.d.cts +2 -2
  18. package/brands.d.mts +2 -2
  19. package/brands.mjs +16 -13
  20. package/brands.mjs.map +1 -1
  21. package/css/EverydayHarbor.css +377 -0
  22. package/css/EverydayHarbor.effects.css +650 -0
  23. package/{default-b-tgfyxR.cjs → default-B6VWF0Js.cjs} +237 -36
  24. package/default-B6VWF0Js.cjs.map +1 -0
  25. package/{default-B2n4PnsJ.mjs → default-BogJDhKE.mjs} +238 -37
  26. package/default-BogJDhKE.mjs.map +1 -0
  27. package/effects.cjs +26 -0
  28. package/effects.cjs.map +1 -0
  29. package/effects.d.cts +22 -0
  30. package/effects.d.cts.map +1 -0
  31. package/effects.d.mts +22 -0
  32. package/effects.d.mts.map +1 -0
  33. package/effects.mjs +22 -0
  34. package/effects.mjs.map +1 -0
  35. package/evolve-ui.entries.json +51 -0
  36. package/index.cjs +12 -5
  37. package/index.cjs.map +1 -1
  38. package/index.d.cts +108 -4
  39. package/index.d.cts.map +1 -1
  40. package/index.d.mts +108 -4
  41. package/index.d.mts.map +1 -1
  42. package/index.mjs +9 -6
  43. package/index.mjs.map +1 -1
  44. package/package.json +5 -1
  45. package/{plugin-DPtvp4lp.cjs → plugin-B3PF4RMI.cjs} +299 -110
  46. package/plugin-B3PF4RMI.cjs.map +1 -0
  47. package/{plugin-D4eCyUJe.mjs → plugin-D6aLCeNB.mjs} +258 -111
  48. package/plugin-D6aLCeNB.mjs.map +1 -0
  49. package/src/effects/__fixtures__/fixtureLayer.ts +88 -0
  50. package/src/effects/brands/EverydayHarbor.ts +392 -0
  51. package/src/effects/classes.ts +19 -0
  52. package/src/effects/emit.ts +314 -0
  53. package/src/effects/hooks.ts +493 -0
  54. package/src/effects/index.ts +2 -0
  55. package/src/effects/layers.ts +18 -0
  56. package/src/effects/rules.ts +90 -0
  57. package/src/effects/rules.typecheck.ts +50 -0
  58. package/src/effects/tokens.ts +148 -0
  59. package/src/effects/validate.ts +683 -0
  60. package/src/effects/vocabulary.ts +32 -0
  61. package/src/index.ts +40 -0
  62. package/src/tailwind/animation.ts +30 -0
  63. package/src/tailwind/borderRadius.ts +32 -0
  64. package/src/tailwind/borderWidth.ts +14 -0
  65. package/src/tailwind/boxShadow.ts +19 -0
  66. package/src/tailwind/colors.ts +332 -0
  67. package/src/tailwind/cssVars.ts +301 -0
  68. package/src/tailwind/fontFamily.ts +14 -0
  69. package/src/tailwind/plugin.ts +299 -0
  70. package/src/tailwind/reducedMotion.ts +164 -0
  71. package/src/tailwind/screens.ts +22 -0
  72. package/src/tailwind/spacing.ts +20 -0
  73. package/src/tailwind/text.ts +172 -0
  74. package/src/tailwind/width.ts +14 -0
  75. package/src/themeValues.snapshot.ts +6735 -0
  76. package/src/themes/BasketballTraining.ts +166 -0
  77. package/src/themes/Default.ts +165 -0
  78. package/src/themes/EverydayHarbor.ts +147 -0
  79. package/src/themes/ProfessionalBrand.ts +166 -0
  80. package/src/themes/allThemes.ts +14 -0
  81. package/src/themes/brandSources.ts +37 -0
  82. package/src/themes/brands.ts +63 -0
  83. package/src/themes/common.ts +65 -0
  84. package/src/themes/contrastFloors.ts +26 -0
  85. package/src/themes/generateCSSVars.ts +123 -0
  86. package/src/themes/inkRamps.ts +43 -0
  87. package/src/themes/runtime/basketballTraining.ts +3 -0
  88. package/src/themes/runtime/buildTheme.ts +411 -0
  89. package/src/themes/runtime/default.ts +3 -0
  90. package/src/themes/runtime/everydayHarbor.ts +3 -0
  91. package/src/themes/runtime/professionalBrand.ts +3 -0
  92. package/src/themes/semanticColorTokenSteps.ts +23 -0
  93. package/src/themes/themeType.ts +169 -0
  94. package/src/themes/themeValues.ts +374 -0
  95. package/src/themes/wcag.ts +48 -0
  96. package/src/themes/writeToCSSFile.ts +11 -0
  97. package/src/utils/cn.ts +35 -0
  98. package/src/utils/color.ts +82 -0
  99. package/src/utils/wrapVar.ts +24 -0
  100. package/tailwind/plugin.cjs +5 -1
  101. package/tailwind/plugin.d.cts +458 -1
  102. package/tailwind/plugin.d.cts.map +1 -1
  103. package/tailwind/plugin.d.mts +458 -1
  104. package/tailwind/plugin.d.mts.map +1 -1
  105. package/tailwind/plugin.mjs +2 -2
  106. package/themes/runtime/default.cjs +1 -1
  107. package/themes/runtime/default.mjs +1 -1
  108. package/themes/themeType.d.cts +1 -1
  109. package/themes/themeType.d.mts +1 -1
  110. package/allThemes-CFS_9-tk.cjs.map +0 -1
  111. package/allThemes-OV-ayn4C.mjs.map +0 -1
  112. package/brands-n30rolHQ.d.cts +0 -33
  113. package/brands-n30rolHQ.d.cts.map +0 -1
  114. package/brands-n30rolHQ.d.mts +0 -33
  115. package/brands-n30rolHQ.d.mts.map +0 -1
  116. package/default-B2n4PnsJ.mjs.map +0 -1
  117. package/default-b-tgfyxR.cjs.map +0 -1
  118. package/plugin-D4eCyUJe.mjs.map +0 -1
  119. package/plugin-DPtvp4lp.cjs.map +0 -1
package/css/EverydayHarbor.css ADDED
@@ -0,0 +1,377 @@
1
+ .brand-harbor {
2
+ --box-shadow-01: 0px 4px 4px rgb(0 0 0 / 45%);
3
+ --box-shadow-02: 0px 1px 4px rgb(0 0 0 / 45%), 0px 1px 8px rgb(0 0 0 / 35%);
4
+ --box-shadow-03: 0px 2px 8px rgb(0 0 0 / 45%), 0px 4px 16px rgb(0 0 0 / 35%);
5
+ --box-shadow-04: 0px 3px 12px rgb(0 0 0 / 50%), 0px 6px 24px rgb(0 0 0 / 40%);
6
+ --box-shadow-05: 0px -4px 4px rgb(0 0 0 / 45%);
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-50);
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-surface-100);
22
+ --color-background-subdued: var(--color-surface-100);
23
+ --color-background-success-dark: var(--color-success-400);
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-100);
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-tertiary-400);
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-info-500);
48
+ --color-icon-success: var(--color-success-400);
49
+ --color-icon-warning: var(--color-warning-400);
50
+ --color-link-disabled: var(--color-surface-300);
51
+ --color-link-hover: var(--color-info-500);
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-info-600);
58
+ --color-link-primary: var(--color-info-400);
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-400);
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-400);
68
+ --color-text-warning: var(--color-warning-500);
69
+ --container-border-radius: 12px;
70
+ --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
71
+ --font-family-secondary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-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: 80 15 12;
109
+ --color-critical-100: 133 25 19;
110
+ --color-critical-200: 159 30 23;
111
+ --color-critical-300: 212 40 31;
112
+ --color-critical-400: 229 83 75;
113
+ --color-critical-500: 234 117 111;
114
+ --color-critical-600: 239 152 147;
115
+ --color-critical-700: 247 203 201;
116
+ --color-critical-800: 251 229 228;
117
+ --color-critical-900: 254 246 246;
118
+ --color-info-50: 19 64 93;
119
+ --color-info-100: 32 107 155;
120
+ --color-info-200: 38 129 186;
121
+ --color-info-300: 80 165 219;
122
+ --color-info-400: 142 197 232;
123
+ --color-info-500: 165 209 237;
124
+ --color-info-600: 187 220 241;
125
+ --color-info-700: 221 238 248;
126
+ --color-info-800: 238 246 252;
127
+ --color-info-900: 249 252 254;
128
+ --color-primary-50: 14 32 50;
129
+ --color-primary-100: 23 53 83;
130
+ --color-primary-200: 28 64 100;
131
+ --color-primary-300: 37 86 133;
132
+ --color-primary-400: 46 107 166;
133
+ --color-primary-500: 112 178 238;
134
+ --color-primary-600: 149 195 237;
135
+ --color-primary-700: 185 211 236;
136
+ --color-primary-800: 220 233 245;
137
+ --color-primary-900: 243 248 252;
138
+ --color-secondary-50: 26 34 43;
139
+ --color-secondary-100: 43 56 71;
140
+ --color-secondary-200: 52 67 86;
141
+ --color-secondary-300: 69 90 114;
142
+ --color-secondary-400: 86 112 143;
143
+ --color-secondary-500: 115 140 171;
144
+ --color-secondary-600: 150 169 192;
145
+ --color-secondary-700: 202 212 223;
146
+ --color-secondary-800: 229 233 239;
147
+ --color-secondary-900: 246 248 250;
148
+ --color-success-50: 49 53 23;
149
+ --color-success-100: 81 88 39;
150
+ --color-success-200: 98 106 47;
151
+ --color-success-300: 130 141 62;
152
+ --color-success-400: 163 176 78;
153
+ --color-success-500: 182 192 113;
154
+ --color-success-600: 200 208 149;
155
+ --color-success-700: 227 231 202;
156
+ --color-success-800: 241 243 228;
157
+ --color-success-900: 250 251 246;
158
+ --color-surface-50: 11 22 38;
159
+ --color-surface-100: 18 34 58;
160
+ --color-surface-200: 26 46 74;
161
+ --color-surface-300: 86 112 143;
162
+ --color-surface-400: 128 147 171;
163
+ --color-surface-500: 169 182 198;
164
+ --color-surface-600: 185 197 211;
165
+ --color-surface-700: 203 212 223;
166
+ --color-surface-800: 220 227 234;
167
+ --color-surface-900: 238 242 246;
168
+ --color-tertiary-50: 76 57 11;
169
+ --color-tertiary-100: 127 95 19;
170
+ --color-tertiary-200: 153 114 23;
171
+ --color-tertiary-300: 204 152 30;
172
+ --color-tertiary-400: 227 179 65;
173
+ --color-tertiary-500: 233 194 103;
174
+ --color-tertiary-600: 238 209 141;
175
+ --color-tertiary-700: 247 232 198;
176
+ --color-tertiary-800: 251 244 226;
177
+ --color-tertiary-900: 254 251 245;
178
+ --color-warning-50: 70 46 14;
179
+ --color-warning-100: 117 76 23;
180
+ --color-warning-200: 140 91 28;
181
+ --color-warning-300: 186 122 37;
182
+ --color-warning-400: 217 150 62;
183
+ --color-warning-500: 225 171 101;
184
+ --color-warning-600: 232 192 139;
185
+ --color-warning-700: 244 223 197;
186
+ --color-warning-800: 249 239 226;
187
+ --color-warning-900: 253 250 245;
188
+ }
189
+
190
+ :root {
191
+ --box-shadow-01: 0px 4px 4px rgb(0 0 0 / 45%);
192
+ --box-shadow-02: 0px 1px 4px rgb(0 0 0 / 45%), 0px 1px 8px rgb(0 0 0 / 35%);
193
+ --box-shadow-03: 0px 2px 8px rgb(0 0 0 / 45%), 0px 4px 16px rgb(0 0 0 / 35%);
194
+ --box-shadow-04: 0px 3px 12px rgb(0 0 0 / 50%), 0px 6px 24px rgb(0 0 0 / 40%);
195
+ --box-shadow-05: 0px -4px 4px rgb(0 0 0 / 45%);
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-50);
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-surface-100);
211
+ --color-background-subdued: var(--color-surface-100);
212
+ --color-background-success-dark: var(--color-success-400);
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-100);
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-tertiary-400);
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-info-500);
237
+ --color-icon-success: var(--color-success-400);
238
+ --color-icon-warning: var(--color-warning-400);
239
+ --color-link-disabled: var(--color-surface-300);
240
+ --color-link-hover: var(--color-info-500);
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-info-600);
247
+ --color-link-primary: var(--color-info-400);
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-400);
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-400);
257
+ --color-text-warning: var(--color-warning-500);
258
+ --container-border-radius: 12px;
259
+ --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
260
+ --font-family-secondary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-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: 80 15 12;
298
+ --color-critical-100: 133 25 19;
299
+ --color-critical-200: 159 30 23;
300
+ --color-critical-300: 212 40 31;
301
+ --color-critical-400: 229 83 75;
302
+ --color-critical-500: 234 117 111;
303
+ --color-critical-600: 239 152 147;
304
+ --color-critical-700: 247 203 201;
305
+ --color-critical-800: 251 229 228;
306
+ --color-critical-900: 254 246 246;
307
+ --color-info-50: 19 64 93;
308
+ --color-info-100: 32 107 155;
309
+ --color-info-200: 38 129 186;
310
+ --color-info-300: 80 165 219;
311
+ --color-info-400: 142 197 232;
312
+ --color-info-500: 165 209 237;
313
+ --color-info-600: 187 220 241;
314
+ --color-info-700: 221 238 248;
315
+ --color-info-800: 238 246 252;
316
+ --color-info-900: 249 252 254;
317
+ --color-primary-50: 14 32 50;
318
+ --color-primary-100: 23 53 83;
319
+ --color-primary-200: 28 64 100;
320
+ --color-primary-300: 37 86 133;
321
+ --color-primary-400: 46 107 166;
322
+ --color-primary-500: 112 178 238;
323
+ --color-primary-600: 149 195 237;
324
+ --color-primary-700: 185 211 236;
325
+ --color-primary-800: 220 233 245;
326
+ --color-primary-900: 243 248 252;
327
+ --color-secondary-50: 26 34 43;
328
+ --color-secondary-100: 43 56 71;
329
+ --color-secondary-200: 52 67 86;
330
+ --color-secondary-300: 69 90 114;
331
+ --color-secondary-400: 86 112 143;
332
+ --color-secondary-500: 115 140 171;
333
+ --color-secondary-600: 150 169 192;
334
+ --color-secondary-700: 202 212 223;
335
+ --color-secondary-800: 229 233 239;
336
+ --color-secondary-900: 246 248 250;
337
+ --color-success-50: 49 53 23;
338
+ --color-success-100: 81 88 39;
339
+ --color-success-200: 98 106 47;
340
+ --color-success-300: 130 141 62;
341
+ --color-success-400: 163 176 78;
342
+ --color-success-500: 182 192 113;
343
+ --color-success-600: 200 208 149;
344
+ --color-success-700: 227 231 202;
345
+ --color-success-800: 241 243 228;
346
+ --color-success-900: 250 251 246;
347
+ --color-surface-50: 11 22 38;
348
+ --color-surface-100: 18 34 58;
349
+ --color-surface-200: 26 46 74;
350
+ --color-surface-300: 86 112 143;
351
+ --color-surface-400: 128 147 171;
352
+ --color-surface-500: 169 182 198;
353
+ --color-surface-600: 185 197 211;
354
+ --color-surface-700: 203 212 223;
355
+ --color-surface-800: 220 227 234;
356
+ --color-surface-900: 238 242 246;
357
+ --color-tertiary-50: 76 57 11;
358
+ --color-tertiary-100: 127 95 19;
359
+ --color-tertiary-200: 153 114 23;
360
+ --color-tertiary-300: 204 152 30;
361
+ --color-tertiary-400: 227 179 65;
362
+ --color-tertiary-500: 233 194 103;
363
+ --color-tertiary-600: 238 209 141;
364
+ --color-tertiary-700: 247 232 198;
365
+ --color-tertiary-800: 251 244 226;
366
+ --color-tertiary-900: 254 251 245;
367
+ --color-warning-50: 70 46 14;
368
+ --color-warning-100: 117 76 23;
369
+ --color-warning-200: 140 91 28;
370
+ --color-warning-300: 186 122 37;
371
+ --color-warning-400: 217 150 62;
372
+ --color-warning-500: 225 171 101;
373
+ --color-warning-600: 232 192 139;
374
+ --color-warning-700: 244 223 197;
375
+ --color-warning-800: 249 239 226;
376
+ --color-warning-900: 253 250 245;
377
+ }