@edgeandnode/eds-react 1.0.0 → 1.0.1

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 (5) hide show
  1. package/README.md +1 -1
  2. package/package.json +3 -3
  3. package/skill/SKILL.md +7 -4
  4. package/skill/references/tokens.md +24 -12
  5. package/src/__snapshots__/compiled.css +255 -281
package/src/__snapshots__/compiled.css CHANGED
@@ -22,125 +22,104 @@
22
22
  --color-white: white;
23
23
  --color-transparent: transparent;
24
24
  --color-current: currentcolor;
25
- --color-space-100: #f3f3f4;
26
- --color-space-200: #dbdbdb;
27
- --color-space-300: #c5c4c6;
28
- --color-space-400: #b6b5b9;
29
- --color-space-500: #a7a5ae;
30
- --color-space-600: #918f9d;
31
- --color-space-700: #848192;
32
- --color-space-800: #757285;
33
- --color-space-900: #666378;
34
- --color-space-1000: #59556c;
35
- --color-space-1100: #49465d;
36
- --color-space-1200: #3a374d;
37
- --color-space-1300: #2d2a3f;
38
- --color-space-1400: #242236;
39
- --color-space-1500: #1d1a30;
40
- --color-space-1600: #16132a;
41
- --color-space-1700: #0c0a1d;
42
- --color-space-1800: #080618;
25
+ --color-space-100: #585858;
26
+ --color-space-200: #494949;
27
+ --color-space-300: #3a3a3a;
28
+ --color-space-400: #2d2d2d;
29
+ --color-space-500: #252525;
30
+ --color-space-600: #1e1e1e;
31
+ --color-space-700: #171717;
32
+ --color-space-800: #0d0d0d;
33
+ --color-space-900: #090909;
43
34
  --color-foam-100: #fafafa;
44
- --color-foam-200: #f3f3f4;
35
+ --color-foam-200: #f3f3f3;
45
36
  --color-foam-300: #ececec;
46
37
  --color-foam-400: #e3e3e3;
47
- --color-foam-500: #cacace;
48
- --color-foam-600: #bfbfc5;
49
- --color-foam-700: #c0c0c4;
50
- --color-foam-800: #afafb6;
51
- --color-foam-900: #9d9da4;
52
- --color-foam-1000: #7d7d87;
53
- --color-brand-100: #e2dbff;
54
- --color-brand-200: #c5b7ff;
55
- --color-brand-300: #a994ff;
56
- --color-brand-400: #8c70ff;
57
- --color-brand-500: #6f4cff;
58
- --color-brand-600: #6545e8;
59
- --color-brand-700: #5138ba;
60
- --color-brand-800: #3d2b8c;
61
- --color-brand-900: #332476;
62
- --color-brand-1000: #281c5c;
63
- --color-brand-1100: #19123a;
64
- --color-brand-1200: #140f2f;
38
+ --color-foam-500: #cacaca;
39
+ --color-foam-600: #c0c0c0;
40
+ --color-foam-700: #b0b0b0;
41
+ --color-foam-800: #7e7e7e;
42
+ --color-foam-900: #6b6b6b;
43
+ --color-brand-100: #d3dafa;
44
+ --color-brand-200: #a7b5f5;
45
+ --color-brand-300: #7b91ef;
46
+ --color-brand-400: #4f6cea;
47
+ --color-brand-500: #2347e5;
48
+ --color-brand-600: #1a34a7;
49
+ --color-brand-700: #13277e;
50
+ --color-brand-800: #0d1a52;
51
+ --color-brand-900: #081034;
65
52
  --color-galactic-100: #dbecff;
66
53
  --color-galactic-200: #b7d8ff;
67
54
  --color-galactic-300: #94c5ff;
68
55
  --color-galactic-400: #70b1ff;
69
56
  --color-galactic-500: #4c9eff;
70
- --color-galactic-600: #3f80d1;
71
- --color-galactic-700: #3262a3;
72
- --color-galactic-800: #254576;
73
- --color-galactic-900: #182748;
74
- --color-galactic-1000: #0f192e;
75
- --color-galactic-1100: #0d1526;
57
+ --color-galactic-600: #3262a3;
58
+ --color-galactic-700: #254576;
59
+ --color-galactic-800: #0f192e;
60
+ --color-galactic-900: #0d1526;
76
61
  --color-starfield-100: #dbf4e6;
77
62
  --color-starfield-200: #b7eacd;
78
63
  --color-starfield-300: #93dfb3;
79
64
  --color-starfield-400: #6fd59a;
80
65
  --color-starfield-500: #4bca81;
81
- --color-starfield-600: #3ea36c;
82
- --color-starfield-700: #317d58;
83
- --color-starfield-800: #255643;
84
- --color-starfield-900: #18302f;
85
- --color-starfield-1000: #112221;
86
- --color-starfield-1100: #0e1b1b;
66
+ --color-starfield-600: #317d58;
67
+ --color-starfield-700: #255643;
68
+ --color-starfield-800: #112221;
69
+ --color-starfield-900: #0e1b1b;
87
70
  --color-solar-100: #ffeecc;
88
71
  --color-solar-200: #ffdc99;
89
72
  --color-solar-300: #ffcb67;
90
73
  --color-solar-400: #ffb934;
91
74
  --color-solar-500: #ffa801;
92
- --color-solar-600: #ce8806;
93
- --color-solar-700: #9d680b;
94
- --color-solar-800: #6d4910;
95
- --color-solar-900: #3c2915;
96
- --color-solar-1000: #271b1b;
97
- --color-solar-1100: #1d161a;
75
+ --color-solar-600: #9d680b;
76
+ --color-solar-700: #6d4910;
77
+ --color-solar-800: #271b1b;
78
+ --color-solar-900: #1d161a;
98
79
  --color-sonja-100: #fbdbe2;
99
80
  --color-sonja-200: #f8b7c5;
100
81
  --color-sonja-300: #f492a7;
101
82
  --color-sonja-400: #f16e8a;
102
83
  --color-sonja-500: #ed4a6d;
103
- --color-sonja-600: #c03d5c;
104
- --color-sonja-700: #93304c;
105
- --color-sonja-800: #65233b;
106
- --color-sonja-900: #38162b;
107
- --color-sonja-1000: #250e25;
108
- --color-sonja-1100: #180b1d;
109
- --text-color-default: light-dark(var(--color-space-1800), var(--color-white));
110
- --text-color-subtle: light-dark(var(--color-space-600), var(--color-foam-1000));
111
- --text-color-muted: light-dark(var(--color-space-1000), var(--color-foam-800));
112
- --text-color-inverse-default: light-dark(var(--color-white), var(--color-space-1800));
113
- --background-color-subtle: light-dark(var(--color-foam-100), var(--color-space-1700));
114
- --background-color-muted: light-dark(var(--color-foam-200), var(--color-space-1600));
115
- --background-color-default: light-dark(var(--color-foam-300), var(--color-space-1500));
116
- --background-color-elevated: light-dark(var(--color-foam-400), var(--color-space-1400));
117
- --background-color-strong: light-dark(var(--color-foam-500), var(--color-space-1300));
118
- --background-color-brand-subtlest: light-dark(var(--color-brand-100), var(--color-brand-1100));
119
- --background-color-brand-subtler: light-dark(var(--color-brand-200), var(--color-brand-1000));
120
- --background-color-brand-subtle: light-dark(var(--color-brand-300), var(--color-brand-800));
84
+ --color-sonja-600: #93304c;
85
+ --color-sonja-700: #65233b;
86
+ --color-sonja-800: #250e25;
87
+ --color-sonja-900: #180b1d;
88
+ --text-color-default: light-dark(var(--color-space-900), var(--color-white));
89
+ --text-color-subtle: light-dark(var(--color-foam-900), var(--color-foam-800));
90
+ --text-color-muted: light-dark(var(--color-space-100), var(--color-foam-700));
91
+ --text-color-inverse-default: light-dark(var(--color-white), var(--color-space-900));
92
+ --background-color-subtle: light-dark(var(--color-foam-100), var(--color-space-800));
93
+ --background-color-muted: light-dark(var(--color-foam-200), var(--color-space-700));
94
+ --background-color-default: light-dark(var(--color-foam-300), var(--color-space-600));
95
+ --background-color-elevated: light-dark(var(--color-foam-400), var(--color-space-500));
96
+ --background-color-strong: light-dark(var(--color-foam-500), var(--color-space-400));
97
+ --background-color-brand-subtlest: light-dark(var(--color-brand-100), var(--color-brand-900));
98
+ --background-color-brand-subtler: light-dark(var(--color-brand-200), var(--color-brand-800));
99
+ --background-color-brand-subtle: light-dark(var(--color-brand-300), var(--color-brand-700));
121
100
  --background-color-brand-default: var(--color-brand-500);
122
- --background-color-brand-elevated: light-dark(var(--color-brand-700), var(--color-brand-400));
123
- --background-color-inverse-canvas: light-dark(var(--color-space-1800), var(--color-space-100));
124
- --background-color-inverse-subtle: light-dark(var(--color-space-1700), var(--color-space-200));
125
- --background-color-inverse-default: light-dark(var(--color-space-1500), var(--color-space-400));
126
- --background-color-inverse-elevated: light-dark(var(--color-space-1400), var(--color-space-500));
127
- --border-color-subtle: light-dark(var(--color-foam-300), var(--color-space-1500));
128
- --border-color-muted: light-dark(var(--color-foam-400), var(--color-space-1400));
129
- --border-color-default: light-dark(var(--color-foam-500), var(--color-space-1300));
130
- --border-color-elevated: light-dark(var(--color-foam-800), var(--color-space-1200));
131
- --border-color-strong: light-dark(var(--color-foam-1000), var(--color-space-1100));
132
- --border-color-brand-subtle: light-dark(var(--color-brand-300), var(--color-brand-800));
133
- --border-color-brand-muted: light-dark(var(--color-brand-400), var(--color-brand-700));
101
+ --background-color-brand-elevated: light-dark(var(--color-brand-600), var(--color-brand-400));
102
+ --background-color-inverse-canvas: light-dark(var(--color-space-900), var(--color-foam-200));
103
+ --background-color-inverse-subtle: light-dark(var(--color-space-800), var(--color-foam-400));
104
+ --background-color-inverse-default: light-dark(var(--color-space-600), var(--color-foam-600));
105
+ --background-color-inverse-elevated: light-dark(var(--color-space-500), var(--color-foam-700));
106
+ --border-color-subtle: light-dark(var(--color-foam-300), var(--color-space-600));
107
+ --border-color-muted: light-dark(var(--color-foam-400), var(--color-space-500));
108
+ --border-color-default: light-dark(var(--color-foam-500), var(--color-space-400));
109
+ --border-color-elevated: light-dark(var(--color-foam-700), var(--color-space-300));
110
+ --border-color-strong: light-dark(var(--color-foam-800), var(--color-space-200));
111
+ --border-color-brand-subtle: light-dark(var(--color-brand-300), var(--color-brand-700));
112
+ --border-color-brand-muted: light-dark(var(--color-brand-400), var(--color-brand-600));
134
113
  --border-color-brand-default: var(--color-brand-500);
