@bcc-code/design-tokens 1.0.9 → 1.0.12

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 (4) hide show
  1. package/README.md +45 -62
  2. package/dist/tailwind.css +501 -707
  3. package/package.json +2 -2
  4. package/dist/tailwind.config.js +0 -198
package/dist/tailwind.css CHANGED
@@ -1,23 +1,44 @@
1
1
  @import "tailwindcss";
2
2
 
3
+ /* ─── Primitives + Light theme ──────────────────────────────────────────────── */
3
4
  @theme {
4
- /* ✅ Color neutral */
5
- --color-neutral-0: #ffffff;
6
- --color-neutral-100: #f7f8f9;
7
- --color-neutral-200: #f1f2f4;
8
- --color-neutral-300: #dcdfe4;
9
- --color-neutral-400: #b3b9c4;
10
- --color-neutral-500: #8590a2;
11
- --color-neutral-600: #758195;
12
- --color-neutral-700: #626f86;
13
- --color-neutral-800: #4b5668;
14
- --color-neutral-900: #374152;
15
- --color-neutral-1000: #282f3c;
16
- --color-neutral-1100: #1e242d;
17
-
18
- /* ✅ Color dark-neutral */
5
+ --radius-2xl: 3rem;
6
+ --radius-full: 999px;
7
+ --radius-lg: 1rem;
8
+ --radius-md: 0.5rem;
9
+ --radius-none: 0;
10
+ --radius-sm: 0.25rem;
11
+ --radius-xl: 2rem;
12
+ --radius-xs: 0.125rem;
13
+ --color-bcc-100: #e6f2f1;
14
+ --color-bcc-1000: #002320;
15
+ --color-bcc-200: #d0e3e1;
16
+ --color-bcc-300: #accbc8;
17
+ --color-bcc-400: #73b2ac;
18
+ --color-bcc-500: #2e9087;
19
+ --color-bcc-600: #187b73;
20
+ --color-bcc-700: #0e6962;
21
+ --color-bcc-800: #004e48;
22
+ --color-bcc-900: #003d39;
23
+ --color-blue-100: #f1f7fd;
24
+ --color-blue-1000: #25385f;
25
+ --color-blue-200: #dfedfa;
26
+ --color-blue-300: #c6e0f7;
27
+ --color-blue-400: #a0cdf0;
28
+ --color-blue-500: #72b1e8;
29
+ --color-blue-600: #5294e0;
30
+ --color-blue-700: #3c79d4;
31
+ --color-blue-800: #3365c2;
32
+ --color-blue-900: #2f529e;
33
+ --color-dark-neutral-alpha-100a: rgba(188, 214, 240, 0.04);
34
+ --color-dark-neutral-alpha-200a: rgba(161, 189, 217, 0.08);
35
+ --color-dark-neutral-alpha-300a: rgba(166, 197, 226, 0.16);
36
+ --color-dark-neutral-alpha-400a: rgba(166, 197, 226, 0.28);
37
+ --color-dark-neutral-alpha-500a: rgba(166, 197, 226, 0.5);
19
38
  --color-dark-neutral-0: #161a1d;
20
39
  --color-dark-neutral-100: #1d2125;
40
+ --color-dark-neutral-1000: #c7d1db;
41
+ --color-dark-neutral-1100: #dee4ea;
21
42
  --color-dark-neutral-200: #22272b;
22
43
  --color-dark-neutral-300: #2c333a;
23
44
  --color-dark-neutral-400: #454f59;
@@ -26,47 +47,8 @@
26
47
  --color-dark-neutral-700: #8c9bab;
27
48
  --color-dark-neutral-800: #9fadbc;
28
49
  --color-dark-neutral-900: #b6c2cf;
29
- --color-dark-neutral-1000: #c7d1db;
30
- --color-dark-neutral-1100: #dee4ea;
31
-
32
- /* ✅ Color bcc */
33
- --color-bcc-100: #e6f2f1;
34
- --color-bcc-200: #d0e3e1;
35
- --color-bcc-300: #accbc8;
36
- --color-bcc-400: #73b2ac;
37
- --color-bcc-500: #2e9087;
38
- --color-bcc-600: #187b73;
39
- --color-bcc-700: #0e6962;
40
- --color-bcc-800: #004e48;
41
- --color-bcc-900: #003d39;
42
- --color-bcc-1000: #002320;
43
-
44
- /* ✅ Color rust */
45
- --color-rust-100: #fcf6f4;
46
- --color-rust-200: #f9ece7;
47
- --color-rust-300: #f6dcd2;
48
- --color-rust-400: #e9b29e;
49
- --color-rust-500: #e29f87;
50
- --color-rust-600: #d37f60;
51
- --color-rust-700: #be6544;
52
- --color-rust-800: #9f5236;
53
- --color-rust-900: #844630;
54
- --color-rust-1000: #4c271a;
55
-
56
- /* ✅ Color red */
57
- --color-red-100: #fcf4f4;
58
- --color-red-200: #fae7e6;
59
- --color-red-300: #f6d3d2;
60
- --color-red-400: #efb4b2;
61
- --color-red-500: #e38986;
62
- --color-red-600: #d5625e;
63
- --color-red-700: #c04642;
64
- --color-red-800: #ad3c38;
65
- --color-red-900: #86312e;
66
- --color-red-1000: #461716;
67
-
68
- /* ✅ Color green */
69
50
  --color-green-100: #f2fbf6;
51
+ --color-green-1000: #133925;
70
52
  --color-green-200: #e2f6ea;
71
53
  --color-green-300: #c6ecd6;
72
54
  --color-green-400: #9adbb5;
@@ -75,58 +57,8 @@
75
57
  --color-green-700: #308957;
76
58
  --color-green-800: #296c47;
77
59
  --color-green-900: #25563b;
78
- --color-green-1000: #133925;
79
-
80
- /* ✅ Color teal */
81
- --color-teal-100: #f1f9fa;
82
- --color-teal-200: #dceff1;
83
- --color-teal-300: #bde0e4;
84
- --color-teal-400: #8fc9d1;
85
- --color-teal-500: #5cabb7;
86
- --color-teal-600: #3e8e9c;
87
- --color-teal-700: #377483;
88
- --color-teal-800: #32606c;
89
- --color-teal-900: #2f505b;
90
- --color-teal-1000: #1d353f;
91
-
92
- /* ✅ Color sand */
93
- --color-sand-100: #f7f3ee;
94
- --color-sand-200: #ede5da;
95
- --color-sand-300: #dccfba;
96
- --color-sand-400: #c5b191;
97
- --color-sand-500: #ae966d;
98
- --color-sand-600: #937b4f;
99
- --color-sand-700: #74613c;
100
- --color-sand-800: #5a4d31;
101
- --color-sand-900: #49402b;
102
- --color-sand-1000: #3c3420;
103
-
104
- /* ✅ Color blue */
105
- --color-blue-100: #f1f7fd;
106
- --color-blue-200: #dfedfa;
107
- --color-blue-300: #c6e0f7;
108
- --color-blue-400: #a0cdf0;
109
- --color-blue-500: #72b1e8;
110
- --color-blue-600: #5294e0;
111
- --color-blue-700: #3c79d4;
112
- --color-blue-800: #3365c2;
113
- --color-blue-900: #2f529e;
114
- --color-blue-1000: #25385f;
115
-
116
- /* ✅ Color purple */
117
- --color-purple-100: #f1f1fc;
118
- --color-purple-200: #e5e7fa;
119
- --color-purple-300: #d0d1f5;
120
- --color-purple-400: #b3b3ee;
121
- --color-purple-500: #9b95e4;
122
- --color-purple-600: #8678d9;
123
- --color-purple-700: #7860cb;
124
- --color-purple-800: #6750b2;
125
- --color-purple-900: #554390;
126
- --color-purple-1000: #352c54;
127
-
128
- /* ✅ Color magenta */
129
60
  --color-magenta-100: #faf5f9;
61
+ --color-magenta-1000: #592648;
130
62
  --color-magenta-200: #f7ecf5;
131
63
  --color-magenta-300: #f0daec;
132
64
  --color-magenta-400: #e4bddd;
@@ -135,686 +67,548 @@
135
67
  --color-magenta-700: #ac5693;
136
68
  --color-magenta-800: #93437a;
137
69
  --color-magenta-900: #7a3a65;
138
- --color-magenta-1000: #592648;
139
-
140
- /* ✅ Color neutral-alpha */
141
- --color-neutral-alpha-100A: rgba(9, 30, 77, 0.03);
142
- --color-neutral-alpha-500A: rgba(9, 30, 77, 0.5);
143
- --color-neutral-alpha-200A: rgba(9, 30, 77, 0.06);
144
- --color-neutral-alpha-300A: rgba(9, 30, 77, 0.14);
145
- --color-neutral-alpha-400A: rgba(9, 30, 77, 0.31);
146
-
147
- /* ✅ Color dark-neutral-alpha */
148
- --color-dark-neutral-alpha-100A: rgba(188, 214, 240, 0.04);
149
- --color-dark-neutral-alpha-200A: rgba(161, 189, 217, 0.08);
150
- --color-dark-neutral-alpha-300A: rgba(166, 197, 226, 0.16);
151
- --color-dark-neutral-alpha-400A: rgba(166, 197, 226, 0.28);
152
- --color-dark-neutral-alpha-500A: rgba(166, 197, 226, 0.5);
153
-
154
- /* ✅ Opacity opacity */
155
- --opacity-opacity: #ffffff;
156
-
157
- /* ✅ Dimension space-0 */
158
- --spacing-space-0: 0 rem;
159
-
160
- /* ✅ Dimension space-25 */
161
- --spacing-space-25: 0.125rem;
162
-
163
- /* ✅ Dimension space-50 */
164
- --spacing-space-50: 0.25rem;
165
-
166
- /* ✅ Dimension space-75 */
167
- --spacing-space-75: 0.375rem;
168
-
169
- /* ✅ Dimension space-100 */
170
- --spacing-space-100: 0.5rem;
171
-
172
- /* ✅ Dimension space-150 */
173
- --spacing-space-150: 0.75rem;
174
-
175
- /* ✅ Dimension space-200 */
176
- --spacing-space-200: 1rem;
177
-
178
- /* ✅ Dimension space-250 */
179
- --spacing-space-250: 1.25rem;
180
-
181
- /* ✅ Dimension space-300 */
182
- --spacing-space-300: 1.5rem;
183
-
184
- /* ✅ Dimension space-400 */
185
- --spacing-space-400: 2rem;
186
-
187
- /* ✅ Dimension space-500 */
188
- --spacing-space-500: 2.5rem;
189
-
190
- /* ✅ Dimension space-600 */
191
- --spacing-space-600: 3rem;
192
-
193
- /* ✅ Dimension space-800 */
194
- --spacing-space-800: 4rem;
195
-
196
- /* ✅ Dimension space-1000 */
197
- --spacing-space-1000: 80px;
198
-
199
- /* ✅ Border-width sm */
200
- --border-width-sm: 1px;
201
-
202
- /* ✅ Border-width md */
203
- --border-width-md: 2px;
204
-
205
- /* ✅ Border-radius none */
206
- --radius-none: 0;
207
-
208
- /* ✅ Border-radius xs */
209
- --radius-xs: 0.125rem;
210
-
211
- /* ✅ Border-radius sm */
212
- --radius-sm: 0.25rem;
213
-
214
- /* ✅ Border-radius md */
215
- --radius-md: 0.5rem;
216
-
217
- /* ✅ Border-radius lg */
218
- --radius-lg: 1rem;
219
-
220
- /* ✅ Border-radius xl */
221
- --radius-xl: 2rem;
222
-
223
- /* ✅ Border-radius 2xl */
224
- --radius-2xl: 3rem;
225
-
226
- /* ✅ Border-radius full */
227
- --radius-full: 999px;
228
-
229
- /* ✅ Icon-size xs */
230
- --spacing-xs: 1rem;
231
-
232
- /* ✅ Icon-size sm */
233
- --spacing-sm: 1.25rem;
234
-
235
- /* ✅ Icon-size md */
236
- --spacing-md: 1.5rem;
237
-
238
- /* ✅ Icon-size lg */
239
- --spacing-lg: 2rem;
240
-
241
- /* ✅ Icon-size xl */
242
- --spacing-xl: 3rem;
243
-
244
- /* ✅ Text-decoration none */
245
- --text-decoration-none: none;
246
-
247
- /* ✅ Text-decoration underline */
248
- --text-decoration-underline: underline;
249
-
250
- /* ✅ Text-decoration line-through */
251
- --text-decoration-line-through: line-through;
252
-
253
- /* ✅ Text-transform uppercase */
254
- --text-transform-uppercase: uppercase;
255
-
256
- /* ✅ Text-transform lowercase */
257
- --text-transform- lowercase: lowercase;
258
-
259
- /* ✅ Text-transform capitalize */
260
- --text-transform- capitalize: capitalize;
261
-
262
- /* ✅ Text-transform none */
263
- --text-transform-none: none;
264
-
265
- /* ✅ Font-size text-xs */
266
- --text-text-xs: 0.75rem;
267
-
268
- /* ✅ Font-size text-sm */
269
- --text-text-sm: 0.875rem;
270
-
271
- /* ✅ Font-size text-md */
272
- --text-text-md: 1rem;
273
-
274
- /* ✅ Font-size text-lg */
275
- --text-text-lg: 1.25rem;
276
-
277
- /* ✅ Font-size text-xl */
278
- --text-text-xl: 1.5rem;
279
-
280
- /* ✅ Font-size text-2xl */
281
- --text-text-2xl: 2rem;
282
-
283
- /* ✅ Font-size text-3xl */
284
- --text-text-3xl: 2.25rem;
285
-
286
- /* ✅ Font-size text-4xl */
287
- --text-text-4xl: 3rem;
288
-
289
- /* ✅ Font-weight regular-400 */
290
- --font-weight-regular-400: var(--fontweights-archivo-regular);
291
-
292
- /* ✅ Font-weight medium-500 */
293
- --font-weight-medium-500: var(--fontweights-archivo-medium);
294
-
295
- /* ✅ Font-weight bold-700 */
296
- --font-weight-bold-700: var(--fontweights-archivo-bold);
297
-
298
- /* ✅ Line-height text-4xl */
299
- --leading-text-4xl-leading-none: 3rem;
300
- --leading-text-4xl-leading-tight: 3.25rem;
301
-
302
- /* ✅ Line-height text-3xl */
303
- --leading-text-3xl-leading-none: 2.25rem;
304
- --leading-text-3xl-leading-tight: 2.5rem;
305
-
306
- /* ✅ Line-height text-2xl */
307
- --leading-text-2xl-leading-none: 2rem;
308
- --leading-text-2xl-leading-tight: 2.25rem;
309
-
310
- /* ✅ Line-height text-xl */
311
- --leading-text-xl-leading-none: 1.5rem;
312
- --leading-text-xl-leading-tight: 1.75;
313
-
314
- /* ✅ Line-height text-lg */
315
- --leading-text-lg-leading-none: 1.25rem;
316
- --leading-text-lg-leading-tight: 1.5rem;
317
-
318
- /* ✅ Line-height text-md */
319
- --leading-text-md-leading-none: 1rem;
320
- --leading-text-md-leading-tight: 1.25;
321
- --leading-text-md-leading-normal: 1.5rem;
322
-
323
- /* ✅ Line-height text-sm */
324
- --leading-text-sm-leading-none: 0.875rem;
325
- --leading-text-sm-leading-normal: 1.25rem;
326
-
327
- /* ✅ Line-height text-xs */
328
- --leading-text-xs-leading-none: 0.75rem;
329
- --leading-text-xs-leading-normal: 1.25rem;
70
+ --color-neutral-alpha-100a: rgba(9, 30, 77, 0.03);
71
+ --color-neutral-alpha-200a: rgba(9, 30, 77, 0.06);
72
+ --color-neutral-alpha-300a: rgba(9, 30, 77, 0.14);
73
+ --color-neutral-alpha-400a: rgba(9, 30, 77, 0.31);
74
+ --color-neutral-alpha-500a: rgba(9, 30, 77, 0.5);
75
+ --color-neutral-0: #ffffff;
76
+ --color-neutral-100: #f7f8f9;
77
+ --color-neutral-1000: #282f3c;
78
+ --color-neutral-1100: #1e242d;
79
+ --color-neutral-200: #f1f2f4;
80
+ --color-neutral-300: #dcdfe4;
81
+ --color-neutral-400: #b3b9c4;
82
+ --color-neutral-500: #8590a2;
83
+ --color-neutral-600: #758195;
84
+ --color-neutral-700: #626f86;
85
+ --color-neutral-800: #4b5668;
86
+ --color-neutral-900: #374152;
87
+ --color-purple-100: #f1f1fc;
88
+ --color-purple-1000: #352c54;
89
+ --color-purple-200: #e5e7fa;
90
+ --color-purple-300: #d0d1f5;
91
+ --color-purple-400: #b3b3ee;
92
+ --color-purple-500: #9b95e4;
93
+ --color-purple-600: #8678d9;
94
+ --color-purple-700: #7860cb;
95
+ --color-purple-800: #6750b2;
96
+ --color-purple-900: #554390;
97
+ --color-red-100: #fcf4f4;
98
+ --color-red-1000: #461716;
99
+ --color-red-200: #fae7e6;
100
+ --color-red-300: #f6d3d2;
101
+ --color-red-400: #efb4b2;
102
+ --color-red-500: #e38986;
103
+ --color-red-600: #d5625e;
104
+ --color-red-700: #c04642;
105
+ --color-red-800: #ad3c38;
106
+ --color-red-900: #86312e;
107
+ --color-rust-100: #fcf6f4;
108
+ --color-rust-1000: #4c271a;
109
+ --color-rust-200: #f9ece7;
110
+ --color-rust-300: #f6dcd2;
111
+ --color-rust-400: #e9b29e;
112
+ --color-rust-500: #e29f87;
113
+ --color-rust-600: #d37f60;
114
+ --color-rust-700: #be6544;
115
+ --color-rust-800: #9f5236;
116
+ --color-rust-900: #844630;
117
+ --color-sand-100: #f7f3ee;
118
+ --color-sand-1000: #3c3420;
119
+ --color-sand-200: #ede5da;
120
+ --color-sand-300: #dccfba;
121
+ --color-sand-400: #c5b191;
122
+ --color-sand-500: #ae966d;
123
+ --color-sand-600: #937b4f;
124
+ --color-sand-700: #74613c;
125
+ --color-sand-800: #5a4d31;
126
+ --color-sand-900: #49402b;
127
+ --color-teal-100: #f1f9fa;
128
+ --color-teal-1000: #1d353f;
129
+ --color-teal-200: #dceff1;
130
+ --color-teal-300: #bde0e4;
131
+ --color-teal-400: #8fc9d1;
132
+ --color-teal-500: #5cabb7;
133
+ --color-teal-600: #3e8e9c;
134
+ --color-teal-700: #377483;
135
+ --color-teal-800: #32606c;
136
+ --color-teal-900: #2f505b;
137
+ --text-2xl: 2rem;
138
+ --text-3xl: 2.25rem;
139
+ --text-4xl: 3rem;
140
+ --text-lg: 1.25rem;
141
+ --text-md: 1rem;
142
+ --text-sm: 0.875rem;
143
+ --text-xl: 1.5rem;
144
+ --text-xs: 0.75rem;
330
145
 
331
- /* ✅ Space-between 0 */
332
- --spacing-0: var(--dimension-space-0);
333
-
334
- /* ✅ Tracking tighter */
335
- --tracking-tighter: -0.04em;
336
-
337
- /* ✅ Tracking tight */
338
- --tracking-tight: -0.02em;
339
-
340
- /* ✅ Tracking normal */
341
- --tracking-normal: 0em;
342
-
343
- /* ✅ Tracking wide */
344
- --tracking-wide: 0.04em;
345
-
346
- /* ✅ Text-indent 0 */
347
- --text-indent-0: var(--dimension-space-0);
348
-
349
- /* ✅ FontFamilies archivo */
350
- --fontFamilies-archivo: Archivo;
351
-
352
-
353
- --color-surface-primary: var(--color-neutral-0);
354
- --color-surface-secondary: var(--color-neutral-200);
355
- --color-surface-overlay-default: var(--color-neutral-alpha-500a);
356
- --color-surface-inverse-primary: var(--color-dark-neutral-0);
357
- --color-surface-inverse-secondary: var(--color-dark-neutral-200);
358
- --color-divider-light: var(--color-neutral-100);
359
- --color-divider-default: var(--color-neutral-200);
360
- --color-divider-bold: var(--color-neutral-300);
361
- --color-text-primary: var(--color-neutral-1100);
362
- --color-text-secondary: var(--color-neutral-600);
363
- --color-text-tertiary: var(--color-neutral-400);
364
- --color-text-inverse: var(--color-neutral-0);
365
- --color-text-disabled: var(--color-neutral-alpha-400a);
366
- --color-text-success: var(--color-green-600);
367
- --color-text-alert: var(--color-red-600);
368
- --color-text-Info: var(--color-neutral-0);
369
- --color-text-danger: var(--color-neutral-0);
370
- --color-text-brand-default: var(--color-bcc-700);
371
- --color-text-brand-bold: var(--color-bcc-800);
372
- --color-text-accent-rust-default: var(--color-rust-700);
373
- --color-text-accent-rust-bold: var(--color-rust-800);
374
- --color-text-accent-yellow-default: var(--color-red-700);
375
- --color-text-accent-yellow-bold: var(--color-red-800);
376
- --color-text-accent-green-default: var(--color-green-700);
377
- --color-text-accent-green-bold: var(--color-green-800);
378
- --color-text-accent-teal-default: var(--color-teal-700);
379
- --color-text-accent-teal-bold: var(--color-teal-800);
380
- --color-text-accent-sand-default: var(--color-sand-700);
381
- --color-text-accent-sand-bold: var(--color-sand-800);
382
- --color-text-accent-blue-default: var(--color-blue-700);
383
- --color-text-accent-blue-bold: var(--color-blue-800);
384
- --color-text-accent-purple-default: var(--color-purple-700);
385
- --color-text-accent-purple-bold: var(--color-purple-800);
386
- --color-text-accent-magenta-default: var(--color-magenta-700);
387
- --color-text-accent-magenta-bold: var(--color-magenta-800);
388
- --color-icon-primary: var(--color-neutral-1100);
389
- --color-icon-secondary: var(--color-neutral-700);
390
- --color-icon-tertiary: var(--color-neutral-400);
391
- --color-icon-inverse: var(--color-neutral-0);
392
- --color-icon-disabled: var(--color-neutral-alpha-400a);
393
- --color-icon-success: var(--color-green-600);
394
- --color-icon-alert: var(--color-red-600);
395
- --color-icon-info: #ffffff;
396
- --color-icon-danger: #ffffff;
397
- --color-icon-accent-blue: var(--color-blue-700);
398
- --color-icon-accent-red: var(--color-red-700);
399
- --color-icon-accent-green: var(--color-green-700);
400
- --color-icon-accent-rust: var(--color-rust-700);
401
- --color-icon-accent-teal: var(--color-teal-700);
402
- --color-icon-accent-purple: var(--color-purple-700);
403
- --color-icon-accent-magenta: var(--color-magenta-700);
404
- --color-icon-accent-sand: var(--color-sand-700);
405
- --color-icon-brand: var(--color-bcc-700);
406
- --color-link-default: var(--color-blue-600);
407
- --color-link-hover: var(--color-blue-700);
408
- --color-link-visited: var(--color-blue-900);
409
- --color-background-disabled-default: #ffffff;
410
- --color-background-brand-default: var(--color-bcc-600);
411
- --color-background-brand-hover: var(--color-bcc-700);
412
- --color-background-brand-pressed: var(--color-bcc-800);
413
- --color-background-brand-lighter-default: var(--color-bcc-200);
414
- --color-background-brand-lighter-hover: var(--color-bcc-300);
415
- --color-background-brand-lighter-pressed: var(--color-bcc-400);
416
- --color-background-brand-light-default: var(--color-bcc-400);
417
- --color-background-brand-light-hover: var(--color-bcc-500);
418
- --color-background-brand-light-pressed: var(--color-bcc-600);
419
- --color-background-brand-bold-default: var(--color-bcc-800);
420
- --color-background-brand-bold-hover: var(--color-bcc-900);
421
- --color-background-brand-bold-pressed: var(--color-bcc-1000);
146
+ --color-background-accent-blue-bold-default: var(--color-blue-800);
147
+ --color-background-accent-blue-bold-hover: #ffffff;
148
+ --color-background-accent-blue-bold-pressed: #ffffff;
149
+ --color-background-accent-blue-default: var(--color-blue-600);
150
+ --color-background-accent-blue-hover: #ffffff;
151
+ --color-background-accent-blue-light-default: var(--color-blue-400);
152
+ --color-background-accent-blue-light-hover: #ffffff;
153
+ --color-background-accent-blue-light-pressed: #ffffff;
154
+ --color-background-accent-blue-lighter-default: var(--color-blue-200);
155
+ --color-background-accent-blue-lighter-hover: #ffffff;
156
+ --color-background-accent-blue-lighter-pressed: #ffffff;
157
+ --color-background-accent-blue-pressed: #ffffff;
158
+ --color-background-accent-green-bold-default: var(--color-green-800);
159
+ --color-background-accent-green-bold-hover: var(--color-green-700);
160
+ --color-background-accent-green-bold-pressed: var(--color-green-600);
161
+ --color-background-accent-green-default: var(--color-green-500);
162
+ --color-background-accent-green-hover: var(--color-green-600);
163
+ --color-background-accent-green-light-default: var(--color-green-400);
164
+ --color-background-accent-green-light-hover: var(--color-green-500);
165
+ --color-background-accent-green-light-pressed: var(--color-green-600);
166
+ --color-background-accent-green-lighter-default: var(--color-green-200);
167
+ --color-background-accent-green-lighter-hover: var(--color-green-300);
168
+ --color-background-accent-green-lighter-pressed: var(--color-green-400);
169
+ --color-background-accent-green-pressed: var(--color-green-700);
170
+ --color-background-accent-magenta-bold-default: var(--color-magenta-800);
171
+ --color-background-accent-magenta-bold-hover: #ffffff;
172
+ --color-background-accent-magenta-bold-pressed: #ffffff;
173
+ --color-background-accent-magenta-default: var(--color-magenta-600);
174
+ --color-background-accent-magenta-hover: #ffffff;
175
+ --color-background-accent-magenta-light-default: var(--color-magenta-400);
176
+ --color-background-accent-magenta-light-hover: #ffffff;
177
+ --color-background-accent-magenta-light-pressed: #ffffff;
178
+ --color-background-accent-magenta-lighter-default: var(--color-magenta-200);
179
+ --color-background-accent-magenta-lighter-hover: #ffffff;
180
+ --color-background-accent-magenta-lighter-pressed: #ffffff;
181
+ --color-background-accent-magenta-pressed: #ffffff;
182
+ --color-background-accent-purple-bold-default: var(--color-purple-800);
183
+ --color-background-accent-purple-bold-hover: #ffffff;
184
+ --color-background-accent-purple-bold-pressed: #ffffff;
185
+ --color-background-accent-purple-default: var(--color-purple-600);
186
+ --color-background-accent-purple-hover: #ffffff;
187
+ --color-background-accent-purple-light-default: var(--color-purple-400);
188
+ --color-background-accent-purple-light-hover: #ffffff;
189
+ --color-background-accent-purple-light-pressed: #ffffff;
190
+ --color-background-accent-purple-lighter-default: var(--color-purple-200);
191
+ --color-background-accent-purple-lighter-hover: #ffffff;
192
+ --color-background-accent-purple-lighter-pressed: #ffffff;
193
+ --color-background-accent-purple-pressed: #ffffff;
194
+ --color-background-accent-red-bold-default: var(--color-red-800);
195
+ --color-background-accent-red-bold-hover: var(--color-red-700);
196
+ --color-background-accent-red-bold-pressed: var(--color-red-600);
422
197
  --color-background-accent-red-default: var(--color-red-600);
423
198
  --color-background-accent-red-hover: var(--color-red-700);
424
- --color-background-accent-red-pressed: var(--color-red-800);
425
- --color-background-accent-red-lighter-default: var(--color-red-200);
426
- --color-background-accent-red-lighter-hover: var(--color-red-300);
427
- --color-background-accent-red-lighter-pressed: var(--color-red-400);
428
199
  --color-background-accent-red-light-default: var(--color-red-400);
429
200
  --color-background-accent-red-light-hover: var(--color-red-500);
430
201
  --color-background-accent-red-light-pressed: var(--color-red-600);
431
- --color-background-accent-red-bold-default: var(--color-red-800);
432
- --color-background-accent-red-bold-hover: var(--color-red-700);
433
- --color-background-accent-red-bold-pressed: var(--color-red-600);
202
+ --color-background-accent-red-lighter-default: var(--color-red-200);
203
+ --color-background-accent-red-lighter-hover: var(--color-red-300);
204
+ --color-background-accent-red-lighter-pressed: var(--color-red-400);
205
+ --color-background-accent-red-pressed: var(--color-red-800);
206
+ --color-background-accent-rust-bold-default: var(--color-rust-800);
207
+ --color-background-accent-rust-bold-hover: var(--color-rust-700);
208
+ --color-background-accent-rust-bold-pressed: var(--color-rust-600);
434
209
  --color-background-accent-rust-default: var(--color-rust-600);
435
210
  --color-background-accent-rust-hover: var(--color-rust-700);
436
- --color-background-accent-rust-pressed: var(--color-rust-800);
437
- --color-background-accent-rust-lighter-default: var(--color-rust-200);
438
- --color-background-accent-rust-lighter-hover: var(--color-rust-300);
439
- --color-background-accent-rust-lighter-pressed: var(--color-rust-400);
440
211
  --color-background-accent-rust-light-default: var(--color-rust-400);
441
212
  --color-background-accent-rust-light-hover: var(--color-rust-500);
442
213
  --color-background-accent-rust-light-pressed: var(--color-rust-600);
443
- --color-background-accent-rust-bold-default: var(--color-rust-800);
444
- --color-background-accent-rust-bold-hover: var(--color-rust-700);
445
- --color-background-accent-rust-bold-pressed: var(--color-rust-600);
446
- --color-background-accent-green-default: var(--color-green-500);
447
- --color-background-accent-green-hover: var(--color-green-600);
448
- --color-background-accent-green-pressed: var(--color-green-700);
449
- --color-background-accent-green-lighter-default: var(--color-green-200);
450
- --color-background-accent-green-lighter-hover: var(--color-green-300);
451
- --color-background-accent-green-lighter-pressed: var(--color-green-400);
452
- --color-background-accent-green-light-default: var(--color-green-400);
453
- --color-background-accent-green-light-hover: var(--color-green-500);
454
- --color-background-accent-green-light-pressed: var(--color-green-600);
455
- --color-background-accent-green-bold-default: var(--color-green-800);
456
- --color-background-accent-green-bold-hover: var(--color-green-700);
457
- --color-background-accent-green-bold-pressed: var(--color-green-600);
458
- --color-background-accent-teal-default: var(--color-teal-600);
459
- --color-background-accent-teal-hover: var(--color-teal-700);
460
- --color-background-accent-teal-pressed: var(--color-teal-800);
461
- --color-background-accent-teal-lighter-default: var(--color-teal-200);
462
- --color-background-accent-teal-lighter-hover: var(--color-teal-300);
463
- --color-background-accent-teal-lighter-pressed: #ffffff;
464
- --color-background-accent-teal-light-default: var(--color-teal-400);
465
- --color-background-accent-teal-light-hover: #ffffff;
466
- --color-background-accent-teal-light-pressed: #ffffff;
467
- --color-background-accent-teal-bold-default: var(--color-teal-800);
468
- --color-background-accent-teal-bold-hover: #ffffff;
469
- --color-background-accent-teal-bold-pressed: #ffffff;
214
+ --color-background-accent-rust-lighter-default: var(--color-rust-200);
215
+ --color-background-accent-rust-lighter-hover: var(--color-rust-300);
216
+ --color-background-accent-rust-lighter-pressed: var(--color-rust-400);
217
+ --color-background-accent-rust-pressed: var(--color-rust-800);
218
+ --color-background-accent-sand-bold-default: var(--color-sand-800);
219
+ --color-background-accent-sand-bold-hover: #ffffff;
220
+ --color-background-accent-sand-bold-pressed: #ffffff;
470
221
  --color-background-accent-sand-default: var(--color-sand-600);
471
222
  --color-background-accent-sand-hover: #ffffff;
472
- --color-background-accent-sand-pressed: #ffffff;
473
- --color-background-accent-sand-lighter-default: var(--color-sand-200);
474
- --color-background-accent-sand-lighter-hover: var(--color-sand-300);
475
- --color-background-accent-sand-lighter-pressed: #ffffff;
476
223
  --color-background-accent-sand-light-default: var(--color-sand-400);
477
224
  --color-background-accent-sand-light-hover: #ffffff;
478
225
  --color-background-accent-sand-light-pressed: #ffffff;
479
- --color-background-accent-sand-bold-default: var(--color-sand-800);
480
- --color-background-accent-sand-bold-hover: #ffffff;
481
- --color-background-accent-sand-bold-pressed: #ffffff;
482
- --color-background-accent-blue-default: var(--color-blue-600);
483
- --color-background-accent-blue-hover: #ffffff;
484
- --color-background-accent-blue-pressed: #ffffff;
485
- --color-background-accent-blue-lighter-default: var(--color-blue-200);
486
- --color-background-accent-blue-lighter-hover: #ffffff;
487
- --color-background-accent-blue-lighter-pressed: #ffffff;
488
- --color-background-accent-blue-light-default: var(--color-blue-400);
489
- --color-background-accent-blue-light-hover: #ffffff;
490
- --color-background-accent-blue-light-pressed: #ffffff;
491
- --color-background-accent-blue-bold-default: var(--color-blue-800);
492
- --color-background-accent-blue-bold-hover: #ffffff;
493
- --color-background-accent-blue-bold-pressed: #ffffff;
494
- --color-background-accent-purple-default: var(--color-purple-600);
495
- --color-background-accent-purple-hover: #ffffff;
496
- --color-background-accent-purple-pressed: #ffffff;
497
- --color-background-accent-purple-lighter-default: var(--color-purple-200);
498
- --color-background-accent-purple-lighter-hover: #ffffff;
499
- --color-background-accent-purple-lighter-pressed: #ffffff;
500
- --color-background-accent-purple-light-default: var(--color-purple-400);
501
- --color-background-accent-purple-light-hover: #ffffff;
502
- --color-background-accent-purple-light-pressed: #ffffff;
503
- --color-background-accent-purple-bold-default: var(--color-purple-800);
504
- --color-background-accent-purple-bold-hover: #ffffff;
505
- --color-background-accent-purple-bold-pressed: #ffffff;
506
- --color-background-accent-magenta-default: var(--color-magenta-600);
507
- --color-background-accent-magenta-hover: #ffffff;
508
- --color-background-accent-magenta-pressed: #ffffff;
509
- --color-background-accent-magenta-lighter-default: var(--color-magenta-200);
510
- --color-background-accent-magenta-lighter-hover: #ffffff;
511
- --color-background-accent-magenta-lighter-pressed: #ffffff;
512
- --color-background-accent-magenta-light-default: var(--color-magenta-400);
513
- --color-background-accent-magenta-light-hover: #ffffff;
514
- --color-background-accent-magenta-light-pressed: #ffffff;
515
- --color-background-accent-magenta-bold-default: var(--color-magenta-800);
516
- --color-background-accent-magenta-bold-hover: #ffffff;
517
- --color-background-accent-magenta-bold-pressed: #ffffff;
226
+ --color-background-accent-sand-lighter-default: var(--color-sand-200);
227
+ --color-background-accent-sand-lighter-hover: var(--color-sand-300);
228
+ --color-background-accent-sand-lighter-pressed: #ffffff;
229
+ --color-background-accent-sand-pressed: #ffffff;
230
+ --color-background-accent-teal-bold-default: var(--color-teal-800);
231
+ --color-background-accent-teal-bold-hover: #ffffff;
232
+ --color-background-accent-teal-bold-pressed: #ffffff;
233
+ --color-background-accent-teal-default: var(--color-teal-600);
234
+ --color-background-accent-teal-hover: var(--color-teal-700);
235
+ --color-background-accent-teal-light-default: var(--color-teal-400);
236
+ --color-background-accent-teal-light-hover: #ffffff;
237
+ --color-background-accent-teal-light-pressed: #ffffff;
238
+ --color-background-accent-teal-lighter-default: var(--color-teal-200);
239
+ --color-background-accent-teal-lighter-hover: var(--color-teal-300);
240
+ --color-background-accent-teal-lighter-pressed: #ffffff;
241
+ --color-background-accent-teal-pressed: var(--color-teal-800);
242
+ --color-background-accent-yellow-bold-default: #ffffff;
243
+ --color-background-accent-yellow-bold-hover: #ffffff;
244
+ --color-background-accent-yellow-bold-pressed: #ffffff;
518
245
  --color-background-accent-yellow-default: #ffffff;
519
246
  --color-background-accent-yellow-hover: #ffffff;
520
- --color-background-accent-yellow-pressed: #ffffff;
521
- --color-background-accent-yellow-lighter-default: #ffffff;
522
- --color-background-accent-yellow-lighter-hover: #ffffff;
523
- --color-background-accent-yellow-lighter-pressed: #ffffff;
524
247
  --color-background-accent-yellow-light-default: #ffffff;
525
248
  --color-background-accent-yellow-light-hover: #ffffff;
526
249
  --color-background-accent-yellow-light-pressed: #ffffff;
527
- --color-background-accent-yellow-bold-default: #ffffff;
528
- --color-background-accent-yellow-bold-hover: #ffffff;
529
- --color-background-accent-yellow-bold-pressed: #ffffff;
250
+ --color-background-accent-yellow-lighter-default: #ffffff;
251
+ --color-background-accent-yellow-lighter-hover: #ffffff;
252
+ --color-background-accent-yellow-lighter-pressed: #ffffff;
253
+ --color-background-accent-yellow-pressed: #ffffff;
254
+ --color-background-alert-default: #ffffff;
255
+ --color-background-alert-hover: #ffffff;
256
+ --color-background-alert-pressed: #ffffff;
257
+ --color-background-brand-bold-default: var(--color-bcc-800);
258
+ --color-background-brand-bold-hover: var(--color-bcc-900);
259
+ --color-background-brand-bold-pressed: var(--color-bcc-1000);
260
+ --color-background-brand-default: var(--color-bcc-600);
261
+ --color-background-brand-hover: var(--color-bcc-700);
262
+ --color-background-brand-light-default: var(--color-bcc-400);
263
+ --color-background-brand-light-hover: var(--color-bcc-500);
264
+ --color-background-brand-light-pressed: var(--color-bcc-600);
265
+ --color-background-brand-lighter-default: var(--color-bcc-200);
266
+ --color-background-brand-lighter-hover: var(--color-bcc-300);
267
+ --color-background-brand-lighter-pressed: var(--color-bcc-400);
268
+ --color-background-brand-pressed: var(--color-bcc-800);
269
+ --color-background-danger-default: #ffffff;
270
+ --color-background-danger-hover: #ffffff;
271
+ --color-background-danger-pressed: #ffffff;
272
+ --color-background-disabled-default: #ffffff;
273
+ --color-background-info-default: #ffffff;
274
+ --color-background-info-hover: #ffffff;
275
+ --color-background-info-pressed: #ffffff;
530
276
  --color-background-neutral-default: var(--color-neutral-alpha-300a);
531
277
  --color-background-neutral-hover: var(--color-neutral-alpha-400a);
532
- --color-background-neutral-pressed: var(--color-neutral-alpha-500a);
533
- --color-background-neutral-light-pressed: var(--color-neutral-alpha-200a);
534
278
  --color-background-neutral-light-default: var(--color-dark-neutral-alpha-100a);
535
279
  --color-background-neutral-light-hover: var(--color-neutral-alpha-200a);
280
+ --color-background-neutral-light-pressed: var(--color-neutral-alpha-200a);
281
+ --color-background-neutral-lighter-default: rgba(9, 30, 77, 0);
536
282
  --color-background-neutral-lighter-hover: var(--color-neutral-alpha-100a);
537
283
  --color-background-neutral-lighter-pressed: var(--color-neutral-alpha-200a);
538
- --color-background-neutral-lighter-default: rgba(9, 30, 77, 0);
539
- --color-background-info-default: #ffffff;
540
- --color-background-info-hover: #ffffff;
541
- --color-background-info-pressed: #ffffff;
284
+ --color-background-neutral-pressed: var(--color-neutral-alpha-500a);
542
285
  --color-background-success-default: #ffffff;
543
286
  --color-background-success-hover: #ffffff;
544
287
  --color-background-success-pressed: #ffffff;
545
- --color-background-alert-default: #ffffff;
546
- --color-background-alert-hover: #ffffff;
547
- --color-background-alert-pressed: #ffffff;
548
- --color-background-danger-default: #ffffff;
549
- --color-background-danger-hover: #ffffff;
550
- --color-background-danger-pressed: #ffffff;
551
- --color-border-primary: var(--color-neutral-100);
552
- --color-border-secondary: var(--color-neutral-200);
553
- --color-border-tertiary: var(--color-neutral-300);
554
- --color-border-focus: rgba(46, 144, 135, 0.4);
555
- --color-border-selected: var(--color-bcc-600);
556
- --color-border-disabled: var(--color-neutral-100);
288
+ --color-border-accent-blue-default: var(--color-blue-600);
289
+ --color-border-accent-blue-hover: var(--color-blue-700);
290
+ --color-border-accent-blue-pressed: var(--color-blue-800);
291
+ --color-border-accent-green-default: var(--color-green-600);
292
+ --color-border-accent-green-hover: var(--color-green-700);
293
+ --color-border-accent-green-pressed: var(--color-green-800);
294
+ --color-border-accent-magenta-default: var(--color-magenta-600);
295
+ --color-border-accent-magenta-hover: var(--color-magenta-700);
296
+ --color-border-accent-magenta-pressed: var(--color-magenta-800);
297
+ --color-border-accent-purple-default: var(--color-purple-600);
298
+ --color-border-accent-purple-hover: var(--color-purple-700);
299
+ --color-border-accent-purple-pressed: var(--color-purple-800);
557
300
  --color-border-accent-red-default: var(--color-red-600);
558
301
  --color-border-accent-red-hover: var(--color-red-700);
559
302
  --color-border-accent-red-pressed: var(--color-red-800);
560
303
  --color-border-accent-rust-default: var(--color-rust-600);
561
304
  --color-border-accent-rust-hover: var(--color-rust-700);
562
305
  --color-border-accent-rust-pressed: var(--color-rust-800);
563
- --color-border-accent-yellow-default: #ffffff;
564
- --color-border-accent-yellow-hover: #ffffff;
565
- --color-border-accent-yellow-pressed: #ffffff;
566
- --color-border-accent-green-default: var(--color-green-600);
567
- --color-border-accent-green-hover: var(--color-green-700);
568
- --color-border-accent-green-pressed: var(--color-green-800);
569
- --color-border-accent-teal-default: var(--color-teal-600);
570
- --color-border-accent-teal-hover: var(--color-teal-700);
571
- --color-border-accent-teal-pressed: var(--color-teal-800);
572
306
  --color-border-accent-sand-default: var(--color-sand-600);
573
307
  --color-border-accent-sand-hover: var(--color-sand-700);
574
308
  --color-border-accent-sand-pressed: var(--color-sand-800);
575
- --color-border-accent-blue-default: var(--color-blue-600);
576
- --color-border-accent-blue-hover: var(--color-blue-700);
577
- --color-border-accent-blue-pressed: var(--color-blue-800);
578
- --color-border-accent-purple-default: var(--color-purple-600);
579
- --color-border-accent-purple-hover: var(--color-purple-700);
580
- --color-border-accent-purple-pressed: var(--color-purple-800);
581
- --color-border-accent-magenta-default: var(--color-magenta-600);
582
- --color-border-accent-magenta-hover: var(--color-magenta-700);
583
- --color-border-accent-magenta-pressed: var(--color-magenta-800);
309
+ --color-border-accent-teal-default: var(--color-teal-600);
310
+ --color-border-accent-teal-hover: var(--color-teal-700);
311
+ --color-border-accent-teal-pressed: var(--color-teal-800);
312
+ --color-border-accent-yellow-default: #ffffff;
313
+ --color-border-accent-yellow-hover: #ffffff;
314
+ --color-border-accent-yellow-pressed: #ffffff;
315
+ --color-border-disabled: var(--color-neutral-100);
316
+ --color-border-focus: rgba(46, 144, 135, 0.4);
317
+ --color-border-primary: var(--color-neutral-100);
318
+ --color-border-secondary: var(--color-neutral-200);
319
+ --color-border-selected: var(--color-bcc-600);
320
+ --color-border-tertiary: var(--color-neutral-300);
321
+ --color-divider-bold: var(--color-neutral-300);
322
+ --color-divider-default: var(--color-neutral-200);
323
+ --color-divider-light: var(--color-neutral-100);
324
+ --color-icon-accent-blue: var(--color-blue-700);
325
+ --color-icon-accent-green: var(--color-green-700);
326
+ --color-icon-accent-magenta: var(--color-magenta-700);
327
+ --color-icon-accent-purple: var(--color-purple-700);
328
+ --color-icon-accent-red: var(--color-red-700);
329
+ --color-icon-accent-rust: var(--color-rust-700);
330
+ --color-icon-accent-sand: var(--color-sand-700);
331
+ --color-icon-accent-teal: var(--color-teal-700);
332
+ --color-icon-alert: var(--color-red-600);
333
+ --color-icon-brand: var(--color-bcc-700);
334
+ --color-icon-danger: #ffffff;
335
+ --color-icon-disabled: var(--color-neutral-alpha-400a);
336
+ --color-icon-info: #ffffff;
337
+ --color-icon-inverse: var(--color-neutral-0);
338
+ --color-icon-primary: var(--color-neutral-1100);
339
+ --color-icon-secondary: var(--color-neutral-700);
340
+ --color-icon-success: var(--color-green-600);
341
+ --color-icon-tertiary: var(--color-neutral-400);
342
+ --color-link-default: var(--color-blue-600);
343
+ --color-link-hover: var(--color-blue-700);
344
+ --color-link-visited: var(--color-blue-900);
345
+ --color-surface-inverse-primary: var(--color-dark-neutral-0);
346
+ --color-surface-inverse-secondary: var(--color-dark-neutral-200);
347
+ --color-surface-overlay-default: var(--color-neutral-alpha-500a);
348
+ --color-surface-primary: var(--color-neutral-0);
349
+ --color-surface-secondary: var(--color-neutral-200);
350
+ --color-text-accent-blue-bold: var(--color-blue-800);
351
+ --color-text-accent-blue-default: var(--color-blue-700);
352
+ --color-text-accent-green-bold: var(--color-green-800);
353
+ --color-text-accent-green-default: var(--color-green-700);
354
+ --color-text-accent-magenta-bold: var(--color-magenta-800);
355
+ --color-text-accent-magenta-default: var(--color-magenta-700);
356
+ --color-text-accent-purple-bold: var(--color-purple-800);
357
+ --color-text-accent-purple-default: var(--color-purple-700);
358
+ --color-text-accent-rust-bold: var(--color-rust-800);
359
+ --color-text-accent-rust-default: var(--color-rust-700);
360
+ --color-text-accent-sand-bold: var(--color-sand-800);
361
+ --color-text-accent-sand-default: var(--color-sand-700);
362
+ --color-text-accent-teal-bold: var(--color-teal-800);
363
+ --color-text-accent-teal-default: var(--color-teal-700);
364
+ --color-text-accent-yellow-bold: var(--color-red-800);
365
+ --color-text-accent-yellow-default: var(--color-red-700);
366
+ --color-text-alert: var(--color-red-600);
367
+ --color-text-brand-bold: var(--color-bcc-800);
368
+ --color-text-brand-default: var(--color-bcc-700);
369
+ --color-text-danger: var(--color-neutral-0);
370
+ --color-text-disabled: var(--color-neutral-alpha-400a);
371
+ --color-text-info: var(--color-neutral-0);
372
+ --color-text-inverse: var(--color-neutral-0);
373
+ --color-text-primary: var(--color-neutral-1100);
374
+ --color-text-secondary: var(--color-neutral-600);
375
+ --color-text-success: var(--color-green-600);
376
+ --color-text-tertiary: var(--color-neutral-400);
584
377
  }
