@bcc-code/design-tokens 1.0.10 → 1.0.13

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 (6) hide show
  1. package/README.md +45 -62
  2. package/dist/bcc-primevue-preset.js +178 -266
  3. package/dist/tailwind.css +48 -439
  4. package/dist/variables.css +625 -591
  5. package/package.json +5 -6
  6. package/dist/tailwind.config.js +0 -198
package/dist/tailwind.css CHANGED
@@ -1,19 +1,9 @@
1
1
  @import "tailwindcss";
2
2
 
3
- /* ─── Primitives + Light theme ──────────────────────────────────────────────── */
3
+ /* ─── Base Theme (Primitives) ──────────────────────────────────────────────── */
4
4
  @theme {
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
- --border-width-md: 2px;
14
- --border-width-sm: 1px;
5
+ /* COLOR */
15
6
  --color-bcc-100: #e6f2f1;
16
- --color-bcc-1000: #002320;
17
7
  --color-bcc-200: #d0e3e1;
18
8
  --color-bcc-300: #accbc8;
19
9
  --color-bcc-400: #73b2ac;
@@ -22,8 +12,8 @@
22
12
  --color-bcc-700: #0e6962;
23
13
  --color-bcc-800: #004e48;
24
14
  --color-bcc-900: #003d39;
15
+ --color-bcc-1000: #002320;
25
16
  --color-blue-100: #f1f7fd;
26
- --color-blue-1000: #25385f;
27
17
  --color-blue-200: #dfedfa;
28
18
  --color-blue-300: #c6e0f7;
29
19
  --color-blue-400: #a0cdf0;
@@ -32,15 +22,9 @@
32
22
  --color-blue-700: #3c79d4;
33
23
  --color-blue-800: #3365c2;
34
24
  --color-blue-900: #2f529e;
35
- --color-dark-neutral-alpha-100a: rgba(188, 214, 240, 0.04);
36
- --color-dark-neutral-alpha-200a: rgba(161, 189, 217, 0.08);
37
- --color-dark-neutral-alpha-300a: rgba(166, 197, 226, 0.16);
38
- --color-dark-neutral-alpha-400a: rgba(166, 197, 226, 0.28);
39
- --color-dark-neutral-alpha-500a: rgba(166, 197, 226, 0.5);
25
+ --color-blue-1000: #25385f;
40
26
  --color-dark-neutral-0: #161a1d;
41
27
  --color-dark-neutral-100: #1d2125;
42
- --color-dark-neutral-1000: #c7d1db;
43
- --color-dark-neutral-1100: #dee4ea;
44
28
  --color-dark-neutral-200: #22272b;
45
29
  --color-dark-neutral-300: #2c333a;
46
30
  --color-dark-neutral-400: #454f59;
@@ -49,8 +33,14 @@
49
33
  --color-dark-neutral-700: #8c9bab;
50
34
  --color-dark-neutral-800: #9fadbc;
51
35
  --color-dark-neutral-900: #b6c2cf;
36
+ --color-dark-neutral-1000: #c7d1db;
37
+ --color-dark-neutral-1100: #dee4ea;
38
+ --color-dark-neutral-alpha-100a: rgba(188, 214, 240, 0.04);
39
+ --color-dark-neutral-alpha-200a: rgba(161, 189, 217, 0.08);
40
+ --color-dark-neutral-alpha-300a: rgba(166, 197, 226, 0.16);
41
+ --color-dark-neutral-alpha-400a: rgba(166, 197, 226, 0.28);
42
+ --color-dark-neutral-alpha-500a: rgba(166, 197, 226, 0.5);
52
43
  --color-green-100: #f2fbf6;
53
- --color-green-1000: #133925;
54
44
  --color-green-200: #e2f6ea;
55
45
  --color-green-300: #c6ecd6;
56
46
  --color-green-400: #9adbb5;
@@ -59,8 +49,8 @@
59
49
  --color-green-700: #308957;
60
50
  --color-green-800: #296c47;
61
51
  --color-green-900: #25563b;
52
+ --color-green-1000: #133925;
62
53
  --color-magenta-100: #faf5f9;
63
- --color-magenta-1000: #592648;
64
54
  --color-magenta-200: #f7ecf5;
65
55
  --color-magenta-300: #f0daec;
66
56
  --color-magenta-400: #e4bddd;
@@ -69,15 +59,9 @@
69
59
  --color-magenta-700: #ac5693;
70
60
  --color-magenta-800: #93437a;
71
61
  --color-magenta-900: #7a3a65;
72
- --color-neutral-alpha-100a: rgba(9, 30, 77, 0.03);
73
- --color-neutral-alpha-200a: rgba(9, 30, 77, 0.06);
74
- --color-neutral-alpha-300a: rgba(9, 30, 77, 0.14);
75
- --color-neutral-alpha-400a: rgba(9, 30, 77, 0.31);
76
- --color-neutral-alpha-500a: rgba(9, 30, 77, 0.5);
62
+ --color-magenta-1000: #592648;
77
63
  --color-neutral-0: #ffffff;
78
64
  --color-neutral-100: #f7f8f9;
79
- --color-neutral-1000: #282f3c;
80
- --color-neutral-1100: #1e242d;
81
65
  --color-neutral-200: #f1f2f4;
82
66
  --color-neutral-300: #dcdfe4;
83
67
  --color-neutral-400: #b3b9c4;
@@ -86,8 +70,14 @@
86
70
  --color-neutral-700: #626f86;
87
71
  --color-neutral-800: #4b5668;
88
72
  --color-neutral-900: #374152;
73
+ --color-neutral-1000: #282f3c;
74
+ --color-neutral-1100: #1e242d;
75
+ --color-neutral-alpha-100a: rgba(9, 30, 77, 0.03);
76
+ --color-neutral-alpha-200a: rgba(9, 30, 77, 0.06);
77
+ --color-neutral-alpha-300a: rgba(9, 30, 77, 0.14);
78
+ --color-neutral-alpha-400a: rgba(9, 30, 77, 0.31);
79
+ --color-neutral-alpha-500a: rgba(9, 30, 77, 0.5);
89
80
  --color-purple-100: #f1f1fc;
90
- --color-purple-1000: #352c54;
91
81
  --color-purple-200: #e5e7fa;
92
82
  --color-purple-300: #d0d1f5;
93
83
  --color-purple-400: #b3b3ee;
@@ -96,8 +86,8 @@
96
86
  --color-purple-700: #7860cb;
97
87
  --color-purple-800: #6750b2;
98
88
  --color-purple-900: #554390;
89
+ --color-purple-1000: #352c54;
99
90
  --color-red-100: #fcf4f4;
100
- --color-red-1000: #461716;
101
91
  --color-red-200: #fae7e6;
102
92
  --color-red-300: #f6d3d2;
103
93
  --color-red-400: #efb4b2;
@@ -106,8 +96,8 @@
106
96
  --color-red-700: #c04642;
107
97
  --color-red-800: #ad3c38;
108
98
  --color-red-900: #86312e;
99
+ --color-red-1000: #461716;
109
100
  --color-rust-100: #fcf6f4;
110
- --color-rust-1000: #4c271a;
111
101
  --color-rust-200: #f9ece7;
112
102
  --color-rust-300: #f6dcd2;
113
103
  --color-rust-400: #e9b29e;
@@ -116,8 +106,8 @@
116
106
  --color-rust-700: #be6544;
117
107
  --color-rust-800: #9f5236;
118
108
  --color-rust-900: #844630;
109
+ --color-rust-1000: #4c271a;
119
110
  --color-sand-100: #f7f3ee;
120
- --color-sand-1000: #3c3420;
121
111
  --color-sand-200: #ede5da;
122
112
  --color-sand-300: #dccfba;
123
113
  --color-sand-400: #c5b191;
@@ -126,8 +116,8 @@
126
116
  --color-sand-700: #74613c;
127
117
  --color-sand-800: #5a4d31;
128
118
  --color-sand-900: #49402b;
119
+ --color-sand-1000: #3c3420;
129
120
  --color-teal-100: #f1f9fa;
130
- --color-teal-1000: #1d353f;
131
121
  --color-teal-200: #dceff1;
132
122
  --color-teal-300: #bde0e4;
133
123
  --color-teal-400: #8fc9d1;
@@ -136,153 +126,32 @@
136
126
  --color-teal-700: #377483;
137
127
  --color-teal-800: #32606c;
138
128
  --color-teal-900: #2f505b;
139
- --spacing-0: 0;
140
- --spacing-100: 0.5rem;
141
- --spacing-1000: 80px;
142
- --spacing-150: 0.75rem;
143
- --spacing-200: 1rem;
144
- --spacing-25: 0.125rem;
145
- --spacing-250: 1.25rem;
146
- --spacing-300: 1.5rem;
147
- --spacing-400: 2rem;
148
- --spacing-50: 0.25rem;
149
- --spacing-500: 2.5rem;
150
- --spacing-600: 3rem;
151
- --spacing-75: 0.375rem;
152
- --spacing-800: 4rem;
129
+ --color-teal-1000: #1d353f;
130
+
131
+ /* TEXT */
132
+ --text-xs: 0.75rem;
133
+ --text-sm: 0.875rem;
134
+ --text-md: 1rem;
135
+ --text-lg: 1.25rem;
136
+ --text-xl: 1.5rem;
153
137
  --text-2xl: 2rem;
154
138
  --text-3xl: 2.25rem;
155
139
  --text-4xl: 3rem;
156
- --text-lg: 1.25rem;
157
- --text-md: 1rem;
158
- --text-sm: 0.875rem;
159
- --text-xl: 1.5rem;
160
- --text-xs: 0.75rem;
161
- --font-weight-bold-700: var(--fontweights-archivo-bold);
162
- --font-weight-medium-500: var(--fontweights-archivo-medium);
163
- --font-weight-regular-400: var(--fontweights-archivo-regular);
164
- --fontfamilies-archivo: Archivo;
165
- --spacing-lg: 2rem;
166
- --spacing-md: 1.5rem;
167
- --spacing-sm: 1.25rem;
168
- --spacing-xl: 3rem;
169
- --spacing-xs: 1rem;
170
- --leading-text-2xl-leading-none: 2rem;
171
- --leading-text-2xl-leading-tight: 2.25rem;
172
- --leading-text-3xl-leading-none: 2.25rem;
173
- --leading-text-3xl-leading-tight: 2.5rem;
174
- --leading-text-4xl-leading-none: 3rem;
175
- --leading-text-4xl-leading-tight: 3.25rem;
176
- --leading-text-lg-leading-none: 1.25rem;
177
- --leading-text-lg-leading-tight: 1.5rem;
178
- --leading-text-md-leading-none: 1rem;
179
- --leading-text-md-leading-normal: 1.5rem;
180
- --leading-text-md-leading-tight: 1.25;
181
- --leading-text-sm-leading-none: 0.875rem;
182
- --leading-text-sm-leading-normal: 1.25rem;
183
- --leading-text-xl-leading-none: 1.5rem;
184
- --leading-text-xl-leading-tight: 1.75;
185
- --leading-text-xs-leading-none: 0.75rem;
186
- --leading-text-xs-leading-normal: 1.25rem;
187
- --spacing-0: var(--dimension-space-0);
188
- --text-decoration-line-through: line-through;
189
- --text-decoration-none: none;
190
- --text-decoration-underline: underline;
191
- --text-indent-0: var(--dimension-space-0);
192
- --text-transform-capitalize: capitalize;
193
- --text-transform-lowercase: lowercase;
194
- --text-transform-none: none;
195
- --text-transform-uppercase: uppercase;
196
- --tracking-normal: 0;
197
- --tracking-tight: -0.02em;
198
- --tracking-tighter: -0.04em;
199
- --tracking-wide: 0.04em;
200
140
 
201
- --body-base-bold-fontfamily: var(--fontfamilies-archivo);
202
- --body-base-bold-fontsize: var(--font-size-text-md);
203
- --body-base-bold-fontweight: var(--font-weight-bold-700);
204
- --body-base-bold-letterspacing: var(--tracking-normal);
205
- --body-base-bold-lineheight: var(--line-height-text-md-leading-normal);
206
- --body-base-bold-paragraphindent: var(--text-indent-0);
207
- --body-base-bold-paragraphspacing: var(--space-between-0);
208
- --body-base-bold-textcase: var(--text-transform-none);
209
- --body-base-bold-textdecoration: var(--text-decoration-none);
210
- --body-base-medium-fontfamily: var(--fontfamilies-archivo);
211
- --body-base-medium-fontsize: var(--font-size-text-md);
212
- --body-base-medium-fontweight: var(--font-weight-medium-500);
213
- --body-base-medium-letterspacing: var(--tracking-normal);
214
- --body-base-medium-lineheight: var(--line-height-text-md-leading-normal);
215
- --body-base-medium-paragraphindent: var(--text-indent-0);
216
- --body-base-medium-paragraphspacing: var(--space-between-0);
217
- --body-base-medium-textcase: var(--text-transform-none);
218
- --body-base-medium-textdecoration: var(--text-decoration-none);
219
- --body-base-regular-fontfamily: var(--fontfamilies-archivo);
220
- --body-base-regular-fontsize: var(--font-size-text-md);
221
- --body-base-regular-fontweight: var(--font-weight-regular-400);
222
- --body-base-regular-letterspacing: var(--tracking-normal);
223
- --body-base-regular-lineheight: var(--line-height-text-md-leading-normal);
224
- --body-base-regular-paragraphindent: var(--text-indent-0);
225
- --body-base-regular-paragraphspacing: var(--space-between-0);
226
- --body-base-regular-textcase: var(--text-transform-none);
227
- --body-base-regular-textdecoration: var(--text-decoration-none);
228
- --body-sm-bold-fontfamily: var(--fontfamilies-archivo);
229
- --body-sm-bold-fontsize: var(--font-size-text-sm);
230
- --body-sm-bold-fontweight: var(--font-weight-bold-700);
231
- --body-sm-bold-letterspacing: var(--tracking-normal);
232
- --body-sm-bold-lineheight: var(--line-height-text-sm-leading-normal);
233
- --body-sm-bold-paragraphindent: var(--text-indent-0);
234
- --body-sm-bold-paragraphspacing: var(--space-between-0);
235
- --body-sm-bold-textcase: var(--text-transform-none);
236
- --body-sm-bold-textdecoration: var(--text-decoration-none);
237
- --body-sm-medium-fontfamily: var(--fontfamilies-archivo);
238
- --body-sm-medium-fontsize: var(--font-size-text-sm);
239
- --body-sm-medium-fontweight: var(--font-weight-medium-500);
240
- --body-sm-medium-letterspacing: var(--tracking-normal);
241
- --body-sm-medium-lineheight: var(--line-height-text-sm-leading-normal);
242
- --body-sm-medium-paragraphindent: var(--text-indent-0);
243
- --body-sm-medium-paragraphspacing: var(--space-between-0);
244
- --body-sm-medium-textcase: var(--text-transform-none);
245
- --body-sm-medium-textdecoration: var(--text-decoration-none);
246
- --body-sm-regular-fontfamily: var(--fontfamilies-archivo);
247
- --body-sm-regular-fontsize: var(--font-size-text-sm);
248
- --body-sm-regular-fontweight: var(--font-weight-regular-400);
249
- --body-sm-regular-letterspacing: var(--tracking-normal);
250
- --body-sm-regular-lineheight: var(--line-height-text-sm-leading-normal);
251
- --body-sm-regular-paragraphindent: var(--text-indent-0);
252
- --body-sm-regular-paragraphspacing: var(--space-between-0);
253
- --body-sm-regular-textcase: var(--text-transform-none);
254
- --body-sm-regular-textdecoration: var(--text-decoration-none);
255
- --body-xs-bold-fontfamily: var(--fontfamilies-archivo);
256
- --body-xs-bold-fontsize: var(--font-size-text-xs);
257
- --body-xs-bold-fontweight: var(--font-weight-bold-700);
258
- --body-xs-bold-letterspacing: var(--tracking-normal);
259
- --body-xs-bold-lineheight: var(--line-height-text-xs-leading-normal);
260
- --body-xs-bold-paragraphindent: var(--text-indent-0);
261
- --body-xs-bold-paragraphspacing: var(--text-indent-0);
262
- --body-xs-bold-textcase: var(--text-transform-none);
263
- --body-xs-bold-textdecoration: var(--text-decoration-none);
264
- --body-xs-medium-fontfamily: var(--fontfamilies-archivo);
265
- --body-xs-medium-fontsize: var(--font-size-text-xs);
266
- --body-xs-medium-fontweight: var(--font-weight-medium-500);
267
- --body-xs-medium-letterspacing: var(--tracking-normal);
268
- --body-xs-medium-lineheight: var(--line-height-text-xs-leading-normal);
269
- --body-xs-medium-paragraphindent: var(--text-indent-0);
270
- --body-xs-medium-paragraphspacing: var(--space-between-0);
271
- --body-xs-medium-textcase: var(--text-transform-none);
272
- --body-xs-medium-textdecoration: var(--text-decoration-none);
273
- --body-xs-regular-fontfamily: var(--fontfamilies-archivo);
274
- --body-xs-regular-fontsize: var(--font-size-text-xs);
275
- --body-xs-regular-fontweight: var(--font-weight-regular-400);
276
- --body-xs-regular-letterspacing: var(--tracking-normal);
277
- --body-xs-regular-lineheight: var(--line-height-text-xs-leading-normal);
278
- --body-xs-regular-paragraphindent: var(--text-indent-0);
279
- --body-xs-regular-paragraphspacing: var(--space-between-0);
280
- --body-xs-regular-textcase: var(--text-transform-none);
281
- --body-xs-regular-textdecoration: var(--text-decoration-none);
282
- --border-base-color: var(--color-border-tertiary);
283
- --border-base-width: var(--border-width-sm);
284
- --border-brand-color: var(--color-bcc-700);
285
- --border-brand-width: var(--border-width-md);
141
+ /* RADIUS */
142
+ --radius-none: 0;
143
+ --radius-xs: 0.125rem;
144
+ --radius-sm: 0.25rem;
145
+ --radius-md: 0.5rem;
146
+ --radius-lg: 1rem;
147
+ --radius-xl: 2rem;
148
+ --radius-2xl: 3rem;
149
+ --radius-full: 999px;
150
+ }
151
+
152
+ /* ─── Light Theme ──────────────────────────────────────────────────────────── */
153
+ @theme {
154
+ /* COLOR */
286
155
  --color-background-accent-blue-bold-default: var(--color-blue-800);
287
156
  --color-background-accent-blue-bold-hover: #ffffff;
288
157
  --color-background-accent-blue-bold-pressed: #ffffff;
@@ -514,182 +383,12 @@
514
383
  --color-text-secondary: var(--color-neutral-600);
515
384
  --color-text-success: var(--color-green-600);
516
385
  --color-text-tertiary: var(--color-neutral-400);
517
- --heading-2xl-bold-fontfamily: var(--fontfamilies-archivo);
518
- --heading-2xl-bold-fontsize: var(--font-size-text-2xl);
519
- --heading-2xl-bold-fontweight: var(--font-weight-bold-700);
520
- --heading-2xl-bold-letterspacing: var(--tracking-normal);
521
- --heading-2xl-bold-lineheight: var(--line-height-text-2xl-leading-tight);
522
- --heading-2xl-bold-paragraphindent: var(--text-indent-0);
523
- --heading-2xl-bold-paragraphspacing: var(--space-between-0);
524
- --heading-2xl-bold-textcase: var(--text-transform-none);
525
- --heading-2xl-bold-textdecoration: var(--text-decoration-none);
526
- --heading-2xl-medium-fontfamily: var(--fontfamilies-archivo);
527
- --heading-2xl-medium-fontsize: var(--font-size-text-2xl);
528
- --heading-2xl-medium-fontweight: var(--font-weight-medium-500);
529
- --heading-2xl-medium-letterspacing: var(--tracking-normal);
530
- --heading-2xl-medium-lineheight: var(--line-height-text-2xl-leading-tight);
531
- --heading-2xl-medium-paragraphindent: var(--text-indent-0);
532
- --heading-2xl-medium-paragraphspacing: var(--space-between-0);
533
- --heading-2xl-medium-textcase: var(--text-transform-none);
534
- --heading-2xl-medium-textdecoration: var(--text-decoration-none);
535
- --heading-3xl-bold-fontfamily: var(--fontfamilies-archivo);
536
- --heading-3xl-bold-fontsize: var(--font-size-text-3xl);
537
- --heading-3xl-bold-fontweight: var(--font-weight-bold-700);
538
- --heading-3xl-bold-letterspacing: var(--tracking-normal);
539
- --heading-3xl-bold-lineheight: var(--line-height-text-3xl-leading-tight);
540
- --heading-3xl-bold-paragraphindent: var(--text-indent-0);
541
- --heading-3xl-bold-paragraphspacing: var(--space-between-0);
542
- --heading-3xl-bold-textcase: var(--text-transform-none);
543
- --heading-3xl-bold-textdecoration: var(--text-decoration-none);
544
- --heading-3xl-medium-fontfamily: var(--fontfamilies-archivo);
545
- --heading-3xl-medium-fontsize: var(--font-size-text-3xl);
546
- --heading-3xl-medium-fontweight: var(--font-weight-medium-500);
547
- --heading-3xl-medium-letterspacing: var(--tracking-normal);
548
- --heading-3xl-medium-lineheight: var(--line-height-text-3xl-leading-tight);
549
- --heading-3xl-medium-paragraphindent: var(--text-indent-0);
550
- --heading-3xl-medium-paragraphspacing: var(--space-between-0);
551
- --heading-3xl-medium-textcase: var(--text-transform-none);
552
- --heading-3xl-medium-textdecoration: var(--text-decoration-none);
553
- --heading-4xl-bold-fontfamily: var(--fontfamilies-archivo);
554
- --heading-4xl-bold-fontsize: var(--font-size-text-4xl);
555
- --heading-4xl-bold-fontweight: var(--font-weight-bold-700);
556
- --heading-4xl-bold-letterspacing: var(--tracking-normal);
557
- --heading-4xl-bold-lineheight: var(--line-height-text-4xl-leading-tight);
558
- --heading-4xl-bold-paragraphindent: var(--text-indent-0);
559
- --heading-4xl-bold-paragraphspacing: var(--space-between-0);
560
- --heading-4xl-bold-textcase: var(--text-transform-none);
561
- --heading-4xl-bold-textdecoration: var(--text-decoration-none);
562
- --heading-4xl-medium-fontfamily: var(--fontfamilies-archivo);
563
- --heading-4xl-medium-fontsize: var(--font-size-text-4xl);
564
- --heading-4xl-medium-fontweight: var(--font-weight-medium-500);
565
- --heading-4xl-medium-letterspacing: var(--tracking-normal);
566
- --heading-4xl-medium-lineheight: var(--line-height-text-4xl-leading-tight);
567
- --heading-4xl-medium-paragraphindent: var(--text-indent-0);
568
- --heading-4xl-medium-paragraphspacing: var(--space-between-0);
569
- --heading-4xl-medium-textcase: var(--text-transform-none);
570
- --heading-4xl-medium-textdecoration: var(--text-decoration-none);
571
- --heading-lg-bold-fontfamily: var(--fontfamilies-archivo);
572
- --heading-lg-bold-fontsize: var(--font-size-text-lg);
573
- --heading-lg-bold-fontweight: var(--font-weight-bold-700);
574
- --heading-lg-bold-letterspacing: var(--tracking-normal);
575
- --heading-lg-bold-lineheight: var(--line-height-text-lg-leading-tight);
576
- --heading-lg-bold-paragraphindent: var(--text-indent-0);
577
- --heading-lg-bold-paragraphspacing: var(--space-between-0);
578
- --heading-lg-bold-textcase: var(--text-transform-none);
579
- --heading-lg-bold-textdecoration: var(--text-decoration-none);
580
- --heading-lg-medium-fontfamily: var(--fontfamilies-archivo);
581
- --heading-lg-medium-fontsize: var(--font-size-text-lg);
582
- --heading-lg-medium-fontweight: var(--font-weight-medium-500);
583
- --heading-lg-medium-letterspacing: var(--tracking-normal);
584
- --heading-lg-medium-lineheight: var(--line-height-text-lg-leading-tight);
585
- --heading-lg-medium-paragraphindent: var(--text-indent-0);
586
- --heading-lg-medium-paragraphspacing: var(--space-between-0);
587
- --heading-lg-medium-textcase: var(--text-transform-none);
588
- --heading-lg-medium-textdecoration: var(--text-decoration-none);
589
- --heading-xl-bold-fontfamily: var(--fontfamilies-archivo);
590
- --heading-xl-bold-fontsize: var(--font-size-text-xl);
591
- --heading-xl-bold-fontweight: var(--font-weight-bold-700);
592
- --heading-xl-bold-letterspacing: var(--tracking-normal);
593
- --heading-xl-bold-lineheight: var(--line-height-text-xl-leading-tight);
594
- --heading-xl-bold-paragraphindent: var(--text-indent-0);
595
- --heading-xl-bold-paragraphspacing: var(--space-between-0);
596
- --heading-xl-bold-textcase: var(--text-transform-none);
597
- --heading-xl-bold-textdecoration: var(--text-decoration-none);
598
- --heading-xl-medium-fontfamily: var(--fontfamilies-archivo);
599
- --heading-xl-medium-fontsize: var(--font-size-text-xl);
600
- --heading-xl-medium-fontweight: var(--font-weight-medium-500);
601
- --heading-xl-medium-letterspacing: var(--tracking-normal);
602
- --heading-xl-medium-lineheight: var(--line-height-text-xl-leading-tight);
603
- --heading-xl-medium-paragraphindent: var(--text-indent-0);
604
- --heading-xl-medium-paragraphspacing: var(--space-between-0);
605
- --heading-xl-medium-textcase: var(--text-transform-none);
606
- --heading-xl-medium-textdecoration: var(--text-decoration-none);
607
386
  }