135
- --border-color-brand-elevated: light-dark(var(--color-brand-700), var(--color-brand-400));
136
- --border-color-brand-strong: light-dark(var(--color-brand-800), var(--color-brand-300));
137
- --color-status-warning-subtle: light-dark(var(--color-solar-300), var(--color-solar-800));
138
- --color-status-warning-muted: light-dark(var(--color-solar-400), var(--color-solar-700));
139
- --color-status-error-subtle: light-dark(var(--color-sonja-300), var(--color-sonja-800));
140
- --color-status-error-muted: light-dark(var(--color-sonja-400), var(--color-sonja-700));
114
+ --border-color-brand-elevated: light-dark(var(--color-brand-600), var(--color-brand-400));
115
+ --border-color-brand-strong: light-dark(var(--color-brand-700), var(--color-brand-300));
116
+ --color-status-warning-subtle: light-dark(var(--color-solar-300), var(--color-solar-700));
117
+ --color-status-warning-muted: light-dark(var(--color-solar-400), var(--color-solar-600));
118
+ --color-status-error-subtle: light-dark(var(--color-sonja-300), var(--color-sonja-700));
119
+ --color-status-error-muted: light-dark(var(--color-sonja-400), var(--color-sonja-600));
141
120
  --color-status-error-default: var(--color-sonja-500);
142
- --color-status-error-elevated: light-dark(var(--color-sonja-700), var(--color-sonja-400));
143
- --color-status-error-strong: light-dark(var(--color-sonja-800), var(--color-sonja-300));
121
+ --color-status-error-elevated: light-dark(var(--color-sonja-600), var(--color-sonja-400));
122
+ --color-status-error-strong: light-dark(var(--color-sonja-700), var(--color-sonja-300));
144
123
  --text-color-button-primary: var(--color-white);
145
124
  --text-color-button-secondary: var(--text-color-default);
146
125
  --text-color-button-tertiary: var(--text-color-default);
@@ -319,7 +298,8 @@
319
298
  1
320
299
  );
321
300
  --content-nbsp: '\00a0';
322
- --font-sans: 'EuclidCircular', sans-serif;
301
+ --font-sans: 'Inter', sans-serif;
302
+ --font-serif: 'Newsreader', serif;
323
303
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
324
304
  monospace;
325
305
  --font-weight-lighter: 300;
@@ -1284,19 +1264,19 @@
1284
1264
  border-color: var(--border-color-default);
1285
1265
  }
1286
1266
  .border-code {
1287
- border-color: light-dark(var(--color-solar-200), var(--color-solar-900));
1267
+ border-color: light-dark(var(--color-solar-200), var(--color-solar-700));
1288
1268
  }
1289
1269
  .border-default {
1290
- border-color: light-dark(var(--color-foam-500), var(--color-space-1300));
1270
+ border-color: light-dark(var(--color-foam-500), var(--color-space-400));
1291
1271
  }
1292
1272
  .border-form-idle {
1293
1273
  border-color: var(--border-color-default);
1294
1274
  }
1295
1275
  .border-muted {
1296
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
1276
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
1297
1277
  }
1298
1278
  .border-subtle {
1299
- border-color: light-dark(var(--color-foam-300), var(--color-space-1500));
1279
+ border-color: light-dark(var(--color-foam-300), var(--color-space-600));
1300
1280
  }
1301
1281
  .border-transparent {
1302
1282
  border-color: transparent;
@@ -1311,19 +1291,19 @@
1311
1291
  background-color: var(--text-color-form-checked);
1312
1292
  }