585
378
 
379
+ /* ─── Dark theme overrides ─────────────────────────────────────────────────── */
586
380
  @variant dark {
587
381
  @theme {
588
- --color-surface-primary: var(--color-dark-neutral-0);
589
- --color-surface-secondary: var(--color-dark-neutral-200);
590
- --color-surface-overlay-default: var(--color-dark-neutral-alpha-500a);
591
- --color-surface-inverse-primary: var(--color-neutral-0);
592
- --color-surface-inverse-secondary: var(--color-neutral-200);
593
- --color-divider-light: var(--color-dark-neutral-100);
594
- --color-divider-default: var(--color-dark-neutral-200);
595
- --color-divider-bold: var(--color-dark-neutral-300);
596
- --color-text-primary: var(--color-dark-neutral-1100);
597
- --color-text-secondary: var(--color-dark-neutral-1100);
598
- --color-text-tertiary: var(--color-dark-neutral-400);
599
- --color-text-inverse: var(--color-dark-neutral-0);
600
- --color-text-disabled: var(--color-dark-neutral-alpha-400a);
601
- --color-text-success: var(--color-green-500);
602
- --color-text-alert: var(--color-red-500);
603
- --color-text-Info: var(--color-dark-neutral-0);
604
- --color-text-danger: var(--color-dark-neutral-0);
605
- --color-text-brand-default: var(--color-bcc-400);
606
- --color-text-brand-bold: var(--color-bcc-300);
607
- --color-text-accent-rust-default: var(--color-rust-400);
608
- --color-text-accent-rust-bold: var(--color-rust-300);
609
- --color-text-accent-yellow-default: var(--color-red-400);
610
- --color-text-accent-yellow-bold: var(--color-red-300);
611
- --color-text-accent-green-default: var(--color-green-400);
612
- --color-text-accent-green-bold: var(--color-green-300);
613
- --color-text-accent-teal-default: var(--color-teal-400);
614
- --color-text-accent-teal-bold: var(--color-teal-300);
615
- --color-text-accent-sand-default: var(--color-sand-400);
616
- --color-text-accent-sand-bold: var(--color-sand-300);
617
- --color-text-accent-blue-default: var(--color-blue-400);
618
- --color-text-accent-blue-bold: var(--color-blue-300);
619
- --color-text-accent-purple-default: var(--color-purple-400);
620
- --color-text-accent-purple-bold: var(--color-purple-300);
621
- --color-text-accent-magenta-default: var(--color-magenta-400);
622
- --color-text-accent-magenta-bold: var(--color-magenta-300);
623
- --color-icon-primary: var(--color-dark-neutral-1100);
624
- --color-icon-secondary: var(--color-dark-neutral-700);
625
- --color-icon-tertiary: var(--color-dark-neutral-400);
626
- --color-icon-inverse: var(--color-dark-neutral-0);
627
- --color-icon-disabled: var(--color-dark-neutral-alpha-400a);
628
- --color-icon-success: var(--color-green-500);
629
- --color-icon-alert: var(--color-red-500);
630
- --color-icon-info: #ffffff;
631
- --color-icon-danger: #ffffff;
632
- --color-icon-accent-blue: var(--color-blue-400);
633
- --color-icon-accent-red: var(--color-red-400);
634
- --color-icon-accent-green: var(--color-green-400);
635
- --color-icon-accent-rust: var(--color-rust-400);
636
- --color-icon-accent-teal: var(--color-teal-400);
637
- --color-icon-accent-purple: var(--color-purple-400);
638
- --color-icon-accent-magenta: var(--color-magenta-400);
639
- --color-icon-accent-sand: var(--color-sand-400);
640
- --color-icon-brand: var(--color-bcc-400);
641
- --color-link-default: var(--color-blue-500);
642
- --color-link-hover: var(--color-blue-400);
643
- --color-link-visited: var(--color-blue-300);
644
- --color-background-disabled-default: #ffffff;
645
- --color-background-brand-default: var(--color-bcc-500);
646
- --color-background-brand-hover: var(--color-bcc-400);
647
- --color-background-brand-pressed: var(--color-bcc-300);
648
- --color-background-brand-lighter-default: var(--color-bcc-900);
649
- --color-background-brand-lighter-hover: var(--color-bcc-800);
650
- --color-background-brand-lighter-pressed: var(--color-bcc-700);
651
- --color-background-brand-light-default: var(--color-bcc-700);
652
- --color-background-brand-light-hover: var(--color-bcc-600);
653
- --color-background-brand-light-pressed: var(--color-bcc-500);
654
- --color-background-brand-bold-default: var(--color-bcc-300);
655
- --color-background-brand-bold-hover: var(--color-bcc-200);
656
- --color-background-brand-bold-pressed: var(--color-bcc-100);
382
+ --color-background-accent-blue-bold-default: var(--color-blue-300);
383
+ --color-background-accent-blue-bold-hover: #ffffff;
384
+ --color-background-accent-blue-bold-pressed: #ffffff;
385
+ --color-background-accent-blue-default: var(--color-blue-500);
386
+ --color-background-accent-blue-hover: #ffffff;
387
+ --color-background-accent-blue-light-default: var(--color-blue-700);
388
+ --color-background-accent-blue-light-hover: #ffffff;
389
+ --color-background-accent-blue-light-pressed: #ffffff;
390
+ --color-background-accent-blue-lighter-default: var(--color-blue-900);
391
+ --color-background-accent-blue-lighter-hover: #ffffff;
392
+ --color-background-accent-blue-lighter-pressed: #ffffff;
393
+ --color-background-accent-blue-pressed: #ffffff;
394
+ --color-background-accent-green-bold-default: var(--color-green-300);
395
+ --color-background-accent-green-bold-hover: var(--color-green-400);
396
+ --color-background-accent-green-bold-pressed: var(--color-green-500);
397
+ --color-background-accent-green-default: var(--color-green-600);
398
+ --color-background-accent-green-hover: var(--color-green-700);
399
+ --color-background-accent-green-light-default: var(--color-green-700);
400
+ --color-background-accent-green-light-hover: var(--color-green-600);
401
+ --color-background-accent-green-light-pressed: var(--color-green-500);
402
+ --color-background-accent-green-lighter-default: var(--color-green-900);
403
+ --color-background-accent-green-lighter-hover: var(--color-green-800);
404
+ --color-background-accent-green-lighter-pressed: var(--color-green-700);
405
+ --color-background-accent-green-pressed: var(--color-green-800);
406
+ --color-background-accent-magenta-bold-default: var(--color-magenta-300);
407
+ --color-background-accent-magenta-bold-hover: #ffffff;
408
+ --color-background-accent-magenta-bold-pressed: #ffffff;
409
+ --color-background-accent-magenta-default: var(--color-magenta-500);
410
+ --color-background-accent-magenta-hover: #ffffff;
411
+ --color-background-accent-magenta-light-default: var(--color-magenta-700);
412
+ --color-background-accent-magenta-light-hover: #ffffff;
413
+ --color-background-accent-magenta-light-pressed: #ffffff;
414
+ --color-background-accent-magenta-lighter-default: var(--color-magenta-900);
415
+ --color-background-accent-magenta-lighter-hover: #ffffff;
416
+ --color-background-accent-magenta-lighter-pressed: #ffffff;
417
+ --color-background-accent-magenta-pressed: #ffffff;
418
+ --color-background-accent-purple-bold-default: var(--color-purple-300);
419
+ --color-background-accent-purple-bold-hover: #ffffff;
420
+ --color-background-accent-purple-bold-pressed: #ffffff;
421
+ --color-background-accent-purple-default: var(--color-purple-500);
422
+ --color-background-accent-purple-hover: #ffffff;
423
+ --color-background-accent-purple-light-default: var(--color-purple-700);
424
+ --color-background-accent-purple-light-hover: #ffffff;
425
+ --color-background-accent-purple-light-pressed: #ffffff;
426
+ --color-background-accent-purple-lighter-default: var(--color-purple-900);
427
+ --color-background-accent-purple-lighter-hover: #ffffff;
428
+ --color-background-accent-purple-lighter-pressed: #ffffff;
429
+ --color-background-accent-purple-pressed: #ffffff;
430
+ --color-background-accent-red-bold-default: var(--color-red-300);
431
+ --color-background-accent-red-bold-hover: var(--color-red-400);
432
+ --color-background-accent-red-bold-pressed: var(--color-red-500);
657
433
  --color-background-accent-red-default: var(--color-red-500);
658
434
  --color-background-accent-red-hover: var(--color-red-400);
659
- --color-background-accent-red-pressed: var(--color-red-300);
660
- --color-background-accent-red-lighter-default: var(--color-red-900);
661
- --color-background-accent-red-lighter-hover: var(--color-red-800);
662
- --color-background-accent-red-lighter-pressed: var(--color-red-700);
663
435
  --color-background-accent-red-light-default: var(--color-red-700);
664
436
  --color-background-accent-red-light-hover: var(--color-red-600);
665
437
  --color-background-accent-red-light-pressed: var(--color-red-500);
666
- --color-background-accent-red-bold-default: var(--color-red-300);
667
- --color-background-accent-red-bold-hover: var(--color-red-400);
668
- --color-background-accent-red-bold-pressed: var(--color-red-500);
438
+ --color-background-accent-red-lighter-default: var(--color-red-900);
439
+ --color-background-accent-red-lighter-hover: var(--color-red-800);
440
+ --color-background-accent-red-lighter-pressed: var(--color-red-700);
441
+ --color-background-accent-red-pressed: var(--color-red-300);
442
+ --color-background-accent-rust-bold-default: var(--color-rust-300);
443
+ --color-background-accent-rust-bold-hover: var(--color-rust-400);
444
+ --color-background-accent-rust-bold-pressed: var(--color-rust-500);
669
445
  --color-background-accent-rust-default: var(--color-rust-500);
670
446
  --color-background-accent-rust-hover: var(--color-rust-400);
671
- --color-background-accent-rust-pressed: var(--color-rust-300);
672
- --color-background-accent-rust-lighter-default: var(--color-rust-900);
673
- --color-background-accent-rust-lighter-hover: var(--color-rust-800);
674
- --color-background-accent-rust-lighter-pressed: var(--color-rust-700);
675
447
  --color-background-accent-rust-light-default: var(--color-rust-700);
676
448
  --color-background-accent-rust-light-hover: var(--color-rust-600);
677
449
  --color-background-accent-rust-light-pressed: var(--color-rust-500);
678
- --color-background-accent-rust-bold-default: var(--color-rust-300);
679
- --color-background-accent-rust-bold-hover: var(--color-rust-400);
680
- --color-background-accent-rust-bold-pressed: var(--color-rust-500);
681
- --color-background-accent-green-default: var(--color-green-600);
682
- --color-background-accent-green-hover: var(--color-green-700);
683
- --color-background-accent-green-pressed: var(--color-green-800);
684
- --color-background-accent-green-lighter-default: var(--color-green-900);
685
- --color-background-accent-green-lighter-hover: var(--color-green-800);
686
- --color-background-accent-green-lighter-pressed: var(--color-green-700);
687
- --color-background-accent-green-light-default: var(--color-green-700);
688
- --color-background-accent-green-light-hover: var(--color-green-600);
689
- --color-background-accent-green-light-pressed: var(--color-green-500);
690
- --color-background-accent-green-bold-default: var(--color-green-300);
691
- --color-background-accent-green-bold-hover: var(--color-green-400);
692
- --color-background-accent-green-bold-pressed: var(--color-green-500);
693
- --color-background-accent-teal-default: var(--color-teal-500);
694
- --color-background-accent-teal-hover: var(--color-teal-400);
695
- --color-background-accent-teal-pressed: var(--color-teal-300);
696
- --color-background-accent-teal-lighter-default: var(--color-teal-900);
697
- --color-background-accent-teal-lighter-hover: #ffffff;
698
- --color-background-accent-teal-lighter-pressed: #ffffff;
699
- --color-background-accent-teal-light-default: var(--color-teal-700);
700
- --color-background-accent-teal-light-hover: #ffffff;
701
- --color-background-accent-teal-light-pressed: #ffffff;
702
- --color-background-accent-teal-bold-default: var(--color-teal-300);
703
- --color-background-accent-teal-bold-hover: #ffffff;
704
- --color-background-accent-teal-bold-pressed: #ffffff;
450
+ --color-background-accent-rust-lighter-default: var(--color-rust-900);
451
+ --color-background-accent-rust-lighter-hover: var(--color-rust-800);
452
+ --color-background-accent-rust-lighter-pressed: var(--color-rust-700);
453
+ --color-background-accent-rust-pressed: var(--color-rust-300);
454
+ --color-background-accent-sand-bold-default: var(--color-sand-300);
455
+ --color-background-accent-sand-bold-hover: #ffffff;
456
+ --color-background-accent-sand-bold-pressed: #ffffff;
705
457
  --color-background-accent-sand-default: var(--color-sand-500);
706
458
  --color-background-accent-sand-hover: #ffffff;
707
- --color-background-accent-sand-pressed: #ffffff;
708
- --color-background-accent-sand-lighter-default: var(--color-sand-900);
709
- --color-background-accent-sand-lighter-hover: var(--color-sand-800);
710
- --color-background-accent-sand-lighter-pressed: #ffffff;
711
459
  --color-background-accent-sand-light-default: var(--color-sand-700);
712
460
  --color-background-accent-sand-light-hover: #ffffff;
713
461
  --color-background-accent-sand-light-pressed: #ffffff;
714
- --color-background-accent-sand-bold-default: var(--color-sand-300);
715
- --color-background-accent-sand-bold-hover: #ffffff;
716
- --color-background-accent-sand-bold-pressed: #ffffff;
717
- --color-background-accent-blue-default: var(--color-blue-500);
718
- --color-background-accent-blue-hover: #ffffff;
719
- --color-background-accent-blue-pressed: #ffffff;
720
- --color-background-accent-blue-lighter-default: var(--color-blue-900);
721
- --color-background-accent-blue-lighter-hover: #ffffff;
722
- --color-background-accent-blue-lighter-pressed: #ffffff;
723
- --color-background-accent-blue-light-default: var(--color-blue-700);
724
- --color-background-accent-blue-light-hover: #ffffff;
725
- --color-background-accent-blue-light-pressed: #ffffff;
726
- --color-background-accent-blue-bold-default: var(--color-blue-300);
727
- --color-background-accent-blue-bold-hover: #ffffff;
728
- --color-background-accent-blue-bold-pressed: #ffffff;
729
- --color-background-accent-purple-default: var(--color-purple-500);
730
- --color-background-accent-purple-hover: #ffffff;
731
- --color-background-accent-purple-pressed: #ffffff;
732
- --color-background-accent-purple-lighter-default: var(--color-purple-900);
733
- --color-background-accent-purple-lighter-hover: #ffffff;
734
- --color-background-accent-purple-lighter-pressed: #ffffff;
735
- --color-background-accent-purple-light-default: var(--color-purple-700);
736
- --color-background-accent-purple-light-hover: #ffffff;
737
- --color-background-accent-purple-light-pressed: #ffffff;
738
- --color-background-accent-purple-bold-default: var(--color-purple-300);
739
- --color-background-accent-purple-bold-hover: #ffffff;
740
- --color-background-accent-purple-bold-pressed: #ffffff;
741
- --color-background-accent-magenta-default: var(--color-magenta-500);
742
- --color-background-accent-magenta-hover: #ffffff;
743
- --color-background-accent-magenta-pressed: #ffffff;
744
- --color-background-accent-magenta-lighter-default: var(--color-magenta-900);
745
- --color-background-accent-magenta-lighter-hover: #ffffff;
746
- --color-background-accent-magenta-lighter-pressed: #ffffff;
747
- --color-background-accent-magenta-light-default: var(--color-magenta-700);
748
- --color-background-accent-magenta-light-hover: #ffffff;
749
- --color-background-accent-magenta-light-pressed: #ffffff;
750
- --color-background-accent-magenta-bold-default: var(--color-magenta-300);
751
- --color-background-accent-magenta-bold-hover: #ffffff;
752
- --color-background-accent-magenta-bold-pressed: #ffffff;
462
+ --color-background-accent-sand-lighter-default: var(--color-sand-900);
463
+ --color-background-accent-sand-lighter-hover: var(--color-sand-800);
464
+ --color-background-accent-sand-lighter-pressed: #ffffff;
465
+ --color-background-accent-sand-pressed: #ffffff;
466
+ --color-background-accent-teal-bold-default: var(--color-teal-300);
467
+ --color-background-accent-teal-bold-hover: #ffffff;
468
+ --color-background-accent-teal-bold-pressed: #ffffff;
469
+ --color-background-accent-teal-default: var(--color-teal-500);
470
+ --color-background-accent-teal-hover: var(--color-teal-400);
471
+ --color-background-accent-teal-light-default: var(--color-teal-700);
472
+ --color-background-accent-teal-light-hover: #ffffff;
473
+ --color-background-accent-teal-light-pressed: #ffffff;
474
+ --color-background-accent-teal-lighter-default: var(--color-teal-900);
475
+ --color-background-accent-teal-lighter-hover: #ffffff;
476
+ --color-background-accent-teal-lighter-pressed: #ffffff;
477
+ --color-background-accent-teal-pressed: var(--color-teal-300);
478
+ --color-background-accent-yellow-bold-default: #ffffff;
479
+ --color-background-accent-yellow-bold-hover: #ffffff;
480
+ --color-background-accent-yellow-bold-pressed: #ffffff;
753
481
  --color-background-accent-yellow-default: #ffffff;
754
482
  --color-background-accent-yellow-hover: #ffffff;
755
- --color-background-accent-yellow-pressed: #ffffff;
756
- --color-background-accent-yellow-lighter-default: #ffffff;
757
- --color-background-accent-yellow-lighter-hover: #ffffff;
758
- --color-background-accent-yellow-lighter-pressed: #ffffff;
759
483
  --color-background-accent-yellow-light-default: #ffffff;
760
484
  --color-background-accent-yellow-light-hover: #ffffff;
761
485
  --color-background-accent-yellow-light-pressed: #ffffff;
762
- --color-background-accent-yellow-bold-default: #ffffff;
763
- --color-background-accent-yellow-bold-hover: #ffffff;
764
- --color-background-accent-yellow-bold-pressed: #ffffff;
486
+ --color-background-accent-yellow-lighter-default: #ffffff;
487
+ --color-background-accent-yellow-lighter-hover: #ffffff;
488
+ --color-background-accent-yellow-lighter-pressed: #ffffff;
489
+ --color-background-accent-yellow-pressed: #ffffff;
490
+ --color-background-alert-default: #ffffff;
491
+ --color-background-alert-hover: #ffffff;
492
+ --color-background-alert-pressed: #ffffff;
493
+ --color-background-brand-bold-default: var(--color-bcc-300);
494
+ --color-background-brand-bold-hover: var(--color-bcc-200);
495
+ --color-background-brand-bold-pressed: var(--color-bcc-100);
496
+ --color-background-brand-default: var(--color-bcc-500);
497
+ --color-background-brand-hover: var(--color-bcc-400);
498
+ --color-background-brand-light-default: var(--color-bcc-700);
499
+ --color-background-brand-light-hover: var(--color-bcc-600);
500
+ --color-background-brand-light-pressed: var(--color-bcc-500);
501
+ --color-background-brand-lighter-default: var(--color-bcc-900);
502
+ --color-background-brand-lighter-hover: var(--color-bcc-800);
503
+ --color-background-brand-lighter-pressed: var(--color-bcc-700);
504
+ --color-background-brand-pressed: var(--color-bcc-300);
505
+ --color-background-danger-default: #ffffff;
506
+ --color-background-danger-hover: #ffffff;
507
+ --color-background-danger-pressed: #ffffff;
508
+ --color-background-disabled-default: #ffffff;
509
+ --color-background-info-default: #ffffff;
510
+ --color-background-info-hover: #ffffff;
511
+ --color-background-info-pressed: #ffffff;
765
512
  --color-background-neutral-default: var(--color-dark-neutral-alpha-300a);
766
513
  --color-background-neutral-hover: var(--color-dark-neutral-alpha-400a);
767
- --color-background-neutral-pressed: var(--color-dark-neutral-alpha-500a);
768
- --color-background-neutral-light-pressed: var(--color-dark-neutral-alpha-300a);
769
514
  --color-background-neutral-light-default1: var(--color-dark-neutral-alpha-100a);
770
515
  --color-background-neutral-light-hover: var(--color-dark-neutral-alpha-200a);
516
+ --color-background-neutral-light-pressed: var(--color-dark-neutral-alpha-300a);
517
+ --color-background-neutral-lighter-default: rgba(166, 197, 226, 0);
771
518
  --color-background-neutral-lighter-hover: var(--color-dark-neutral-alpha-100a);
772
519
  --color-background-neutral-lighter-pressed: var(--color-dark-neutral-alpha-200a);
773
- --color-background-neutral-lighter-default: rgba(166, 197, 226, 0);
774
- --color-background-info-default: #ffffff;
775
- --color-background-info-hover: #ffffff;
776
- --color-background-info-pressed: #ffffff;
520
+ --color-background-neutral-pressed: var(--color-dark-neutral-alpha-500a);
777
521
  --color-background-success-default: #ffffff;
778
522
  --color-background-success-hover: #ffffff;
779
523
  --color-background-success-pressed: #ffffff;
780
- --color-background-alert-default: #ffffff;
781
- --color-background-alert-hover: #ffffff;
782
- --color-background-alert-pressed: #ffffff;
783
- --color-background-danger-default: #ffffff;
784
- --color-background-danger-hover: #ffffff;
785
- --color-background-danger-pressed: #ffffff;
786
- --color-border-primary: var(--color-dark-neutral-200);
787
- --color-border-secondary: var(--color-dark-neutral-300);
788
- --color-border-tertiary: var(--color-dark-neutral-400);
789
- --color-border-focus: rgba(115, 178, 172, 0.4);
790
- --color-border-selected: var(--color-bcc-500);
791
- --color-border-disabled: var(--color-dark-neutral-200);
524
+ --color-border-accent-blue-default: var(--color-blue-500);
525
+ --color-border-accent-blue-hover: var(--color-blue-400);
526
+ --color-border-accent-blue-pressed: var(--color-blue-300);
527
+ --color-border-accent-green-default: var(--color-green-500);
528
+ --color-border-accent-green-hover: var(--color-green-400);
529
+ --color-border-accent-green-pressed: var(--color-green-300);
530
+ --color-border-accent-magenta-default: var(--color-magenta-500);
531
+ --color-border-accent-magenta-hover: var(--color-magenta-400);
532
+ --color-border-accent-magenta-pressed: var(--color-magenta-300);
533
+ --color-border-accent-purple-default: var(--color-purple-500);
534
+ --color-border-accent-purple-hover: var(--color-purple-400);
535
+ --color-border-accent-purple-pressed: var(--color-purple-300);
792
536
  --color-border-accent-red-default: var(--color-red-500);
793
537
  --color-border-accent-red-hover: var(--color-red-400);
794
538
  --color-border-accent-red-pressed: var(--color-red-300);
795
539
  --color-border-accent-rust-default: var(--color-rust-500);
796
540
  --color-border-accent-rust-hover: var(--color-rust-400);
797
541
  --color-border-accent-rust-pressed: var(--color-rust-300);
798
- --color-border-accent-yellow-default: #ffffff;
799
- --color-border-accent-yellow-hover: #ffffff;
800
- --color-border-accent-yellow-pressed: #ffffff;
801
- --color-border-accent-green-default: var(--color-green-500);
802
- --color-border-accent-green-hover: var(--color-green-400);
803
- --color-border-accent-green-pressed: var(--color-green-300);
804
- --color-border-accent-teal-default: var(--color-teal-500);
805
- --color-border-accent-teal-hover: var(--color-teal-400);
806
- --color-border-accent-teal-pressed: var(--color-teal-300);
807
542
  --color-border-accent-sand-default: var(--color-sand-500);
808
543
  --color-border-accent-sand-hover: var(--color-sand-400);
809
544
  --color-border-accent-sand-pressed: var(--color-sand-300);
810
- --color-border-accent-blue-default: var(--color-blue-500);
811
- --color-border-accent-blue-hover: var(--color-blue-400);
812
- --color-border-accent-blue-pressed: var(--color-blue-300);
813
- --color-border-accent-purple-default: var(--color-purple-500);
814
- --color-border-accent-purple-hover: var(--color-purple-400);
815
- --color-border-accent-purple-pressed: var(--color-purple-300);
816
- --color-border-accent-magenta-default: var(--color-magenta-500);
817
- --color-border-accent-magenta-hover: var(--color-magenta-400);
818
- --color-border-accent-magenta-pressed: var(--color-magenta-300);
545
+ --color-border-accent-teal-default: var(--color-teal-500);
546
+ --color-border-accent-teal-hover: var(--color-teal-400);
547
+ --color-border-accent-teal-pressed: var(--color-teal-300);
548
+ --color-border-accent-yellow-default: #ffffff;
549
+ --color-border-accent-yellow-hover: #ffffff;
550
+ --color-border-accent-yellow-pressed: #ffffff;
551
+ --color-border-disabled: var(--color-dark-neutral-200);
552
+ --color-border-focus: rgba(115, 178, 172, 0.4);
553
+ --color-border-primary: var(--color-dark-neutral-200);
554
+ --color-border-secondary: var(--color-dark-neutral-300);
555
+ --color-border-selected: var(--color-bcc-500);
556
+ --color-border-tertiary: var(--color-dark-neutral-400);
557
+ --color-divider-bold: var(--color-dark-neutral-300);
558
+ --color-divider-default: var(--color-dark-neutral-200);
559
+ --color-divider-light: var(--color-dark-neutral-100);
560
+ --color-icon-accent-blue: var(--color-blue-400);
561
+ --color-icon-accent-green: var(--color-green-400);
562
+ --color-icon-accent-magenta: var(--color-magenta-400);
563
+ --color-icon-accent-purple: var(--color-purple-400);
564
+ --color-icon-accent-red: var(--color-red-400);
565
+ --color-icon-accent-rust: var(--color-rust-400);
566
+ --color-icon-accent-sand: var(--color-sand-400);
567
+ --color-icon-accent-teal: var(--color-teal-400);
568
+ --color-icon-alert: var(--color-red-500);
569
+ --color-icon-brand: var(--color-bcc-400);
570
+ --color-icon-danger: #ffffff;
571
+ --color-icon-disabled: var(--color-dark-neutral-alpha-400a);
572
+ --color-icon-info: #ffffff;
573
+ --color-icon-inverse: var(--color-dark-neutral-0);
574
+ --color-icon-primary: var(--color-dark-neutral-1100);
575
+ --color-icon-secondary: var(--color-dark-neutral-700);
576
+ --color-icon-success: var(--color-green-500);
577
+ --color-icon-tertiary: var(--color-dark-neutral-400);
578
+ --color-link-default: var(--color-blue-500);
579
+ --color-link-hover: var(--color-blue-400);
580
+ --color-link-visited: var(--color-blue-300);
581
+ --color-surface-inverse-primary: var(--color-neutral-0);
582
+ --color-surface-inverse-secondary: var(--color-neutral-200);
583
+ --color-surface-overlay-default: var(--color-dark-neutral-alpha-500a);
584
+ --color-surface-primary: var(--color-dark-neutral-0);
585
+ --color-surface-secondary: var(--color-dark-neutral-200);
586
+ --color-text-accent-blue-bold: var(--color-blue-300);
587
+ --color-text-accent-blue-default: var(--color-blue-400);
588
+ --color-text-accent-green-bold: var(--color-green-300);
589
+ --color-text-accent-green-default: var(--color-green-400);
590
+ --color-text-accent-magenta-bold: var(--color-magenta-300);
591
+ --color-text-accent-magenta-default: var(--color-magenta-400);
592
+ --color-text-accent-purple-bold: var(--color-purple-300);
593
+ --color-text-accent-purple-default: var(--color-purple-400);
594
+ --color-text-accent-rust-bold: var(--color-rust-300);
595
+ --color-text-accent-rust-default: var(--color-rust-400);
596
+ --color-text-accent-sand-bold: var(--color-sand-300);
597
+ --color-text-accent-sand-default: var(--color-sand-400);
598
+ --color-text-accent-teal-bold: var(--color-teal-300);
599
+ --color-text-accent-teal-default: var(--color-teal-400);
600
+ --color-text-accent-yellow-bold: var(--color-red-300);
601
+ --color-text-accent-yellow-default: var(--color-red-400);
602
+ --color-text-alert: var(--color-red-500);
603
+ --color-text-brand-bold: var(--color-bcc-300);
604
+ --color-text-brand-default: var(--color-bcc-400);
605
+ --color-text-danger: var(--color-dark-neutral-0);
606
+ --color-text-disabled: var(--color-dark-neutral-alpha-400a);
607
+ --color-text-info: var(--color-dark-neutral-0);
608
+ --color-text-inverse: var(--color-dark-neutral-0);
609
+ --color-text-primary: var(--color-dark-neutral-1100);
610
+ --color-text-secondary: var(--color-dark-neutral-1100);
611
+ --color-text-success: var(--color-green-500);
612
+ --color-text-tertiary: var(--color-dark-neutral-400);
819
613
  }
820
- }
614
+ }