608
387
 
609
- /* ─── Dark theme overrides ─────────────────────────────────────────────────── */
388
+ /* ─── Dark Theme ───────────────────────────────────────────────────────────── */
610
389
  @variant dark {
611
390
  @theme {
612
- --body-base-bold-fontfamily: var(--fontfamilies-archivo);
613
- --body-base-bold-fontsize: var(--font-size-text-md);
614
- --body-base-bold-fontweight: var(--font-weight-bold-700);
615
- --body-base-bold-letterspacing: var(--tracking-normal);
616
- --body-base-bold-lineheight: var(--line-height-text-md-leading-normal);
617
- --body-base-bold-paragraphindent: var(--text-indent-0);
618
- --body-base-bold-paragraphspacing: var(--space-between-0);
619
- --body-base-bold-textcase: var(--text-transform-none);
620
- --body-base-bold-textdecoration: var(--text-decoration-none);
621
- --body-base-medium-fontfamily: var(--fontfamilies-archivo);
622
- --body-base-medium-fontsize: var(--font-size-text-md);
623
- --body-base-medium-fontweight: var(--font-weight-medium-500);
624
- --body-base-medium-letterspacing: var(--tracking-normal);
625
- --body-base-medium-lineheight: var(--line-height-text-md-leading-normal);
626
- --body-base-medium-paragraphindent: var(--text-indent-0);
627
- --body-base-medium-paragraphspacing: var(--space-between-0);
628
- --body-base-medium-textcase: var(--text-transform-none);
629
- --body-base-medium-textdecoration: var(--text-decoration-none);
630
- --body-base-regular-fontfamily: var(--fontfamilies-archivo);
631
- --body-base-regular-fontsize: var(--font-size-text-md);
632
- --body-base-regular-fontweight: var(--font-weight-regular-400);
633
- --body-base-regular-letterspacing: var(--tracking-normal);
634
- --body-base-regular-lineheight: var(--line-height-text-md-leading-normal);
635
- --body-base-regular-paragraphindent: var(--text-indent-0);
636
- --body-base-regular-paragraphspacing: var(--space-between-0);
637
- --body-base-regular-textcase: var(--text-transform-none);
638
- --body-base-regular-textdecoration: var(--text-decoration-none);
639
- --body-sm-bold-fontfamily: var(--fontfamilies-archivo);
640
- --body-sm-bold-fontsize: var(--font-size-text-sm);
641
- --body-sm-bold-fontweight: var(--font-weight-bold-700);
642
- --body-sm-bold-letterspacing: var(--tracking-normal);
643
- --body-sm-bold-lineheight: var(--line-height-text-sm-leading-normal);
644
- --body-sm-bold-paragraphindent: var(--text-indent-0);
645
- --body-sm-bold-paragraphspacing: var(--space-between-0);
646
- --body-sm-bold-textcase: var(--text-transform-none);
647
- --body-sm-bold-textdecoration: var(--text-decoration-none);
648
- --body-sm-medium-fontfamily: var(--fontfamilies-archivo);
649
- --body-sm-medium-fontsize: var(--font-size-text-sm);
650
- --body-sm-medium-fontweight: var(--font-weight-medium-500);
651
- --body-sm-medium-letterspacing: var(--tracking-normal);
652
- --body-sm-medium-lineheight: var(--line-height-text-sm-leading-normal);
653
- --body-sm-medium-paragraphindent: var(--text-indent-0);
654
- --body-sm-medium-paragraphspacing: var(--space-between-0);
655
- --body-sm-medium-textcase: var(--text-transform-none);
656
- --body-sm-medium-textdecoration: var(--text-decoration-none);
657
- --body-sm-regular-fontfamily: var(--fontfamilies-archivo);
658
- --body-sm-regular-fontsize: var(--font-size-text-sm);
659
- --body-sm-regular-fontweight: var(--font-weight-regular-400);
660
- --body-sm-regular-letterspacing: var(--tracking-normal);
661
- --body-sm-regular-lineheight: var(--line-height-text-sm-leading-normal);
662
- --body-sm-regular-paragraphindent: var(--text-indent-0);
663
- --body-sm-regular-paragraphspacing: var(--space-between-0);
664
- --body-sm-regular-textcase: var(--text-transform-none);
665
- --body-sm-regular-textdecoration: var(--text-decoration-none);
666
- --body-xs-bold-fontfamily: var(--fontfamilies-archivo);
667
- --body-xs-bold-fontsize: var(--font-size-text-xs);
668
- --body-xs-bold-fontweight: var(--font-weight-bold-700);
669
- --body-xs-bold-letterspacing: var(--tracking-normal);
670
- --body-xs-bold-lineheight: var(--line-height-text-xs-leading-normal);
671
- --body-xs-bold-paragraphindent: var(--text-indent-0);
672
- --body-xs-bold-paragraphspacing: var(--text-indent-0);
673
- --body-xs-bold-textcase: var(--text-transform-none);
674
- --body-xs-bold-textdecoration: var(--text-decoration-none);
675
- --body-xs-medium-fontfamily: var(--fontfamilies-archivo);
676
- --body-xs-medium-fontsize: var(--font-size-text-xs);
677
- --body-xs-medium-fontweight: var(--font-weight-medium-500);
678
- --body-xs-medium-letterspacing: var(--tracking-normal);
679
- --body-xs-medium-lineheight: var(--line-height-text-xs-leading-normal);
680
- --body-xs-medium-paragraphindent: var(--text-indent-0);
681
- --body-xs-medium-paragraphspacing: var(--space-between-0);
682
- --body-xs-medium-textcase: var(--text-transform-none);
683
- --body-xs-medium-textdecoration: var(--text-decoration-none);
684
- --body-xs-regular-fontfamily: var(--fontfamilies-archivo);
685
- --body-xs-regular-fontsize: var(--font-size-text-xs);
686
- --body-xs-regular-fontweight: var(--font-weight-regular-400);
687
- --body-xs-regular-letterspacing: var(--tracking-normal);
688
- --body-xs-regular-lineheight: var(--line-height-text-xs-leading-normal);
689
- --body-xs-regular-paragraphindent: var(--text-indent-0);
690
- --body-xs-regular-paragraphspacing: var(--space-between-0);
691
- --body-xs-regular-textcase: var(--text-transform-none);
692
- --body-xs-regular-textdecoration: var(--text-decoration-none);
391
+ /* COLOR */
693
392
  --color-background-accent-blue-bold-default: var(--color-blue-300);
694
393
  --color-background-accent-blue-bold-hover: #ffffff;
695
394
  --color-background-accent-blue-bold-pressed: #ffffff;
@@ -921,95 +620,5 @@
921
620
  --color-text-secondary: var(--color-dark-neutral-1100);
922
621
  --color-text-success: var(--color-green-500);
923
622
  --color-text-tertiary: var(--color-dark-neutral-400);
924
- --heading-2xl-bold-fontfamily: var(--fontfamilies-archivo);
925
- --heading-2xl-bold-fontsize: var(--font-size-text-2xl);
926
- --heading-2xl-bold-fontweight: var(--font-weight-bold-700);
927
- --heading-2xl-bold-letterspacing: var(--tracking-normal);
928
- --heading-2xl-bold-lineheight: var(--line-height-text-2xl-leading-tight);
929
- --heading-2xl-bold-paragraphindent: var(--text-indent-0);
930
- --heading-2xl-bold-paragraphspacing: var(--space-between-0);
931
- --heading-2xl-bold-textcase: var(--text-transform-none);
932
- --heading-2xl-bold-textdecoration: var(--text-decoration-none);
933
- --heading-2xl-medium-fontfamily: var(--fontfamilies-archivo);
934
- --heading-2xl-medium-fontsize: var(--font-size-text-2xl);
935
- --heading-2xl-medium-fontweight: var(--font-weight-medium-500);
936
- --heading-2xl-medium-letterspacing: var(--tracking-normal);
937
- --heading-2xl-medium-lineheight: var(--line-height-text-2xl-leading-tight);
938
- --heading-2xl-medium-paragraphindent: var(--text-indent-0);
939
- --heading-2xl-medium-paragraphspacing: var(--space-between-0);
940
- --heading-2xl-medium-textcase: var(--text-transform-none);
941
- --heading-2xl-medium-textdecoration: var(--text-decoration-none);
942
- --heading-3xl-bold-fontfamily: var(--fontfamilies-archivo);
943
- --heading-3xl-bold-fontsize: var(--font-size-text-3xl);
944
- --heading-3xl-bold-fontweight: var(--font-weight-bold-700);
945
- --heading-3xl-bold-letterspacing: var(--tracking-normal);
946
- --heading-3xl-bold-lineheight: var(--line-height-text-3xl-leading-tight);
947
- --heading-3xl-bold-paragraphindent: var(--text-indent-0);
948
- --heading-3xl-bold-paragraphspacing: var(--space-between-0);
949
- --heading-3xl-bold-textcase: var(--text-transform-none);
950
- --heading-3xl-bold-textdecoration: var(--text-decoration-none);
951
- --heading-3xl-medium-fontfamily: var(--fontfamilies-archivo);
952
- --heading-3xl-medium-fontsize: var(--font-size-text-3xl);
953
- --heading-3xl-medium-fontweight: var(--font-weight-medium-500);
954
- --heading-3xl-medium-letterspacing: var(--tracking-normal);
955
- --heading-3xl-medium-lineheight: var(--line-height-text-3xl-leading-tight);
956
- --heading-3xl-medium-paragraphindent: var(--text-indent-0);
957
- --heading-3xl-medium-paragraphspacing: var(--space-between-0);
958
- --heading-3xl-medium-textcase: var(--text-transform-none);
959
- --heading-3xl-medium-textdecoration: var(--text-decoration-none);
960
- --heading-4xl-bold-fontfamily: var(--fontfamilies-archivo);
961
- --heading-4xl-bold-fontsize: var(--font-size-text-4xl);
962
- --heading-4xl-bold-fontweight: var(--font-weight-bold-700);
963
- --heading-4xl-bold-letterspacing: var(--tracking-normal);
964
- --heading-4xl-bold-lineheight: var(--line-height-text-4xl-leading-tight);
965
- --heading-4xl-bold-paragraphindent: var(--text-indent-0);
966
- --heading-4xl-bold-paragraphspacing: var(--space-between-0);
967
- --heading-4xl-bold-textcase: var(--text-transform-none);
968
- --heading-4xl-bold-textdecoration: var(--text-decoration-none);
969
- --heading-4xl-medium-fontfamily: var(--fontfamilies-archivo);
970
- --heading-4xl-medium-fontsize: var(--font-size-text-4xl);
971
- --heading-4xl-medium-fontweight: var(--font-weight-medium-500);
972
- --heading-4xl-medium-letterspacing: var(--tracking-normal);
973
- --heading-4xl-medium-lineheight: var(--line-height-text-4xl-leading-tight);
974
- --heading-4xl-medium-paragraphindent: var(--text-indent-0);
975
- --heading-4xl-medium-paragraphspacing: var(--space-between-0);
976
- --heading-4xl-medium-textcase: var(--text-transform-none);
977
- --heading-4xl-medium-textdecoration: var(--text-decoration-none);
978
- --heading-lg-bold-fontfamily: var(--fontfamilies-archivo);
979
- --heading-lg-bold-fontsize: var(--font-size-text-lg);
980
- --heading-lg-bold-fontweight: var(--font-weight-bold-700);
981
- --heading-lg-bold-letterspacing: var(--tracking-normal);
982
- --heading-lg-bold-lineheight: var(--line-height-text-lg-leading-tight);
983
- --heading-lg-bold-paragraphindent: var(--text-indent-0);
984
- --heading-lg-bold-paragraphspacing: var(--space-between-0);
985
- --heading-lg-bold-textcase: var(--text-transform-none);
986
- --heading-lg-bold-textdecoration: var(--text-decoration-none);
987
- --heading-lg-medium-fontfamily: var(--fontfamilies-archivo);
988
- --heading-lg-medium-fontsize: var(--font-size-text-lg);
989
- --heading-lg-medium-fontweight: var(--font-weight-medium-500);
990
- --heading-lg-medium-letterspacing: var(--tracking-normal);
991
- --heading-lg-medium-lineheight: var(--line-height-text-lg-leading-tight);
992
- --heading-lg-medium-paragraphindent: var(--text-indent-0);
993
- --heading-lg-medium-paragraphspacing: var(--space-between-0);
994
- --heading-lg-medium-textcase: var(--text-transform-none);
995
- --heading-lg-medium-textdecoration: var(--text-decoration-none);
996
- --heading-xl-bold-fontfamily: var(--fontfamilies-archivo);
997
- --heading-xl-bold-fontsize: var(--font-size-text-xl);
998
- --heading-xl-bold-fontweight: var(--font-weight-bold-700);
999
- --heading-xl-bold-letterspacing: var(--tracking-normal);
1000
- --heading-xl-bold-lineheight: var(--line-height-text-xl-leading-tight);
1001
- --heading-xl-bold-paragraphindent: var(--text-indent-0);
1002
- --heading-xl-bold-paragraphspacing: var(--space-between-0);
1003
- --heading-xl-bold-textcase: var(--text-transform-none);
1004
- --heading-xl-bold-textdecoration: var(--text-decoration-none);
1005
- --heading-xl-medium-fontfamily: var(--fontfamilies-archivo);
1006
- --heading-xl-medium-fontsize: var(--font-size-text-xl);
1007
- --heading-xl-medium-fontweight: var(--font-weight-medium-500);
1008
- --heading-xl-medium-letterspacing: var(--tracking-normal);
1009
- --heading-xl-medium-lineheight: var(--line-height-text-xl-leading-tight);
1010
- --heading-xl-medium-paragraphindent: var(--text-indent-0);
1011
- --heading-xl-medium-paragraphspacing: var(--space-between-0);
1012
- --heading-xl-medium-textcase: var(--text-transform-none);
1013
- --heading-xl-medium-textdecoration: var(--text-decoration-none);
1014
623
  }
1015
624
  }