1313
1293
  .bg-backdrop {
1314
- background-color: color-mix(in srgb, #080618 50%, transparent);
1294
+ background-color: color-mix(in srgb, #090909 50%, transparent);
1315
1295
  @supports (color: color-mix(in lab, red, red)) {
1316
- background-color: color-mix(in oklab, var(--color-space-1800) 50%, transparent);
1296
+ background-color: color-mix(in oklab, var(--color-space-900) 50%, transparent);
1317
1297
  }
1318
1298
  }
1319
1299
  .bg-brand-default {
1320
1300
  background-color: var(--color-brand-500);
1321
1301
  }
1322
1302
  .bg-canvas {
1323
- background-color: light-dark(var(--color-white), var(--color-space-1800));
1303
+ background-color: light-dark(var(--color-white), var(--color-space-900));
1324
1304
  }
1325
1305
  .bg-code {
1326
- background-color: light-dark(var(--color-solar-100), var(--color-solar-1000));
1306
+ background-color: light-dark(var(--color-solar-100), var(--color-solar-800));
1327
1307
  }
1328
1308
  .bg-code-highlighted {
1329
1309
  background-color: color-mix(in srgb, #ffa801 20%, transparent);
@@ -1332,16 +1312,16 @@
1332
1312
  }
1333
1313
  }
1334
1314
  .bg-default {
1335
- background-color: light-dark(var(--color-foam-300), var(--color-space-1500));
1315
+ background-color: light-dark(var(--color-foam-300), var(--color-space-600));
1336
1316
  }
1337
1317
  .bg-form-handle-default {
1338
- background-color: light-dark(var(--color-space-1000), var(--color-white));
1318
+ background-color: light-dark(var(--color-space-100), var(--color-white));
1339
1319
  }
1340
1320
  .bg-muted {
1341
- background-color: light-dark(var(--color-foam-200), var(--color-space-1600));
1321
+ background-color: light-dark(var(--color-foam-200), var(--color-space-700));
1342
1322
  }
1343
1323
  .bg-strong {
1344
- background-color: light-dark(var(--color-foam-500), var(--color-space-1300));
1324
+ background-color: light-dark(var(--color-foam-500), var(--color-space-400));
1345
1325
  }
1346
1326
  @supports (animation-timeline: scroll(x self)) {
1347
1327
  .gradient-mask-x {
@@ -1565,7 +1545,7 @@
1565
1545
  color: currentcolor;
1566
1546
  }
1567
1547
  .text-default {
1568
- color: light-dark(var(--color-space-1800), var(--color-white));
1548
+ color: light-dark(var(--color-space-900), var(--color-white));
1569
1549
  }
1570
1550
  .text-form-checked {
1571
1551
  color: var(--color-white);
@@ -1583,7 +1563,7 @@
1583
1563
  color: inherit;
1584
1564
  }
1585
1565
  .text-muted {
1586
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
1566
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
1587
1567
  }
1588
1568
  .text-status-error-default {
1589
1569
  color: var(--color-sonja-500);
@@ -1595,7 +1575,7 @@
1595
1575
  color: var(--color-solar-500);
1596
1576
  }
1597
1577
  .text-subtle {
1598
- color: light-dark(var(--color-space-600), var(--color-foam-1000));
1578
+ color: light-dark(var(--color-foam-900), var(--color-foam-800));
1599
1579
  }
1600
1580
  .text-white {
1601
1581
  color: var(--color-white);
@@ -2201,13 +2181,13 @@
2201
2181
  visibility: hidden;
2202
2182
  }
2203
2183
  .group-data-\[status\=complete\]\/stepper-step\:bg-brand-subtle:is(:where(.group\/stepper-step)[data-status="complete"] *) {
2204
- background-color: light-dark(var(--color-brand-300), var(--color-brand-800));
2184
+ background-color: light-dark(var(--color-brand-300), var(--color-brand-700));
2205
2185
  }
2206
2186
  .group-data-\[status\=complete\]\/stepper-step\:text-strong:is(:where(.group\/stepper-step)[data-status="complete"] *) {
2207
- color: light-dark(var(--color-space-1600), var(--color-foam-200));
2187
+ color: light-dark(var(--color-space-700), var(--color-foam-200));
2208
2188
  }
2209
2189
  .group-data-\[status\=current\]\/stepper-step\:text-default:is(:where(.group\/stepper-step)[data-status="current"] *) {
2210
- color: light-dark(var(--color-space-1800), var(--color-white));
2190
+ color: light-dark(var(--color-space-900), var(--color-white));
2211
2191
  }
2212
2192
  .group-data-\[status\=current\]\/stepper-step\:prop-variant-brand:is(:where(.group\/stepper-step)[data-status="current"] *) {
2213
2193
  --eds-prop-variant: eds-brand;
@@ -2217,13 +2197,13 @@
2217
2197
  translate: var(--tw-translate-x) var(--tw-translate-y);
2218
2198
  }
2219
2199
  .group-data-\[status\=incomplete\]\/stepper-step\:text-elevated:is(:where(.group\/stepper-step)[data-status="incomplete"] *) {
2220
- color: light-dark(var(--color-space-1400), var(--color-foam-600));
2200
+ color: light-dark(var(--color-space-500), var(--color-foam-600));
2221
2201
  }
2222
2202
  .group-data-\[status\=incomplete\]\/stepper-step\:group-not-\[\[data-status\=current\]\+\*\]\/stepper-step\:transition-none:is(:where(.group\/stepper-step)[data-status="incomplete"] *):is(:where(.group\/stepper-step):not(:is([data-status=current] + *)) *) {
2223
2203
  transition-property: none;
2224
2204
  }
2225
2205
  .group-clickable-hover\/cluster\:bg-elevated:is(:where(.group\/cluster):where(:any-link, button, input:is([type='button'], [type='submit'], [type='reset']), summary, [role='button'], [role='link'], [role='checkbox'], [role='radio'], [role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'], [role='option'], [role='tab'], .eds-checkable-label ):is([data-eds-exposed-disabled=false], :not([data-eds-exposed-disabled]):where(:not(:disabled, [aria-disabled=true]):not(input:not([type=hidden], [type=range], [type=color], [type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image]):read-only, textarea:read-only, [aria-readonly=true]))):is([data-eds-exposed-pointer=hover], [data-eds-exposed-pointer=active], :not([data-eds-exposed-pointer]):where(:hover)) *) {
2226
- background-color: light-dark(var(--color-foam-400), var(--color-space-1400));
2206
+ background-color: light-dark(var(--color-foam-400), var(--color-space-500));
2227
2207
  }
2228
2208
  .group-clickable-focus-visible\/avatar\:outline:is(:where(.group\/avatar):where(:any-link, button, input:is([type='button'], [type='submit'], [type='reset']), summary, [role='button'], [role='link'], [role='checkbox'], [role='radio'], [role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'], [role='option'], [role='tab'], .eds-checkable-label ):is([data-eds-exposed-disabled=false], :not([data-eds-exposed-disabled]):where(:not(:disabled, [aria-disabled=true]):not(input:not([type=hidden], [type=range], [type=color], [type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image]):read-only, textarea:read-only, [aria-readonly=true]))):is([data-eds-exposed-focus=true], :not([data-eds-exposed-focus]):where(:focus-visible)) *) {
2229
2209
  outline-style: var(--tw-outline-style);
@@ -2234,7 +2214,7 @@
2234
2214
  outline-width: 1px;
2235
2215
  }
2236
2216
  .group-clickable-active\/cluster\:bg-muted:is(:where(.group\/cluster):where(:any-link, button, input:is([type='button'], [type='submit'], [type='reset']), summary, [role='button'], [role='link'], [role='checkbox'], [role='radio'], [role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'], [role='option'], [role='tab'], .eds-checkable-label ):is([data-eds-exposed-disabled=false], :not([data-eds-exposed-disabled]):where(:not(:disabled, [aria-disabled=true]):not(input:not([type=hidden], [type=range], [type=color], [type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image]):read-only, textarea:read-only, [aria-readonly=true]))):is([data-eds-exposed-pointer=active], :not([data-eds-exposed-pointer]):where(:is(:hover:active, [data-eds-active] :active))) *) {
2237
- background-color: light-dark(var(--color-foam-200), var(--color-space-1600));
2217
+ background-color: light-dark(var(--color-foam-200), var(--color-space-700));
2238
2218
  }
2239
2219
  .group-clickable-active\/cluster\:transition-none:is(:where(.group\/cluster):where(:any-link, button, input:is([type='button'], [type='submit'], [type='reset']), summary, [role='button'], [role='link'], [role='checkbox'], [role='radio'], [role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'], [role='option'], [role='tab'], .eds-checkable-label ):is([data-eds-exposed-disabled=false], :not([data-eds-exposed-disabled]):where(:not(:disabled, [aria-disabled=true]):not(input:not([type=hidden], [type=range], [type=color], [type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image]):read-only, textarea:read-only, [aria-readonly=true]))):is([data-eds-exposed-pointer=active], :not([data-eds-exposed-pointer]):where(:is(:hover:active, [data-eds-active] :active))) *) {
2240
2220
  transition-property: none;
@@ -2260,7 +2240,7 @@
2260
2240
  content: var(--tw-content);
2261
2241
  }
2262
2242
  .hover\:text-default:is([data-eds-exposed-pointer=hover], [data-eds-exposed-pointer=active], :not([data-eds-exposed-pointer]):where(:hover)) {
2263
- color: light-dark(var(--color-space-1800), var(--color-white));
2243
+ color: light-dark(var(--color-space-900), var(--color-white));
2264
2244
  }
2265
2245
  .hover\:underline:is([data-eds-exposed-pointer=hover], [data-eds-exposed-pointer=active], :not([data-eds-exposed-pointer]):where(:hover)) {
2266
2246
  text-decoration-line: underline;
@@ -2279,10 +2259,10 @@
2279
2259
  outline-width: 1px;
2280
2260
  }
2281
2261
  :where(.eds-link) .in-link\:border-default {
2282
- border-color: light-dark(var(--color-foam-500), var(--color-space-1300));
2262
+ border-color: light-dark(var(--color-foam-500), var(--color-space-400));
2283
2263
  }
2284
2264
  :where(.eds-link) .in-link\:bg-elevated {
2285
- background-color: light-dark(var(--color-foam-400), var(--color-space-1400));
2265
+ background-color: light-dark(var(--color-foam-400), var(--color-space-500));
2286
2266
  }
2287
2267
  :where(.eds-link) .in-link\:transition-\[border-radius\] {
2288
2268
  transition-property: border-radius;
@@ -2523,16 +2503,16 @@
2523
2503
  width: 0px;
2524
2504
  }
2525
2505
  .data-\[style\=added\]\:bg-code-added[data-style="added"] {
2526
- background-color: light-dark(var(--color-starfield-100), var(--color-starfield-1000));
2506
+ background-color: light-dark(var(--color-starfield-100), var(--color-starfield-800));
2527
2507
  }
2528
2508
  .data-\[style\=added\]\:text-code-added[data-style="added"] {
2529
- color: light-dark(var(--color-starfield-800), var(--color-starfield-300));
2509
+ color: light-dark(var(--color-starfield-700), var(--color-starfield-300));
2530
2510
  }
2531
2511
  .data-\[style\=deleted\]\:bg-code-deleted[data-style="deleted"] {
2532
- background-color: light-dark(var(--color-sonja-100), var(--color-sonja-1000));
2512
+ background-color: light-dark(var(--color-sonja-100), var(--color-sonja-800));
2533
2513
  }
2534
2514
  .data-\[style\=deleted\]\:text-code-deleted[data-style="deleted"] {
2535
- color: light-dark(var(--color-sonja-800), var(--color-sonja-200));
2515
+ color: light-dark(var(--color-sonja-700), var(--color-sonja-200));
2536
2516
  }
2537
2517
  .data-\[variant\=naked\]\:before\:absolute[data-variant="naked"]::before {
2538
2518
  content: var(--tw-content);
@@ -2937,12 +2917,12 @@
2937
2917
  }
2938
2918
  @container eds-breadcrumbs-item (style(--eds-state-current: true)) {
2939
2919
  .\@state-current\/breadcrumbs-item\:text-default {
2940
- color: light-dark(var(--color-space-1800), var(--color-white));
2920
+ color: light-dark(var(--color-space-900), var(--color-white));
2941
2921
  }
2942
2922
  }
2943
2923
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
2944
2924
  .\@state-current\/breadcrumbs-item\:text-default:where(.eds-breadcrumbs-item:is([data-eds-state-polyfill-current=true]) *) {
2945
- color: light-dark(var(--color-space-1800), var(--color-white));
2925
+ color: light-dark(var(--color-space-900), var(--color-white));
2946
2926
  }
2947
2927
  }
2948
2928
  @container eds-checkable (style(--eds-state-checked: true)) {
@@ -2967,32 +2947,32 @@
2967
2947
  }
2968
2948
  @container eds-chip (style(--eds-state-checked: true)) {
2969
2949
  .\@state-checked\/chip\:border-brand-muted {
2970
- border-color: light-dark(var(--color-brand-400), var(--color-brand-700));
2950
+ border-color: light-dark(var(--color-brand-400), var(--color-brand-600));
2971
2951
  }
2972
2952
  }
2973
2953
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
2974
2954
  .\@state-checked\/chip\:border-brand-muted:where(.eds-chip:is([data-eds-state-polyfill-checked=true]) *) {
2975
- border-color: light-dark(var(--color-brand-400), var(--color-brand-700));
2955
+ border-color: light-dark(var(--color-brand-400), var(--color-brand-600));
2976
2956
  }
2977
2957
  }
2978
2958
  @container eds-chip (style(--eds-state-checked: true)) {
2979
2959
  .\@state-checked\/chip\:bg-brand-subtlest {
2980
- background-color: light-dark(var(--color-brand-100), var(--color-brand-1100));
2960
+ background-color: light-dark(var(--color-brand-100), var(--color-brand-900));
2981
2961
  }
2982
2962
  }
2983
2963
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
2984
2964
  .\@state-checked\/chip\:bg-brand-subtlest:where(.eds-chip:is([data-eds-state-polyfill-checked=true]) *) {
2985
- background-color: light-dark(var(--color-brand-100), var(--color-brand-1100));
2965
+ background-color: light-dark(var(--color-brand-100), var(--color-brand-900));
2986
2966
  }
2987
2967
  }
2988
2968
  @container eds-chip (style(--eds-state-checked: true)) {
2989
2969
  .\@state-checked\/chip\:text-default {
2990
- color: light-dark(var(--color-space-1800), var(--color-white));
2970
+ color: light-dark(var(--color-space-900), var(--color-white));
2991
2971
  }
2992
2972
  }
2993
2973
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
2994
2974
  .\@state-checked\/chip\:text-default:where(.eds-chip:is([data-eds-state-polyfill-checked=true]) *) {
2995
- color: light-dark(var(--color-space-1800), var(--color-white));
2975
+ color: light-dark(var(--color-space-900), var(--color-white));
2996
2976
  }
2997
2977
  }
2998
2978
  @container eds-menu-item (style(--eds-state-checked: true)) {
@@ -3050,12 +3030,12 @@
3050
3030
  @supports not (position-anchor:--foo) {
3051
3031
  @container eds-segmented-control-option (style(--eds-state-checked: true)) {
3052
3032
  .not-supports-\[position-anchor\:--foo\]\:\@state-checked\/segmented-control-option\:border-muted {
3053
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
3033
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
3054
3034
  }
3055
3035
  }
3056
3036
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3057
3037
  .not-supports-\[position-anchor\:--foo\]\:\@state-checked\/segmented-control-option\:border-muted:where(.eds-segmented-control-option:is([data-eds-state-polyfill-checked=true]) *) {
3058
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
3038
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
3059
3039
  }
3060
3040
  }
3061
3041
  @container eds-segmented-control-option (style(--eds-state-checked: true)) {
@@ -3245,32 +3225,32 @@
3245
3225
  }
3246
3226
  @container eds-link (style(--eds-state-pointer: hover) or style(--eds-state-pointer: active)) {
3247
3227
  .\@state-hover\/link\:text-link-hover {
3248
- color: light-dark(var(--color-galactic-800), var(--color-galactic-400));
3228
+ color: light-dark(var(--color-galactic-700), var(--color-galactic-400));
3249
3229
  }
3250
3230
  }
3251
3231
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3252
3232
  .\@state-hover\/link\:text-link-hover:where(.eds-link:is([data-eds-state-polyfill-pointer=hover], [data-eds-state-polyfill-pointer=active]) *) {
3253
- color: light-dark(var(--color-galactic-800), var(--color-galactic-400));
3233
+ color: light-dark(var(--color-galactic-700), var(--color-galactic-400));
3254
3234
  }
3255
3235
  }
3256
3236
  @container eds-chip (style(--eds-state-pointer: hover) or style(--eds-state-pointer: active)) {
3257
3237
  .\@state-hover\/chip\:border-strong {
3258
- border-color: light-dark(var(--color-foam-1000), var(--color-space-1100));
3238
+ border-color: light-dark(var(--color-foam-800), var(--color-space-200));
3259
3239
  }
3260
3240
  }
3261
3241
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3262
3242
  .\@state-hover\/chip\:border-strong:where(.eds-chip:is([data-eds-state-polyfill-pointer=hover], [data-eds-state-polyfill-pointer=active]) *) {
3263
- border-color: light-dark(var(--color-foam-1000), var(--color-space-1100));
3243
+ border-color: light-dark(var(--color-foam-800), var(--color-space-200));
3264
3244
  }
3265
3245
  }
3266
3246
  @container eds-chip (style(--eds-state-pointer: hover) or style(--eds-state-pointer: active)) {
3267
3247
  .\@state-hover\/chip\:text-default {
3268
- color: light-dark(var(--color-space-1800), var(--color-white));
3248
+ color: light-dark(var(--color-space-900), var(--color-white));
3269
3249
  }
3270
3250
  }
3271
3251
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3272
3252
  .\@state-hover\/chip\:text-default:where(.eds-chip:is([data-eds-state-polyfill-pointer=hover], [data-eds-state-polyfill-pointer=active]) *) {
3273
- color: light-dark(var(--color-space-1800), var(--color-white));
3253
+ color: light-dark(var(--color-space-900), var(--color-white));
3274
3254
  }
3275
3255
  }
3276
3256
  @container eds-chip (style(--eds-state-pointer: hover) or style(--eds-state-pointer: active)) {
@@ -3300,45 +3280,45 @@
3300
3280
  @container eds-chip (style(--eds-state-pointer: hover) or style(--eds-state-pointer: active)) {
3301
3281
  @container eds-chip (style(--eds-state-checked: true)) {
3302
3282
  .\@state-hover\/chip\:\@state-checked\/chip\:bg-brand-subtler {
3303
- background-color: light-dark(var(--color-brand-200), var(--color-brand-1000));
3283
+ background-color: light-dark(var(--color-brand-200), var(--color-brand-800));
3304
3284
  }
3305
3285
  }
3306
3286
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3307
3287
  .\@state-hover\/chip\:\@state-checked\/chip\:bg-brand-subtler:where(.eds-chip:is([data-eds-state-polyfill-checked=true]) *) {
3308
- background-color: light-dark(var(--color-brand-200), var(--color-brand-1000));
3288
+ background-color: light-dark(var(--color-brand-200), var(--color-brand-800));
3309
3289
  }
3310
3290
  }
3311
3291
  }
3312
3292
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3313
3293
  @container eds-chip (style(--eds-state-checked: true)) {
3314
3294
  .\@state-hover\/chip\:\@state-checked\/chip\:bg-brand-subtler:where(.eds-chip:is([data-eds-state-polyfill-pointer=hover], [data-eds-state-polyfill-pointer=active]) *) {
3315
- background-color: light-dark(var(--color-brand-200), var(--color-brand-1000));
3295
+ background-color: light-dark(var(--color-brand-200), var(--color-brand-800));
3316
3296
  }
3317
3297
  }
3318
3298
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3319
3299
  .\@state-hover\/chip\:\@state-checked\/chip\:bg-brand-subtler:where(.eds-chip:is([data-eds-state-polyfill-pointer=hover], [data-eds-state-polyfill-pointer=active]) *):where(.eds-chip:is([data-eds-state-polyfill-checked=true]) *) {
3320
- background-color: light-dark(var(--color-brand-200), var(--color-brand-1000));
3300
+ background-color: light-dark(var(--color-brand-200), var(--color-brand-800));
3321
3301
  }
3322
3302
  }
3323
3303
  }
3324
3304
  @container eds-breadcrumbs-item (style(--eds-state-pointer: hover) or style(--eds-state-pointer: active)) {
3325
3305
  .\@state-hover\/breadcrumbs-item\:text-default {
3326
- color: light-dark(var(--color-space-1800), var(--color-white));
3306
+ color: light-dark(var(--color-space-900), var(--color-white));
3327
3307
  }
3328
3308
  }
3329
3309
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3330
3310
  .\@state-hover\/breadcrumbs-item\:text-default:where(.eds-breadcrumbs-item:is([data-eds-state-polyfill-pointer=hover], [data-eds-state-polyfill-pointer=active]) *) {
3331
- color: light-dark(var(--color-space-1800), var(--color-white));
3311
+ color: light-dark(var(--color-space-900), var(--color-white));
3332
3312
  }
3333
3313
  }
3334
3314
  @container eds-menu-item (style(--eds-state-pointer: hover) or style(--eds-state-pointer: active)) {
3335
3315
  .\@state-hover\/menu-item\:bg-elevated {
3336
- background-color: light-dark(var(--color-foam-400), var(--color-space-1400));
3316
+ background-color: light-dark(var(--color-foam-400), var(--color-space-500));
3337
3317
  }
3338
3318
  }
3339
3319
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3340
3320
  .\@state-hover\/menu-item\:bg-elevated:where(.eds-menu-item:is([data-eds-state-polyfill-pointer=hover], [data-eds-state-polyfill-pointer=active]) *) {
3341
- background-color: light-dark(var(--color-foam-400), var(--color-space-1400));
3321
+ background-color: light-dark(var(--color-foam-400), var(--color-space-500));
3342
3322
  }
3343
3323
  }
3344
3324
  @container eds-menu-item (style(--eds-state-pointer: hover) or style(--eds-state-pointer: active)) {
@@ -3537,12 +3517,12 @@
3537
3517
  }
3538
3518
  @container eds-address (style(--eds-state-pointer: active)) {
3539
3519
  .\@state-active\/address\:text-elevated {
3540
- color: light-dark(var(--color-space-1400), var(--color-foam-600));
3520
+ color: light-dark(var(--color-space-500), var(--color-foam-600));
3541
3521
  }
3542
3522
  }
3543
3523
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3544
3524
  .\@state-active\/address\:text-elevated:where(.eds-address:is([data-eds-state-polyfill-pointer=active]) *) {
3545
- color: light-dark(var(--color-space-1400), var(--color-foam-600));
3525
+ color: light-dark(var(--color-space-500), var(--color-foam-600));
3546
3526
  }
3547
3527
  }
