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