3548
3528
  @container eds-checkable (style(--eds-state-pointer: active)) {
@@ -3583,12 +3563,12 @@
3583
3563
  }
3584
3564
  @container eds-link (style(--eds-state-pointer: active)) {
3585
3565
  .\@state-active\/link\:text-link-active {
3586
- color: light-dark(var(--color-galactic-700), var(--color-galactic-500));
3566
+ color: light-dark(var(--color-galactic-600), var(--color-galactic-500));
3587
3567
  }
3588
3568
  }
3589
3569
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3590
3570
  .\@state-active\/link\:text-link-active:where(.eds-link:is([data-eds-state-polyfill-pointer=active]) *) {
3591
- color: light-dark(var(--color-galactic-700), var(--color-galactic-500));
3571
+ color: light-dark(var(--color-galactic-600), var(--color-galactic-500));
3592
3572
  }
3593
3573
  }
3594
3574
  @container eds-link (style(--eds-state-pointer: active)) {
@@ -3603,12 +3583,12 @@
3603
3583
  }
3604
3584
  @container eds-menu-item (style(--eds-state-pointer: active)) {
3605
3585
  .\@state-active\/menu-item\:bg-default {
3606
- background-color: light-dark(var(--color-foam-300), var(--color-space-1500));
3586
+ background-color: light-dark(var(--color-foam-300), var(--color-space-600));
3607
3587
  }
3608
3588
  }
3609
3589
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3610
3590
  .\@state-active\/menu-item\:bg-default:where(.eds-menu-item:is([data-eds-state-polyfill-pointer=active]) *) {
3611
- background-color: light-dark(var(--color-foam-300), var(--color-space-1500));
3591
+ background-color: light-dark(var(--color-foam-300), var(--color-space-600));
3612
3592
  }
3613
3593
  }
3614
3594
  @container eds-menu-item (style(--eds-state-pointer: active)) {
@@ -3725,22 +3705,22 @@
3725
3705
  }
3726
3706
  @container eds-link (style(--eds-state-disabled: true)) {
3727
3707
  .\@state-disabled\/link\:text-link-disabled {
3728
- color: light-dark(var(--color-foam-800), var(--color-space-800));
3708
+ color: light-dark(var(--color-foam-700), var(--color-foam-800));
3729
3709
  }
3730
3710
  }
3731
3711
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3732
3712
  .\@state-disabled\/link\:text-link-disabled:where(.eds-link:is([data-eds-state-polyfill-disabled=true]) *) {
3733
- color: light-dark(var(--color-foam-800), var(--color-space-800));
3713
+ color: light-dark(var(--color-foam-700), var(--color-foam-800));
3734
3714
  }
3735
3715
  }
3736
3716
  @container eds-checkable (style(--eds-state-disabled: true)) {
3737
3717
  .\@state-disabled\/checkable\:bg-form-handle-disabled {
3738
- background-color: light-dark(var(--color-foam-600), var(--color-space-400));
3718
+ background-color: var(--color-foam-600);
3739
3719
  }
3740
3720
  }
3741
3721
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3742
3722
  .\@state-disabled\/checkable\:bg-form-handle-disabled:where(.eds-checkable:is([data-eds-state-polyfill-disabled=true]) *) {
3743
- background-color: light-dark(var(--color-foam-600), var(--color-space-400));
3723
+ background-color: var(--color-foam-600);
3744
3724
  }
3745
3725
  }
3746
3726
  @container eds-checkable (style(--eds-state-disabled: true)) {
@@ -3766,24 +3746,24 @@
3766
3746
  @container eds-checkable (style(--eds-state-checked: true)) {
3767
3747
  @container eds-checkable (style(--eds-state-disabled: true)) {
3768
3748
  .\@state-checked\/checkable\:\@state-disabled\/checkable\:bg-form-handle-checked-disabled {
3769
- background-color: light-dark(var(--color-brand-400), var(--color-space-400));
3749
+ background-color: light-dark(var(--color-brand-400), var(--color-foam-600));
3770
3750
  }
3771
3751
  }
3772
3752
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3773
3753
  .\@state-checked\/checkable\:\@state-disabled\/checkable\:bg-form-handle-checked-disabled:where(.eds-checkable:is([data-eds-state-polyfill-disabled=true]) *) {
3774
- background-color: light-dark(var(--color-brand-400), var(--color-space-400));
3754
+ background-color: light-dark(var(--color-brand-400), var(--color-foam-600));
3775
3755
  }
3776
3756
  }
3777
3757
  }
3778
3758
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3779
3759
  @container eds-checkable (style(--eds-state-disabled: true)) {
3780
3760
  .\@state-checked\/checkable\:\@state-disabled\/checkable\:bg-form-handle-checked-disabled:where(.eds-checkable:is([data-eds-state-polyfill-checked=true]) *) {
3781
- background-color: light-dark(var(--color-brand-400), var(--color-space-400));
3761
+ background-color: light-dark(var(--color-brand-400), var(--color-foam-600));
3782
3762
  }
3783
3763
  }
3784
3764
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3785
3765
  .\@state-checked\/checkable\:\@state-disabled\/checkable\:bg-form-handle-checked-disabled:where(.eds-checkable:is([data-eds-state-polyfill-checked=true]) *):where(.eds-checkable:is([data-eds-state-polyfill-disabled=true]) *) {
3786
- background-color: light-dark(var(--color-brand-400), var(--color-space-400));
3766
+ background-color: light-dark(var(--color-brand-400), var(--color-foam-600));
3787
3767
  }
3788
3768
  }
3789
3769
  }
@@ -3936,24 +3916,24 @@
3936
3916
  @container eds-address not style(--eds-address-variant: eds-enclosed) {
3937
3917
  @container eds-address (style(--eds-state-pointer: active)) {
3938
3918
  .\@prop-not-variant-enclosed\/address\:\@state-active\/address\:text-elevated {
3939
- color: light-dark(var(--color-space-1400), var(--color-foam-600));
3919
+ color: light-dark(var(--color-space-500), var(--color-foam-600));
3940
3920
  }
3941
3921
  }
3942
3922
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3943
3923
  .\@prop-not-variant-enclosed\/address\:\@state-active\/address\:text-elevated:where(.eds-address:is([data-eds-state-polyfill-pointer=active]) *) {
3944
- color: light-dark(var(--color-space-1400), var(--color-foam-600));
3924
+ color: light-dark(var(--color-space-500), var(--color-foam-600));
3945
3925
  }
3946
3926
  }
3947
3927
  }
3948
3928
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3949
3929
  @container eds-address (style(--eds-state-pointer: active)) {
3950
3930
  .\@prop-not-variant-enclosed\/address\:\@state-active\/address\:text-elevated:where(.eds-address:not([data-eds-prop-polyfill-variant=eds-enclosed]) *) {
3951
- color: light-dark(var(--color-space-1400), var(--color-foam-600));
3931
+ color: light-dark(var(--color-space-500), var(--color-foam-600));
3952
3932
  }
3953
3933
  }
3954
3934
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
3955
3935
  .\@prop-not-variant-enclosed\/address\:\@state-active\/address\:text-elevated:where(.eds-address:not([data-eds-prop-polyfill-variant=eds-enclosed]) *):where(.eds-address:is([data-eds-state-polyfill-pointer=active]) *) {
3956
- color: light-dark(var(--color-space-1400), var(--color-foam-600));
3936
+ color: light-dark(var(--color-space-500), var(--color-foam-600));
3957
3937
  }
3958
3938
  }
3959
3939
  }
@@ -4061,56 +4041,56 @@
4061
4041
  }
4062
4042
  @container eds-label style(--eds-label-variant: eds-primary) {
4063
4043
  .\@prop-variant-primary\/label\:text-default {
4064
- color: light-dark(var(--color-space-1800), var(--color-white));
4044
+ color: light-dark(var(--color-space-900), var(--color-white));
4065
4045
  }
4066
4046
  }
4067
4047
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4068
4048
  .\@prop-variant-primary\/label\:text-default:where(.eds-label:is([data-eds-prop-polyfill-variant=eds-primary]) *) {
4069
- color: light-dark(var(--color-space-1800), var(--color-white));
4049
+ color: light-dark(var(--color-space-900), var(--color-white));
4070
4050
  }
4071
4051
  }
4072
4052
  @container eds-address style(--eds-address-variant: eds-secondary) {
4073
4053
  .\@prop-variant-secondary\/address\:text-muted {
4074
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
4054
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
4075
4055
  }
4076
4056
  }
4077
4057
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4078
4058
  .\@prop-variant-secondary\/address\:text-muted:where(.eds-address:is([data-eds-prop-polyfill-variant=eds-secondary]) *) {
4079
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
4059
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
4080
4060
  }
4081
4061
  }
4082
4062
  @container eds-address style(--eds-address-variant: eds-secondary) {
4083
4063
  @container eds-address (style(--eds-state-pointer: idle) or (not style(--eds-state-pointer))) {
4084
4064
  .\@prop-variant-secondary\/address\:\@state-idle\/address\:text-muted {
4085
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
4065
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
4086
4066
  }
4087
4067
  }
4088
4068
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4089
4069
  .\@prop-variant-secondary\/address\:\@state-idle\/address\:text-muted:where(.eds-address:is([data-eds-state-polyfill-pointer=idle]) *) {
4090
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
4070
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
4091
4071
  }
4092
4072
  }
4093
4073
  }
4094
4074
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4095
4075
  @container eds-address (style(--eds-state-pointer: idle) or (not style(--eds-state-pointer))) {
4096
4076
  .\@prop-variant-secondary\/address\:\@state-idle\/address\:text-muted:where(.eds-address:is([data-eds-prop-polyfill-variant=eds-secondary]) *) {
4097
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
4077
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
4098
4078
  }
4099
4079
  }
4100
4080
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4101
4081
  .\@prop-variant-secondary\/address\:\@state-idle\/address\:text-muted:where(.eds-address:is([data-eds-prop-polyfill-variant=eds-secondary]) *):where(.eds-address:is([data-eds-state-polyfill-pointer=idle]) *) {
4102
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
4082
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
4103
4083
  }
4104
4084
  }
4105
4085
  }
4106
4086
  @container eds-label style(--eds-label-variant: eds-secondary) {
4107
4087
  .\@prop-variant-secondary\/label\:text-muted {
4108
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
4088
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
4109
4089
  }
4110
4090
  }
4111
4091
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4112
4092
  .\@prop-variant-secondary\/label\:text-muted:where(.eds-label:is([data-eds-prop-polyfill-variant=eds-secondary]) *) {
4113
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
4093
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
4114
4094
  }
4115
4095
  }
4116
4096
  @container eds-button style(--eds-button-variant: eds-naked) {
@@ -4311,22 +4291,22 @@
4311
4291
  }
4312
4292
  @container eds-divider style(--eds-divider-variant: eds-default) {
4313
4293
  .\@prop-variant-default\/divider\:border-default {
4314
- border-color: light-dark(var(--color-foam-500), var(--color-space-1300));
4294
+ border-color: light-dark(var(--color-foam-500), var(--color-space-400));
4315
4295
  }
4316
4296
  }
4317
4297
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4318
4298
  .\@prop-variant-default\/divider\:border-default:where(.eds-divider:is([data-eds-prop-polyfill-variant=eds-default]) *) {
4319
- border-color: light-dark(var(--color-foam-500), var(--color-space-1300));
4299
+ border-color: light-dark(var(--color-foam-500), var(--color-space-400));
4320
4300
  }
4321
4301
  }
4322
4302
  @container eds-status style(--eds-status-variant: eds-default) {
4323
4303
  .\@prop-variant-default\/status\:bg-strong {
4324
- background-color: light-dark(var(--color-foam-500), var(--color-space-1300));
4304
+ background-color: light-dark(var(--color-foam-500), var(--color-space-400));
4325
4305
  }
4326
4306
  }
4327
4307
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4328
4308
  .\@prop-variant-default\/status\:bg-strong:where(.eds-status:is([data-eds-prop-polyfill-variant=eds-default]) *) {
4329
- background-color: light-dark(var(--color-foam-500), var(--color-space-1300));
4309
+ background-color: light-dark(var(--color-foam-500), var(--color-space-400));
4330
4310
  }
4331
4311
  }
4332
4312
  @container eds-description-list-item style(--eds-description-list-item-variant: eds-caption) {
@@ -4355,42 +4335,42 @@
4355
4335
  }
4356
4336
  @container eds-divider style(--eds-divider-variant: eds-muted) {
4357
4337
  .\@prop-variant-muted\/divider\:border-muted {
4358
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
4338
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
4359
4339
  }
4360
4340
  }
4361
4341
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4362
4342
  .\@prop-variant-muted\/divider\:border-muted:where(.eds-divider:is([data-eds-prop-polyfill-variant=eds-muted]) *) {
4363
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
4343
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
4364
4344
  }
4365
4345
  }
4366
4346
  @container eds-tag style(--eds-tag-variant: eds-muted) {
4367
4347
  .\@prop-variant-muted\/tag\:bg-muted {
4368
- background-color: light-dark(var(--color-foam-200), var(--color-space-1600));
4348
+ background-color: light-dark(var(--color-foam-200), var(--color-space-700));
4369
4349
  }
4370
4350
  }
4371
4351
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4372
4352
  .\@prop-variant-muted\/tag\:bg-muted:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-muted]) *) {
4373
- background-color: light-dark(var(--color-foam-200), var(--color-space-1600));
4353
+ background-color: light-dark(var(--color-foam-200), var(--color-space-700));
4374
4354
  }
4375
4355
  }
4376
4356
  @container eds-tag style(--eds-tag-variant: eds-muted) {
4377
4357
  .\@prop-variant-muted\/tag\:text-default {
4378
- color: light-dark(var(--color-space-1800), var(--color-white));
4358
+ color: light-dark(var(--color-space-900), var(--color-white));
4379
4359
  }
4380
4360
  }
4381
4361
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4382
4362
  .\@prop-variant-muted\/tag\:text-default:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-muted]) *) {
4383
- color: light-dark(var(--color-space-1800), var(--color-white));
4363
+ color: light-dark(var(--color-space-900), var(--color-white));
4384
4364
  }
4385
4365
  }
4386
4366
  @container eds-divider style(--eds-divider-variant: eds-strong) {
4387
4367
  .\@prop-variant-strong\/divider\:border-strong {
4388
- border-color: light-dark(var(--color-foam-1000), var(--color-space-1100));
4368
+ border-color: light-dark(var(--color-foam-800), var(--color-space-200));
4389
4369
  }
4390
4370
  }
4391
4371
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4392
4372
  .\@prop-variant-strong\/divider\:border-strong:where(.eds-divider:is([data-eds-prop-polyfill-variant=eds-strong]) *) {
4393
- border-color: light-dark(var(--color-foam-1000), var(--color-space-1100));
4373
+ border-color: light-dark(var(--color-foam-800), var(--color-space-200));
4394
4374
  }
4395
4375
  }
4396
4376
  @container eds-modal style(--eds-modal-variant: eds-dialog) {
@@ -4525,12 +4505,12 @@
4525
4505
  }
4526
4506
  @container eds-tag style(--eds-tag-variant: eds-brand) {
4527
4507
  .\@prop-variant-brand\/tag\:bg-brand-muted {
4528
- background-color: light-dark(var(--color-brand-400), var(--color-brand-700));
4508
+ background-color: light-dark(var(--color-brand-400), var(--color-brand-600));
4529
4509
  }
4530
4510
  }
4531
4511
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4532
4512
  .\@prop-variant-brand\/tag\:bg-brand-muted:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-brand]) *) {
4533
- background-color: light-dark(var(--color-brand-400), var(--color-brand-700));
4513
+ background-color: light-dark(var(--color-brand-400), var(--color-brand-600));
4534
4514
  }
4535
4515
  }
4536
4516
  @container eds-status style(--eds-status-variant: eds-info) {
@@ -4575,62 +4555,62 @@
4575
4555
  }
4576
4556
  @container eds-tag style(--eds-tag-variant: eds-galactic) {
4577
4557
  .\@prop-variant-galactic\/tag\:bg-status-info-muted {
4578
- background-color: light-dark(var(--color-galactic-400), var(--color-galactic-700));
4558
+ background-color: light-dark(var(--color-galactic-400), var(--color-galactic-600));
4579
4559
  }
4580
4560
  }
4581
4561
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4582
4562
  .\@prop-variant-galactic\/tag\:bg-status-info-muted:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-galactic]) *) {
4583
- background-color: light-dark(var(--color-galactic-400), var(--color-galactic-700));
4563
+ background-color: light-dark(var(--color-galactic-400), var(--color-galactic-600));
4584
4564
  }
4585
4565
  }
4586
4566
  @container eds-tag style(--eds-tag-variant: eds-starfield) {
4587
4567
  .\@prop-variant-starfield\/tag\:bg-status-success-muted {
4588
- background-color: light-dark(var(--color-starfield-400), var(--color-starfield-700));
4568
+ background-color: light-dark(var(--color-starfield-400), var(--color-starfield-600));
4589
4569
  }
4590
4570
  }
4591
4571
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4592
4572
  .\@prop-variant-starfield\/tag\:bg-status-success-muted:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-starfield]) *) {
4593
- background-color: light-dark(var(--color-starfield-400), var(--color-starfield-700));
4573
+ background-color: light-dark(var(--color-starfield-400), var(--color-starfield-600));
4594
4574
  }
4595
4575
  }
4596
4576
  @container eds-tag style(--eds-tag-variant: eds-solar) {
4597
4577
  .\@prop-variant-solar\/tag\:bg-status-warning-muted {
4598
- background-color: light-dark(var(--color-solar-400), var(--color-solar-700));
4578
+ background-color: light-dark(var(--color-solar-400), var(--color-solar-600));
4599
4579
  }
4600
4580
  }
4601
4581
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4602
4582
  .\@prop-variant-solar\/tag\:bg-status-warning-muted:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-solar]) *) {
4603
- background-color: light-dark(var(--color-solar-400), var(--color-solar-700));
4583
+ background-color: light-dark(var(--color-solar-400), var(--color-solar-600));
4604
4584
  }
4605
4585
  }
4606
4586
  @container eds-tag style(--eds-tag-variant: eds-sonja) {
4607
4587
  .\@prop-variant-sonja\/tag\:bg-status-error-muted {
4608
- background-color: light-dark(var(--color-sonja-400), var(--color-sonja-700));
4588
+ background-color: light-dark(var(--color-sonja-400), var(--color-sonja-600));
4609
4589
  }
4610
4590
  }
4611
4591
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4612
4592
  .\@prop-variant-sonja\/tag\:bg-status-error-muted:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-sonja]) *) {
4613
- background-color: light-dark(var(--color-sonja-400), var(--color-sonja-700));
4593
+ background-color: light-dark(var(--color-sonja-400), var(--color-sonja-600));
4614
4594
  }
4615
4595
  }
4616
4596
  @container eds-tag style(--eds-tag-variant: eds-elevated) {
4617
4597
  .\@prop-variant-elevated\/tag\:bg-elevated {
4618
- background-color: light-dark(var(--color-foam-400), var(--color-space-1400));
4598
+ background-color: light-dark(var(--color-foam-400), var(--color-space-500));
4619
4599
  }
4620
4600
  }
4621
4601
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4622
4602
  .\@prop-variant-elevated\/tag\:bg-elevated:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-elevated]) *) {
4623
- background-color: light-dark(var(--color-foam-400), var(--color-space-1400));
4603
+ background-color: light-dark(var(--color-foam-400), var(--color-space-500));
4624
4604
  }
4625
4605
  }
4626
4606
  @container eds-tag style(--eds-tag-variant: eds-elevated) {
4627
4607
  .\@prop-variant-elevated\/tag\:text-default {
4628
- color: light-dark(var(--color-space-1800), var(--color-white));
4608
+ color: light-dark(var(--color-space-900), var(--color-white));
4629
4609
  }
4630
4610
  }
4631
4611
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
4632
4612
  .\@prop-variant-elevated\/tag\:text-default:where(.eds-tag:is([data-eds-prop-polyfill-variant=eds-elevated]) *) {
4633
- color: light-dark(var(--color-space-1800), var(--color-white));
4613
+ color: light-dark(var(--color-space-900), var(--color-white));
4634
4614
  }
4635
4615
  }
4636
4616
  @container eds-button style(--eds-button-size: eds-xsmall) {
@@ -11702,24 +11682,24 @@
11702
11682
  border-color: var(--border-color-default);
11703
11683
  }
11704
11684
  .u\:border-muted {
11705
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
11685
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
11706
11686
  }
11707
11687
  .u\:border-transparent {
11708
11688
  border-color: transparent;
11709
11689
  }
11710
11690
  .u\:bg-backdrop {
11711
- background-color: color-mix(in srgb, #080618 50%, transparent);
11691
+ background-color: color-mix(in srgb, #090909 50%, transparent);
11712
11692
  }
11713
11693
  @supports (color: color-mix(in lab, red, red)) {
11714
11694
  .u\:bg-backdrop {
11715
- background-color: color-mix(in oklab, var(--color-space-1800) 50%, transparent);
11695
+ background-color: color-mix(in oklab, var(--color-space-900) 50%, transparent);
11716
11696
  }
11717
11697
  }
11718
11698
  .u\:bg-default {
11719
- background-color: light-dark(var(--color-foam-300), var(--color-space-1500));
11699
+ background-color: light-dark(var(--color-foam-300), var(--color-space-600));
11720
11700
  }
11721
11701
  .u\:bg-elevated {
11722
- background-color: light-dark(var(--color-foam-400), var(--color-space-1400));
11702
+ background-color: light-dark(var(--color-foam-400), var(--color-space-500));
11723
11703
  }
11724
11704
  .u\:p-2 {
11725
11705
  padding: calc(var(--spacing) * 2);
@@ -11780,16 +11760,16 @@
11780
11760
  color: var(--eds-icon-color);
11781
11761
  }
11782
11762
  .u\:text-code {
11783
- color: light-dark(var(--color-solar-900), var(--color-solar-400));
11763
+ color: light-dark(var(--color-solar-700), var(--color-solar-400));
11784
11764
  }
11785
11765
  .u\:text-default {
11786
- color: light-dark(var(--color-space-1800), var(--color-white));
11766
+ color: light-dark(var(--color-space-900), var(--color-white));
11787
11767
  }
11788
11768
  .u\:text-form-text {
11789
11769
  color: var(--text-color-default);
11790
11770
  }
11791
11771
  .u\:text-muted {
11792
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
11772
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
11793
11773
  }
11794
11774
  .u\:opacity-0 {
11795
11775
  opacity: 0%;
@@ -12230,7 +12210,7 @@
12230
12210
  --eds-observed-pointer: active;
12231
12211
  }
12232
12212
  .u\:enabled\:hover\:text-default:is([data-eds-exposed-disabled=false], :not([data-eds-exposed-disabled]):where(:not(:disabled, [aria-disabled=true]):not(input:not([type=hidden], [type=range], [type=color], [type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image]):read-only, textarea:read-only, [aria-readonly=true]))):is([data-eds-exposed-pointer=hover], [data-eds-exposed-pointer=active], :not([data-eds-exposed-pointer]):where(:hover)) {
12233
- color: light-dark(var(--color-space-1800), var(--color-white));
12213
+ color: light-dark(var(--color-space-900), var(--color-white));
12234
12214
  }
12235
12215
  .u\:disabled\:pointer-events-none:is([data-eds-exposed-disabled=true], :not([data-eds-exposed-disabled]):where(:is(:disabled, [aria-disabled=true]))) {
12236
12216
  pointer-events: none;
@@ -12267,7 +12247,7 @@
12267
12247
  z-index: calc(10 * -1);
12268
12248
  }
12269
12249
  :where(.eds-link) .u\:in-link\:text-link-idle {
12270
- color: light-dark(var(--color-galactic-700), var(--color-galactic-500));
12250
+ color: light-dark(var(--color-galactic-600), var(--color-galactic-500));
12271
12251
  }
12272
12252
  .u\:has-avatar\:items-center:has(.eds-avatar) {
12273
12253
  align-items: center;
@@ -12717,7 +12697,7 @@
12717
12697
  cursor: default;
12718
12698
  }
12719
12699
  .u\:data-active\:text-default[data-active] {
12720
- color: light-dark(var(--color-space-1800), var(--color-white));
12700
+ color: light-dark(var(--color-space-900), var(--color-white));
12721
12701
  }
12722
12702
  .u\:data-active\:state-checked[data-active] {
12723
12703
  --eds-state-checked: true;
@@ -12887,10 +12867,10 @@
12887
12867
  line-height: var(--leading-inherit);
12888
12868
  }
12889
12869
  .u\:data-\[variant\=primary\]\:text-default[data-variant="primary"] {
12890
- color: light-dark(var(--color-space-1800), var(--color-white));
12870
+ color: light-dark(var(--color-space-900), var(--color-white));
12891
12871
  }
12892
12872
  .u\:data-\[variant\=primary\]\:text-link-idle[data-variant="primary"] {
12893
- color: light-dark(var(--color-galactic-700), var(--color-galactic-500));
12873
+ color: light-dark(var(--color-galactic-600), var(--color-galactic-500));
12894
12874
  }
12895
12875
  .u\:data-\[variant\=primary\]\:text-16\/inherit[data-variant="primary"] {
12896
12876
  --eds-font-size: var(--text-16);
@@ -12912,7 +12892,7 @@
12912
12892
  line-height: var(--leading-inherit);
12913
12893
  }
12914
12894
  .u\:data-\[variant\=secondary\]\:text-muted[data-variant="secondary"] {
12915
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
12895
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
12916
12896
  }
12917
12897
  .u\:data-\[variant\=secondary\]\:text-14\/inherit[data-variant="secondary"] {
12918
12898
  --eds-font-size: var(--text-14);
@@ -13020,7 +13000,7 @@
13020
13000
  }
13021
13001
  }
13022
13002
  .u\:has-nested\/table-row-button-or-link\:hover\:bg-subtle:has(.nested\/table-row-button-or-link):is([data-eds-exposed-pointer=hover], [data-eds-exposed-pointer=active], :not([data-eds-exposed-pointer]):where(:hover)) {
13023
- background-color: light-dark(var(--color-foam-100), var(--color-space-1700));
13003
+ background-color: light-dark(var(--color-foam-100), var(--color-space-800));
13024
13004
  }
13025
13005
  :is(.u\:has-nested\/table-row-button-or-link\:\*\*\:clickable\:pointer-events-previous:has(.nested\/table-row-button-or-link) *):where(:any-link, button, input:is([type='button'], [type='submit'], [type='reset']), summary, [role='button'], [role='link'], [role='checkbox'], [role='radio'], [role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'], [role='option'], [role='tab'], .eds-checkable-label ):is([data-eds-exposed-disabled=false], :not([data-eds-exposed-disabled]):where(:not(:disabled, [aria-disabled=true]):not(input:not([type=hidden], [type=range], [type=color], [type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image]):read-only, textarea:read-only, [aria-readonly=true]))) {
13026
13006
  --eds-pointer-events: var(--eds-pointer-events-previous);
@@ -13624,24 +13604,24 @@
13624
13604
  @container eds-checkable not (style(--eds-state-checked: false) or (not style(--eds-state-checked))) {
13625
13605
  @container eds-checkable (style(--eds-state-pointer: active)) {
13626
13606
  .u\:\@state-not-unchecked\/checkable\:\@state-active\/checkable\:bg-form-checked-active {
13627
- background-color: light-dark(var(--color-brand-300), var(--color-brand-1100));
13607
+ background-color: light-dark(var(--color-brand-300), var(--color-brand-900));
13628
13608
  }
13629
13609
  }
13630
13610
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
13631
13611
  .u\:\@state-not-unchecked\/checkable\:\@state-active\/checkable\:bg-form-checked-active:where(.eds-checkable:is([data-eds-state-polyfill-pointer=active]) *) {
13632
- background-color: light-dark(var(--color-brand-300), var(--color-brand-1100));
13612
+ background-color: light-dark(var(--color-brand-300), var(--color-brand-900));
13633
13613
  }
13634
13614
  }
13635
13615
  }
13636
13616
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
13637
13617
  @container eds-checkable (style(--eds-state-pointer: active)) {
13638
13618
  .u\:\@state-not-unchecked\/checkable\:\@state-active\/checkable\:bg-form-checked-active:where(.eds-checkable:not([data-eds-state-polyfill-checked=false]) *) {
13639
- background-color: light-dark(var(--color-brand-300), var(--color-brand-1100));
13619
+ background-color: light-dark(var(--color-brand-300), var(--color-brand-900));
13640
13620
  }
13641
13621
  }
13642
13622
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
13643
13623
  .u\:\@state-not-unchecked\/checkable\:\@state-active\/checkable\:bg-form-checked-active:where(.eds-checkable:not([data-eds-state-polyfill-checked=false]) *):where(.eds-checkable:is([data-eds-state-polyfill-pointer=active]) *) {
13644
- background-color: light-dark(var(--color-brand-300), var(--color-brand-1100));
13624
+ background-color: light-dark(var(--color-brand-300), var(--color-brand-900));
13645
13625
  }
13646
13626
  }
13647
13627
  }
@@ -13855,22 +13835,22 @@
13855
13835
  }
13856
13836
  @container eds-label style(--eds-label-variant: eds-primary) {
13857
13837
  .u\:\@prop-variant-primary\/label\:text-muted {
13858
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
13838
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
13859
13839
  }
13860
13840
  }
13861
13841
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
13862
13842
  .u\:\@prop-variant-primary\/label\:text-muted:where(.eds-label:is([data-eds-prop-polyfill-variant=eds-primary]) *) {
13863
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
13843
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
13864
13844
  }
13865
13845
  }
13866
13846
  @container eds-label style(--eds-label-variant: eds-secondary) {
13867
13847
  .u\:\@prop-variant-secondary\/label\:text-subtle {
13868
- color: light-dark(var(--color-space-600), var(--color-foam-1000));
13848
+ color: light-dark(var(--color-foam-900), var(--color-foam-800));
13869
13849
  }
13870
13850
  }
13871
13851
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
13872
13852
  .u\:\@prop-variant-secondary\/label\:text-subtle:where(.eds-label:is([data-eds-prop-polyfill-variant=eds-secondary]) *) {
13873
- color: light-dark(var(--color-space-600), var(--color-foam-1000));
13853
+ color: light-dark(var(--color-foam-900), var(--color-foam-800));
13874
13854
  }
13875
13855
  }
13876
13856
  @container eds-button style(--eds-button-size: eds-xsmall) {
@@ -16440,22 +16420,22 @@
16440
16420
  }
16441
16421
  @container eds-address (style(--eds-state-disabled: true)) {
16442
16422
  .i\:\@state-disabled\/address\:text-default:is(#i, *) {
16443
- color: light-dark(var(--color-space-1800), var(--color-white));
16423
+ color: light-dark(var(--color-space-900), var(--color-white));
16444
16424
  }
16445
16425
  }
16446
16426
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
16447
16427
  .i\:\@state-disabled\/address\:text-default:is(#i, *):where(.eds-address:is([data-eds-state-polyfill-disabled=true]) *) {
16448
- color: light-dark(var(--color-space-1800), var(--color-white));
16428
+ color: light-dark(var(--color-space-900), var(--color-white));
16449
16429
  }
16450
16430
  }
16451
16431
  @container eds-chip (style(--eds-state-disabled: true)) {
16452
16432
  .i\:\@state-disabled\/chip\:border-muted:is(#i, *) {
16453
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
16433
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
16454
16434
  }
16455
16435
  }
16456
16436
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
16457
16437
  .i\:\@state-disabled\/chip\:border-muted:is(#i, *):where(.eds-chip:is([data-eds-state-polyfill-disabled=true]) *) {
16458
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
16438
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
16459
16439
  }
16460
16440
  }
16461
16441
  @container eds-chip (style(--eds-state-disabled: true)) {
@@ -16470,12 +16450,12 @@
16470
16450
  }
16471
16451
  @container eds-chip (style(--eds-state-disabled: true)) {
16472
16452
  .i\:\@state-disabled\/chip\:text-muted:is(#i, *) {
16473
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
16453
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
16474
16454
  }
16475
16455
  }
16476
16456
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
16477
16457
  .i\:\@state-disabled\/chip\:text-muted:is(#i, *):where(.eds-chip:is([data-eds-state-polyfill-disabled=true]) *) {
16478
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
16458
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
16479
16459
  }
16480
16460
  }
16481
16461
  @container eds-chip (style(--eds-state-disabled: true)) {
@@ -16505,24 +16485,24 @@
16505
16485
  @container eds-chip (style(--eds-state-disabled: true)) {
16506
16486
  @container eds-chip (style(--eds-state-checked: true)) {
16507
16487
  .i\:\@state-disabled\/chip\:\@state-checked\/chip\:bg-brand-subtlest:is(#i, *) {
16508
- background-color: light-dark(var(--color-brand-100), var(--color-brand-1100));
16488
+ background-color: light-dark(var(--color-brand-100), var(--color-brand-900));
16509
16489
  }
16510
16490
  }
16511
16491
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
16512
16492
  .i\:\@state-disabled\/chip\:\@state-checked\/chip\:bg-brand-subtlest:is(#i, *):where(.eds-chip:is([data-eds-state-polyfill-checked=true]) *) {
16513
- background-color: light-dark(var(--color-brand-100), var(--color-brand-1100));
16493
+ background-color: light-dark(var(--color-brand-100), var(--color-brand-900));
16514
16494
  }
16515
16495
  }
16516
16496
  }
16517
16497
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
16518
16498
  @container eds-chip (style(--eds-state-checked: true)) {
16519
16499
  .i\:\@state-disabled\/chip\:\@state-checked\/chip\:bg-brand-subtlest:is(#i, *):where(.eds-chip:is([data-eds-state-polyfill-disabled=true]) *) {
16520
- background-color: light-dark(var(--color-brand-100), var(--color-brand-1100));
16500
+ background-color: light-dark(var(--color-brand-100), var(--color-brand-900));
16521
16501
  }
16522
16502
  }
16523
16503
  @supports (not (view-transition-name: none)) or ((-moz-orient: inline) and (not (position-anchor: normal))) {
16524
16504
  .i\:\@state-disabled\/chip\:\@state-checked\/chip\:bg-brand-subtlest:is(#i, *):where(.eds-chip:is([data-eds-state-polyfill-disabled=true]) *):where(.eds-chip:is([data-eds-state-polyfill-checked=true]) *) {
16525
- background-color: light-dark(var(--color-brand-100), var(--color-brand-1100));
16505
+ background-color: light-dark(var(--color-brand-100), var(--color-brand-900));
16526
16506
  }
16527
16507
  }
16528
16508
  }
@@ -17756,12 +17736,12 @@
17756
17736
  );
17757
17737
  }
17758
17738
  }
17759
- color: light-dark(var(--color-space-1000), var(--color-foam-800));
17739
+ color: light-dark(var(--color-space-100), var(--color-foam-700));
17760
17740
  text-wrap-style: pretty;
17761
17741
  & :is(h1, h2, h3, h4, h5, h6, b, strong) {
17762
17742
  --tw-font-weight: var(--font-weight-bolder);
17763
17743
  font-weight: var(--font-weight-bolder);
17764
- color: light-dark(var(--color-space-1800), var(--color-white));
17744
+ color: light-dark(var(--color-space-900), var(--color-white));
17765
17745
  --eds-font-weight: var(--font-weight-bolder);
17766
17746
  @container style(--eds-font-weight: 300) {
17767
17747
  --font-weight-lighter: 300;
@@ -17817,24 +17797,24 @@
17817
17797
  & hr {
17818
17798
  border-top-style: var(--tw-border-style);
17819
17799
  border-top-width: 1px;
17820
- border-color: light-dark(var(--color-foam-400), var(--color-space-1400));
17800
+ border-color: light-dark(var(--color-foam-400), var(--color-space-500));
17821
17801
  margin: calc(calc(var(--spacing) * 12) * var(--eds-prose-spacing-multiplier)) 0;
17822
17802
  }
17823
17803
  }
17824
17804
  }
17825
17805
  @layer utilities {
17826
17806
  .eds-dark {
17827
- color: light-dark(var(--color-space-1800), var(--color-white));
17807
+ color: light-dark(var(--color-space-900), var(--color-white));
17828
17808
  color-scheme: only dark;
17829
17809
  --eds-color-scheme: dark;
17830
17810
  }
17831
17811
  .eds-light {
17832
- color: light-dark(var(--color-space-1800), var(--color-white));
17812
+ color: light-dark(var(--color-space-900), var(--color-white));
17833
17813
  color-scheme: only light;
17834
17814
  --eds-color-scheme: light;
17835
17815
  }
17836
17816
  .eds-system {
17837
- color: light-dark(var(--color-space-1800), var(--color-white));
17817
+ color: light-dark(var(--color-space-900), var(--color-white));
17838
17818
  color-scheme: light dark;
17839
17819
  @media (prefers-color-scheme: dark) {
17840
17820
  --eds-color-scheme: dark;
@@ -17905,81 +17885,75 @@
17905
17885
  }
17906
17886
  }
17907
17887
  @font-face {
17908
- src: url('../../css/styles/fonts/EuclidCircularA-Light.woff2') format('woff2');
17909
- font-family: 'EuclidCircular';
17910
- font-weight: 300;
17888
+ src: url('../../css/styles/fonts/Inter-Latin.woff2') format('woff2');
17889
+ font-family: 'Inter';
17890
+ font-weight: 100 900;
17911
17891
  font-style: normal;
17912
17892
  font-display: swap;
17893
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
17913
17894
  }
17914
17895
  @font-face {
17915
- src: url('../../css/styles/fonts/EuclidCircularA-LightItalic.woff2') format('woff2');
17916
- font-family: 'EuclidCircular';
17917
- font-weight: 300;
17918
- font-style: italic;
17919
- font-display: swap;
17920
- }
17921
- @font-face {
17922
- src: url('../../css/styles/fonts/EuclidCircularA-Regular.woff2') format('woff2');
17923
- font-family: 'EuclidCircular';
17924
- font-weight: 400;
17896
+ src: url('../../css/styles/fonts/Inter-LatinExt.woff2') format('woff2');
17897
+ font-family: 'Inter';
17898
+ font-weight: 100 900;
17925
17899
  font-style: normal;
17926
17900
  font-display: swap;
17901
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
17927
17902
  }
17928
17903
  @font-face {
17929
- src: url('../../css/styles/fonts/EuclidCircularA-RegularItalic.woff2') format('woff2');
17930
- font-family: 'EuclidCircular';
17931
- font-weight: 400;
17904
+ src: url('../../css/styles/fonts/Inter-Italic-Latin.woff2') format('woff2');
17905
+ font-family: 'Inter';
17906
+ font-weight: 100 900;
17932
17907
  font-style: italic;
17933
17908
  font-display: swap;
17909
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
17934
17910
  }
17935
17911
  @font-face {
17936
- src: url('../../css/styles/fonts/EuclidCircularA-Medium.woff2') format('woff2');
17937
- font-family: 'EuclidCircular';
17938
- font-weight: 500;
17939
- font-style: normal;
17940
- font-display: swap;
17941
- }
17942
- @font-face {
17943
- src: url('../../css/styles/fonts/EuclidCircularA-MediumItalic.woff2') format('woff2');
17944
- font-family: 'EuclidCircular';
17945
- font-weight: 500;
17912
+ src: url('../../css/styles/fonts/Inter-Italic-LatinExt.woff2') format('woff2');
17913
+ font-family: 'Inter';
17914
+ font-weight: 100 900;
17946
17915
  font-style: italic;
17947
17916
  font-display: swap;
17917
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
17948
17918
  }
17949
17919
  @font-face {
17950
- src: url('../../css/styles/fonts/EuclidCircularA-Semibold.woff2') format('woff2');
17951
- font-family: 'EuclidCircular';
17952
- font-weight: 600;
17920
+ src: url('../../css/styles/fonts/Newsreader-Latin.woff2') format('woff2');
17921
+ font-family: 'Newsreader';
17922
+ font-weight: 200 800;
17953
17923
  font-style: normal;
17954
17924
  font-display: swap;
17925
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
17955
17926
  }
17956
17927
  @font-face {
17957
- src: url('../../css/styles/fonts/EuclidCircularA-SemiboldItalic.woff2') format('woff2');
17958
- font-family: 'EuclidCircular';
17959
- font-weight: 600;
17960
- font-style: italic;
17928
+ src: url('../../css/styles/fonts/Newsreader-LatinExt.woff2') format('woff2');
17929
+ font-family: 'Newsreader';
17930
+ font-weight: 200 800;
17931
+ font-style: normal;
17961
17932
  font-display: swap;
17933
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
17962
17934
  }
17963
17935
  @font-face {
17964
- src: url('../../css/styles/fonts/EuclidCircularA-Bold.woff2') format('woff2');
17965
- font-family: 'EuclidCircular';
17966
- font-weight: 700;
17967
- font-style: normal;
17936
+ src: url('../../css/styles/fonts/Newsreader-Italic-Latin.woff2') format('woff2');
17937
+ font-family: 'Newsreader';
17938
+ font-weight: 200 800;
17939
+ font-style: italic;
17968
17940
  font-display: swap;
17941
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
17969
17942
  }
17970
17943
  @font-face {
17971
- src: url('../../css/styles/fonts/EuclidCircularA-BoldItalic.woff2') format('woff2');
17972
- font-family: 'EuclidCircular';
17973
- font-weight: 700;
17944
+ src: url('../../css/styles/fonts/Newsreader-Italic-LatinExt.woff2') format('woff2');
17945
+ font-family: 'Newsreader';
17946
+ font-weight: 200 800;
17974
17947
  font-style: italic;
17975
17948
  font-display: swap;
17949
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
17976
17950
  }
17977
17951
  @layer base.resets {
17978
17952
  :root {
17979
17953
  scroll-behavior: smooth;
17980
- background-color: light-dark(var(--color-white), var(--color-space-1800));
17954
+ background-color: light-dark(var(--color-white), var(--color-space-900));
17981
17955
  tab-size: 4;
17982
- color: light-dark(var(--color-space-1800), var(--color-white));
17956
+ color: light-dark(var(--color-space-900), var(--color-white));
17983
17957
  color-scheme: only dark;
17984
17958
  --eds-color-scheme: dark;
17985
17959
  interpolate-size: allow-keywords;