@slotted/themes 0.1.0-beta.1 → 0.1.0-beta.11

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 (3) hide show
  1. package/dist/default.css +438 -55
  2. package/dist/default.js +2460 -962
  3. package/package.json +3 -3
package/dist/default.css CHANGED
@@ -18,6 +18,12 @@
18
18
  initial-value: gray;
19
19
  }
20
20
 
21
+ @property --slotted-seed-info {
22
+ syntax: '<color>';
23
+ inherits: true;
24
+ initial-value: gray;
25
+ }
26
+
21
27
  @property --slotted-seed-warning {
22
28
  syntax: '<color>';
23
29
  inherits: true;
@@ -35,6 +41,7 @@
35
41
  --slotted-seed-accent: #1d4ed8;
36
42
  --slotted-seed-neutral: #64748b;
37
43
  --slotted-seed-success: #15803d;
44
+ --slotted-seed-info: oklch(0.6 0.15 255);
38
45
  --slotted-seed-warning: #facc15;
39
46
  --slotted-seed-danger: #dc2626;
40
47
  --slotted-radius-none: 0px;
@@ -79,6 +86,8 @@
79
86
  --slotted-line-height-2xl: 1.4;
80
87
  --slotted-line-height-3xl: 1.3;
81
88
  --slotted-line-height-4xl: 1.2;
89
+ --slotted-letter-spacing-tight: -0.02em;
90
+ --slotted-letter-spacing-tighter: -0.03em;
82
91
  --slotted-font-weight-regular: 400;
83
92
  --slotted-font-weight-medium: 500;
84
93
  --slotted-font-weight-semibold: 600;
@@ -95,6 +104,7 @@
95
104
  --slotted-focus-ring-width: var(--slotted-border-width-thick);
96
105
  --slotted-control-invalid-edge-width: var(--slotted-border-width-thin);
97
106
  --slotted-focus-ring-offset: var(--slotted-border-width-thick);
107
+ --slotted-control-focus-ring-offset: var(--slotted-focus-ring-offset);
98
108
  --slotted-duration-instant: 1ms;
99
109
  --slotted-duration-short: 120ms;
100
110
  --slotted-duration-medium: 200ms;
@@ -143,11 +153,11 @@
143
153
  --slotted-icon-maximize: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3'/%3E%3Cpath d='M21 8V5a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M3 16v3a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E");
144
154
  --slotted-icon-minimize: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v3a2 2 0 0 1-2 2H3'/%3E%3Cpath d='M21 8h-3a2 2 0 0 1-2-2V3'/%3E%3Cpath d='M3 16h3a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M16 21v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
145
155
  --slotted-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E");
146
- --slotted-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
156
+ --slotted-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(0 -1)'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/g%3E%3C/svg%3E");
147
157
  --slotted-icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
148
158
  --slotted-icon-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m17 8-5-5-5 5'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");
149
159
  --slotted-icon-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3C/svg%3E");
150
- --slotted-icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
160
+ --slotted-icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(0 -1)'%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/g%3E%3C/svg%3E");
151
161
  --slotted-icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(-1.001 0)'%3E%3Cpath d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/g%3E%3C/svg%3E");
152
162
  --slotted-icon-pause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='3' width='5' height='18' rx='1'/%3E%3Crect x='5' y='3' width='5' height='18' rx='1'/%3E%3C/svg%3E");
153
163
  --slotted-icon-rotate-ccw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
@@ -160,7 +170,7 @@
160
170
  --slotted-icon-file-type: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M11 18h2'/%3E%3Cpath d='M12 12v6'/%3E%3Cpath d='M9 13v-.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v.5'/%3E%3C/svg%3E");
161
171
  --slotted-icon-presentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h20'/%3E%3Cpath d='M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3'/%3E%3Cpath d='m7 21 5-5 5 5'/%3E%3C/svg%3E");
162
172
  --slotted-icon-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E");
163
- --slotted-icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17v5'/%3E%3Cpath d='M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/svg%3E");
173
+ --slotted-icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(0 1)'%3E%3Cpath d='M12 17v5'/%3E%3Cpath d='M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/g%3E%3C/svg%3E");
164
174
  --slotted-icon-pin-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17v5'/%3E%3Cpath d='M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89'/%3E%3Cpath d='m2 2 20 20'/%3E%3Cpath d='M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11'/%3E%3C/svg%3E");
165
175
  --slotted-icon-panel-open: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3Cpath d='m14 9 3 3-3 3'/%3E%3C/svg%3E");
166
176
  --slotted-icon-panel-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 3v18'/%3E%3Cpath d='m16 15-3-3 3-3'/%3E%3C/svg%3E");
@@ -178,6 +188,10 @@
178
188
  --slotted-icon-stop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3C/svg%3E");
179
189
  --slotted-icon-paperclip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(-0.329 0)'%3E%3Cpath d='m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/g%3E%3C/svg%3E");
180
190
  --slotted-icon-pipette: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(-0.011 0.011)'%3E%3Cpath d='m12 9-8.414 8.414A2 2 0 0 0 3 18.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 3.828 21h1.344a2 2 0 0 0 1.414-.586L15 12'/%3E%3Cpath d='m18 9 .4.4a1 1 0 1 1-3 3l-3.8-3.8a1 1 0 1 1 3-3l.4.4 3.4-3.4a1 1 0 1 1 3 3z'/%3E%3Cpath d='m2 22 .414-.414'/%3E%3C/g%3E%3C/svg%3E");
191
+ --slotted-icon-chevron-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
192
+ --slotted-icon-chevron-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
193
+ --slotted-icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
194
+ --slotted-icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E");
181
195
  }
182
196
 
183
197
  [data-slotted-scheme="light"],
@@ -248,25 +262,58 @@
248
262
  --slotted-surface-raised: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
249
263
  --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.97 min(calc(c * 0.22), 0.012) h);
250
264
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0.245 min(calc(c * 0.952), 0.041) h);
265
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
266
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
267
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
268
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
269
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
270
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
271
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
272
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
273
+ --slotted-tone-neutral-text: var(--slotted-text);
274
+ --slotted-surface-inverse-hover: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%);
275
+ --slotted-surface-inverse-active: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 15%);
251
276
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 0.984 min(calc(c * 0.22), 0.007) h);
252
277
  --slotted-border-strong: oklch(from var(--slotted-seed-neutral) 0.623 min(calc(c * 0.857), 0.06) h);
253
278
  --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.826 min(calc(c * 0.406), 0.06) h);
254
279
  --slotted-control-surface: var(--slotted-surface);
280
+ --slotted-tone-info-solid: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0), 1) min(calc(c * 1), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
281
+ --slotted-tone-info-solid-hover: oklch(from oklab(from oklch(from color-mix(in oklch, var(--slotted-tone-info-solid), oklch(from var(--slotted-tone-info-solid) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 6%) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
282
+ --slotted-tone-info-solid-active: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + -0.109), 1) min(calc(c * 0.634), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
283
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
284
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 0.932 min(calc(c * 0.145), 0.06) h);
285
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.97 min(calc(c * 0.065), 0.06) h);
286
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.932 min(calc(c * 0.145), 0.06) h);
287
+ --slotted-tone-info-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0.058), 1) min(calc(c * 0.991), 0.25) h) l c h / c) min(l, calc(0.6029 + alpha * (((0.01353 + (a / max(alpha, 0.00001)) * (0.1238 + (a / max(alpha, 0.00001)) * (-0.02612 + (a / max(alpha, 0.00001)) * (-0.06224 + (a / max(alpha, 0.00001)) * (0.08112))))) + (b / max(alpha, 0.00001)) * (0.00406 + (a / max(alpha, 0.00001)) * (-0.00008 + (a / max(alpha, 0.00001)) * (-0.12732 + (a / max(alpha, 0.00001)) * (0.11864))))) + alpha * (((0.02819 + (a / max(alpha, 0.00001)) * (-0.06359 + (a / max(alpha, 0.00001)) * (0.40756 + (a / max(alpha, 0.00001)) * (1.00212 + (a / max(alpha, 0.00001)) * (-1.41272))))) + (b / max(alpha, 0.00001)) * (-0.27016 + (a / max(alpha, 0.00001)) * (0.29648 + (a / max(alpha, 0.00001)) * (2.05888 + (a / max(alpha, 0.00001)) * (-2.36776))))) + alpha * ((0.19721 + (a / max(alpha, 0.00001)) * (0.75434 + (a / max(alpha, 0.00001)) * (-2.97652 + (a / max(alpha, 0.00001)) * (-2.01276 + (a / max(alpha, 0.00001)) * (4.2672))))) + (b / max(alpha, 0.00001)) * (0.45478 + (a / max(alpha, 0.00001)) * (-1.9677 + (a / max(alpha, 0.00001)) * (-4.60308 + (a / max(alpha, 0.00001)) * (7.3612))))))))) a b / 1) l c h);
288
+ --slotted-tone-info-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0), 1) min(calc(c * 1), 0.25) h) l c h / c) min(l, calc(0.4996 + alpha * (((0.01749 + (a / max(alpha, 0.00001)) * (0.13486 + (a / max(alpha, 0.00001)) * (0.02804 + (a / max(alpha, 0.00001)) * (-0.15308 + (a / max(alpha, 0.00001)) * (-0.03744))))) + (b / max(alpha, 0.00001)) * (0.01505 + (a / max(alpha, 0.00001)) * (0.0648 + (a / max(alpha, 0.00001)) * (-0.19708 + (a / max(alpha, 0.00001)) * (-0.07824))))) + alpha * (((-0.02211 + (a / max(alpha, 0.00001)) * (-0.28415 + (a / max(alpha, 0.00001)) * (-0.48764 + (a / max(alpha, 0.00001)) * (2.7512 + (a / max(alpha, 0.00001)) * (0.3512))))) + (b / max(alpha, 0.00001)) * (-0.52183 + (a / max(alpha, 0.00001)) * (-0.72802 + (a / max(alpha, 0.00001)) * (3.6514 + (a / max(alpha, 0.00001)) * (0.47536))))) + alpha * ((0.43624 + (a / max(alpha, 0.00001)) * (1.93247 + (a / max(alpha, 0.00001)) * (-0.37886 + (a / max(alpha, 0.00001)) * (-8.72208 + (a / max(alpha, 0.00001)) * (-1.60608))))) + (b / max(alpha, 0.00001)) * (1.44681 + (a / max(alpha, 0.00001)) * (1.13798 + (a / max(alpha, 0.00001)) * (-11.05816 + (a / max(alpha, 0.00001)) * (-1.61624))))))))) a b / 1) l c h);
289
+ --slotted-data-1: oklab(from oklch(from var(--slotted-seed-accent) 0.42 1 h) l calc(a * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))) calc(b * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))));
290
+ --slotted-data-2: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 315)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
291
+ --slotted-data-3: oklab(from oklch(from var(--slotted-seed-accent) 0.42 1 calc(h + 270)) l calc(a * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))) calc(b * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))));
292
+ --slotted-data-4: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 225)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
293
+ --slotted-data-5: oklab(from oklch(from var(--slotted-seed-accent) 0.42 1 calc(h + 180)) l calc(a * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))) calc(b * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))));
294
+ --slotted-data-6: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 135)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
295
+ --slotted-data-7: oklab(from oklch(from var(--slotted-seed-accent) 0.42 1 calc(h + 90)) l calc(a * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))) calc(b * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))));
296
+ --slotted-data-8: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 45)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
297
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
298
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
299
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
300
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
301
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
302
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
303
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
304
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
255
305
  --slotted-shadow-xs: 0 1px 2px rgb(15 23 42 / 0.06);
256
306
  --slotted-shadow-sm: 0 1px 3px rgb(15 23 42 / 0.08), 0 1px 2px -1px rgb(15 23 42 / 0.08);
257
307
  --slotted-shadow-md: 0 4px 6px -1px rgb(15 23 42 / 0.08), 0 2px 4px -2px rgb(15 23 42 / 0.08);
258
308
  --slotted-shadow-lg: 0 10px 15px -3px rgb(15 23 42 / 0.10), 0 4px 6px -4px rgb(15 23 42 / 0.08);
259
309
  --slotted-current-edge: transparent;
310
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 5%, transparent);
311
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 10%, transparent);
312
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 8%, transparent);
313
+ --slotted-surface-material: color-mix(in oklab, var(--slotted-surface) 72%, transparent);
314
+ --slotted-material-backdrop: saturate(1.8) blur(6px);
260
315
  --slotted-control-shadow: 0 1px 2px rgb(0 0 0 / 0.06);
261
316
  --slotted-scrim: rgb(0 0 0 / 0.41);
262
- --slotted-data-1: #2563eb;
263
- --slotted-data-2: #ea580c;
264
- --slotted-data-3: #0891b2;
265
- --slotted-data-4: #dc2626;
266
- --slotted-data-5: #7c3aed;
267
- --slotted-data-6: #a16207;
268
- --slotted-data-7: #c026d3;
269
- --slotted-data-8: #16a34a;
270
317
  --slotted-upload-kind-pdf: #c62828;
271
318
  --slotted-upload-kind-document: #1d4ed8;
272
319
  --slotted-upload-kind-spreadsheet: #15803d;
@@ -299,7 +346,7 @@
299
346
  color-scheme: dark;
300
347
  --slotted-focus-ring-color: var(--slotted-tone-accent-border);
301
348
  --slotted-focus-ring-color-invalid: var(--slotted-tone-danger-border);
302
- --slotted-border-subtle: oklch(from var(--slotted-seed-neutral) 0.303 min(calc(c * 0.22), 0.051) h);
349
+ --slotted-border-subtle: oklch(from var(--slotted-seed-neutral) 0.275 min(calc(c * 0.22), 0.046) h);
303
350
  --slotted-text: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
304
351
  --slotted-text-muted: oklch(from var(--slotted-seed-neutral) 0.712 min(calc(c * 0.318), 0.06) h);
305
352
  --slotted-disabled-background: oklch(from var(--slotted-seed-neutral) 0.21 min(calc(c * 0.22), 0.035) h);
@@ -310,8 +357,8 @@
310
357
  --slotted-tone-accent-solid-hover: oklch(from oklab(from oklch(from color-mix(in oklch, var(--slotted-tone-accent-solid), oklch(from var(--slotted-tone-accent-solid) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
311
358
  --slotted-tone-accent-solid-active: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + -0.064), 1) min(calc(c * 0.833), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
312
359
  --slotted-tone-accent-on-solid: oklch(from var(--slotted-seed-accent) 1 min(calc(c * 0), 0) h);
313
- --slotted-tone-accent-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + 0.226), 1) min(calc(c * 0.66), 0.25) calc(h + -10)) l c h / c) max(l, calc(0.5129 + alpha * (((-0.00004 + (a / max(alpha, 0.00001)) * (0.12718 + (a / max(alpha, 0.00001)) * (0.00012 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00008))))) + (b / max(alpha, 0.00001)) * (-0.01266 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00016)))) + alpha * (((0.22974 + (a / max(alpha, 0.00001)) * (0.00013 + (a / max(alpha, 0.00001)) * (-0.21006 + (a / max(alpha, 0.00001)) * (-0.00012 + (a / max(alpha, 0.00001)) * (0.00136))))) + (b / max(alpha, 0.00001)) * (-0.00264 + (a / max(alpha, 0.00001)) * (0.01022 + (a / max(alpha, 0.00001)) * (0.00348 + (a / max(alpha, 0.00001)) * (0.00016))))) + alpha * ((-0.00413 + (a / max(alpha, 0.00001)) * (0.0196 + (a / max(alpha, 0.00001)) * (0.01032 + (a / max(alpha, 0.00001)) * (-0.0122 + (a / max(alpha, 0.00001)) * (-0.00632))))) + (b / max(alpha, 0.00001)) * (-0.1877 + (a / max(alpha, 0.00001)) * (0.00056 + (a / max(alpha, 0.00001)) * (0.19164 + (a / max(alpha, 0.00001)) * (-0.00064))))))))) a b / 1) l c h);
314
- --slotted-tone-accent-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + 0.321), 1) min(calc(c * 0.44), 0.25) calc(h + -13)) l c h / c) max(l, calc(0.6175 + alpha * (((0.0406 + (a / max(alpha, 0.00001)) * (0.14467 + (a / max(alpha, 0.00001)) * (-0.13242 + (a / max(alpha, 0.00001)) * (-0.01764 + (a / max(alpha, 0.00001)) * (0.09888))))) + (b / max(alpha, 0.00001)) * (-0.04964 + (a / max(alpha, 0.00001)) * (-0.0351 + (a / max(alpha, 0.00001)) * (0.07096 + (a / max(alpha, 0.00001)) * (0.0608))))) + alpha * (((-0.51057 + (a / max(alpha, 0.00001)) * (-0.29433 + (a / max(alpha, 0.00001)) * (2.13382 + (a / max(alpha, 0.00001)) * (0.29916 + (a / max(alpha, 0.00001)) * (-1.72616))))) + (b / max(alpha, 0.00001)) * (0.63433 + (a / max(alpha, 0.00001)) * (0.59642 + (a / max(alpha, 0.00001)) * (-1.21788 + (a / max(alpha, 0.00001)) * (-1.01256))))) + alpha * ((2.66863 + (a / max(alpha, 0.00001)) * (1.10008 + (a / max(alpha, 0.00001)) * (-8.82554 + (a / max(alpha, 0.00001)) * (-1.12128 + (a / max(alpha, 0.00001)) * (6.60888))))) + (b / max(alpha, 0.00001)) * (-2.53673 + (a / max(alpha, 0.00001)) * (-2.15628 + (a / max(alpha, 0.00001)) * (4.73444 + (a / max(alpha, 0.00001)) * (3.6944))))))))) a b / 1) l c h);
360
+ --slotted-tone-accent-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + 0.226), 1) min(calc(c * 0.66), 0.25) h) l c h / c) max(l, calc(0.5129 + alpha * (((-0.00004 + (a / max(alpha, 0.00001)) * (0.12718 + (a / max(alpha, 0.00001)) * (0.00012 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00008))))) + (b / max(alpha, 0.00001)) * (-0.01266 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00016)))) + alpha * (((0.22974 + (a / max(alpha, 0.00001)) * (0.00013 + (a / max(alpha, 0.00001)) * (-0.21006 + (a / max(alpha, 0.00001)) * (-0.00012 + (a / max(alpha, 0.00001)) * (0.00136))))) + (b / max(alpha, 0.00001)) * (-0.00264 + (a / max(alpha, 0.00001)) * (0.01022 + (a / max(alpha, 0.00001)) * (0.00348 + (a / max(alpha, 0.00001)) * (0.00016))))) + alpha * ((-0.00413 + (a / max(alpha, 0.00001)) * (0.0196 + (a / max(alpha, 0.00001)) * (0.01032 + (a / max(alpha, 0.00001)) * (-0.0122 + (a / max(alpha, 0.00001)) * (-0.00632))))) + (b / max(alpha, 0.00001)) * (-0.1877 + (a / max(alpha, 0.00001)) * (0.00056 + (a / max(alpha, 0.00001)) * (0.19164 + (a / max(alpha, 0.00001)) * (-0.00064))))))))) a b / 1) l c h);
361
+ --slotted-tone-accent-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + 0.321), 1) min(calc(c * 0.44), 0.25) h) l c h / c) max(l, calc(0.6175 + alpha * (((0.0406 + (a / max(alpha, 0.00001)) * (0.14467 + (a / max(alpha, 0.00001)) * (-0.13242 + (a / max(alpha, 0.00001)) * (-0.01764 + (a / max(alpha, 0.00001)) * (0.09888))))) + (b / max(alpha, 0.00001)) * (-0.04964 + (a / max(alpha, 0.00001)) * (-0.0351 + (a / max(alpha, 0.00001)) * (0.07096 + (a / max(alpha, 0.00001)) * (0.0608))))) + alpha * (((-0.51057 + (a / max(alpha, 0.00001)) * (-0.29433 + (a / max(alpha, 0.00001)) * (2.13382 + (a / max(alpha, 0.00001)) * (0.29916 + (a / max(alpha, 0.00001)) * (-1.72616))))) + (b / max(alpha, 0.00001)) * (0.63433 + (a / max(alpha, 0.00001)) * (0.59642 + (a / max(alpha, 0.00001)) * (-1.21788 + (a / max(alpha, 0.00001)) * (-1.01256))))) + alpha * ((2.66863 + (a / max(alpha, 0.00001)) * (1.10008 + (a / max(alpha, 0.00001)) * (-8.82554 + (a / max(alpha, 0.00001)) * (-1.12128 + (a / max(alpha, 0.00001)) * (6.60888))))) + (b / max(alpha, 0.00001)) * (-2.53673 + (a / max(alpha, 0.00001)) * (-2.15628 + (a / max(alpha, 0.00001)) * (4.73444 + (a / max(alpha, 0.00001)) * (3.6944))))))))) a b / 1) l c h);
315
362
  --slotted-tone-accent-subtle-hover: oklch(from var(--slotted-seed-accent) 0.187 min(calc(c * 0.049), 0.06) h);
316
363
  --slotted-tone-accent-subtle-active: oklch(from var(--slotted-seed-accent) 0.222 min(calc(c * 0.066), 0.06) h);
317
364
  --slotted-tone-secondary-solid: oklch(from var(--slotted-seed-neutral) 0.274 min(calc(c * 0.22), 0.046) h);
@@ -350,29 +397,62 @@
350
397
  --slotted-tone-danger-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-danger) clamp(0, calc(l + 0.231), 1) min(calc(c * 0.481), 0.25) calc(h + -8)) l c h / c) max(l, calc(0.611 + alpha * (((0.03846 + (a / max(alpha, 0.00001)) * (0.14272 + (a / max(alpha, 0.00001)) * (-0.13044 + (a / max(alpha, 0.00001)) * (-0.0182 + (a / max(alpha, 0.00001)) * (0.09656))))) + (b / max(alpha, 0.00001)) * (-0.04588 + (a / max(alpha, 0.00001)) * (-0.02674 + (a / max(alpha, 0.00001)) * (0.05892 + (a / max(alpha, 0.00001)) * (0.03952))))) + alpha * (((-0.46314 + (a / max(alpha, 0.00001)) * (-0.25933 + (a / max(alpha, 0.00001)) * (2.06252 + (a / max(alpha, 0.00001)) * (0.3038 + (a / max(alpha, 0.00001)) * (-1.66096))))) + (b / max(alpha, 0.00001)) * (0.56457 + (a / max(alpha, 0.00001)) * (0.4557 + (a / max(alpha, 0.00001)) * (-1.00784 + (a / max(alpha, 0.00001)) * (-0.66128))))) + alpha * ((2.46442 + (a / max(alpha, 0.00001)) * (0.96347 + (a / max(alpha, 0.00001)) * (-8.42548 + (a / max(alpha, 0.00001)) * (-1.12116 + (a / max(alpha, 0.00001)) * (6.26304))))) + (b / max(alpha, 0.00001)) * (-2.25633 + (a / max(alpha, 0.00001)) * (-1.6379 + (a / max(alpha, 0.00001)) * (3.93092 + (a / max(alpha, 0.00001)) * (2.42616))))))))) a b / 1) l c h);
351
398
  --slotted-tone-danger-subtle-hover: oklch(from var(--slotted-seed-danger) 0.187 min(calc(c * 0.055), 0.06) h);
352
399
  --slotted-tone-danger-subtle-active: oklch(from var(--slotted-seed-danger) 0.209 min(calc(c * 0.1), 0.06) calc(h + -8));
353
- --slotted-surface: oklch(from var(--slotted-seed-neutral) 0.188 min(calc(c * 0.22), 0.03) h);
400
+ --slotted-surface: oklch(from var(--slotted-seed-neutral) 0.155 min(calc(c * 0.22), 0.025) h);
354
401
  --slotted-surface-raised: oklch(from var(--slotted-seed-neutral) 0.205 min(calc(c * 0.22), 0.03) h);
355
- --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.155 min(calc(c * 0.22), 0.025) h);
402
+ --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.13 min(calc(c * 0.22), 0.021) h);
356
403
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
404
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
405
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
406
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
407
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
408
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
409
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
410
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
411
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
412
+ --slotted-tone-neutral-text: var(--slotted-text);
413
+ --slotted-surface-inverse-hover: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%);
414
+ --slotted-surface-inverse-active: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 15%);
357
415
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 0.21 min(calc(c * 0.22), 0.035) h);
358
416
  --slotted-border-strong: oklch(from var(--slotted-seed-neutral) 0.552 min(calc(c * 0.339), 0.06) h);
359
- --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.378 min(calc(c * 0.332), 0.06) h);
417
+ --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.36 min(calc(c * 0.332), 0.06) h);
360
418
  --slotted-control-surface: var(--slotted-surface);
419
+ --slotted-tone-info-solid: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0.058), 1) min(calc(c * 0.991), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
420
+ --slotted-tone-info-solid-hover: oklch(from oklab(from oklch(from color-mix(in oklch, var(--slotted-tone-info-solid), oklch(from var(--slotted-tone-info-solid) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
421
+ --slotted-tone-info-solid-active: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + -0.064), 1) min(calc(c * 0.833), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
422
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
423
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 0.222 min(calc(c * 0.066), 0.06) h);
424
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.187 min(calc(c * 0.049), 0.06) h);
425
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.222 min(calc(c * 0.066), 0.06) h);
426
+ --slotted-tone-info-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0.226), 1) min(calc(c * 0.66), 0.25) h) l c h / c) max(l, calc(0.5129 + alpha * (((-0.00004 + (a / max(alpha, 0.00001)) * (0.12718 + (a / max(alpha, 0.00001)) * (0.00012 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00008))))) + (b / max(alpha, 0.00001)) * (-0.01266 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00016)))) + alpha * (((0.22974 + (a / max(alpha, 0.00001)) * (0.00013 + (a / max(alpha, 0.00001)) * (-0.21006 + (a / max(alpha, 0.00001)) * (-0.00012 + (a / max(alpha, 0.00001)) * (0.00136))))) + (b / max(alpha, 0.00001)) * (-0.00264 + (a / max(alpha, 0.00001)) * (0.01022 + (a / max(alpha, 0.00001)) * (0.00348 + (a / max(alpha, 0.00001)) * (0.00016))))) + alpha * ((-0.00413 + (a / max(alpha, 0.00001)) * (0.0196 + (a / max(alpha, 0.00001)) * (0.01032 + (a / max(alpha, 0.00001)) * (-0.0122 + (a / max(alpha, 0.00001)) * (-0.00632))))) + (b / max(alpha, 0.00001)) * (-0.1877 + (a / max(alpha, 0.00001)) * (0.00056 + (a / max(alpha, 0.00001)) * (0.19164 + (a / max(alpha, 0.00001)) * (-0.00064))))))))) a b / 1) l c h);
427
+ --slotted-tone-info-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0.321), 1) min(calc(c * 0.44), 0.25) h) l c h / c) max(l, calc(0.6175 + alpha * (((0.0406 + (a / max(alpha, 0.00001)) * (0.14467 + (a / max(alpha, 0.00001)) * (-0.13242 + (a / max(alpha, 0.00001)) * (-0.01764 + (a / max(alpha, 0.00001)) * (0.09888))))) + (b / max(alpha, 0.00001)) * (-0.04964 + (a / max(alpha, 0.00001)) * (-0.0351 + (a / max(alpha, 0.00001)) * (0.07096 + (a / max(alpha, 0.00001)) * (0.0608))))) + alpha * (((-0.51057 + (a / max(alpha, 0.00001)) * (-0.29433 + (a / max(alpha, 0.00001)) * (2.13382 + (a / max(alpha, 0.00001)) * (0.29916 + (a / max(alpha, 0.00001)) * (-1.72616))))) + (b / max(alpha, 0.00001)) * (0.63433 + (a / max(alpha, 0.00001)) * (0.59642 + (a / max(alpha, 0.00001)) * (-1.21788 + (a / max(alpha, 0.00001)) * (-1.01256))))) + alpha * ((2.66863 + (a / max(alpha, 0.00001)) * (1.10008 + (a / max(alpha, 0.00001)) * (-8.82554 + (a / max(alpha, 0.00001)) * (-1.12128 + (a / max(alpha, 0.00001)) * (6.60888))))) + (b / max(alpha, 0.00001)) * (-2.53673 + (a / max(alpha, 0.00001)) * (-2.15628 + (a / max(alpha, 0.00001)) * (4.73444 + (a / max(alpha, 0.00001)) * (3.6944))))))))) a b / 1) l c h);
428
+ --slotted-data-1: oklab(from oklch(from var(--slotted-seed-accent) 0.82 1 h) l calc(a * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))) calc(b * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))));
429
+ --slotted-data-2: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 315)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
430
+ --slotted-data-3: oklab(from oklch(from var(--slotted-seed-accent) 0.82 1 calc(h + 270)) l calc(a * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))) calc(b * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))));
431
+ --slotted-data-4: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 225)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
432
+ --slotted-data-5: oklab(from oklch(from var(--slotted-seed-accent) 0.82 1 calc(h + 180)) l calc(a * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))) calc(b * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))));
433
+ --slotted-data-6: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 135)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
434
+ --slotted-data-7: oklab(from oklch(from var(--slotted-seed-accent) 0.82 1 calc(h + 90)) l calc(a * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))) calc(b * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))));
435
+ --slotted-data-8: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 45)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
436
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
437
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
438
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
439
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
440
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
441
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
442
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
443
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
361
444
  --slotted-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.40);
362
445
  --slotted-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.45), 0 1px 2px -1px rgb(0 0 0 / 0.40);
363
446
  --slotted-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.50), 0 2px 4px -2px rgb(0 0 0 / 0.45);
364
447
  --slotted-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.60), 0 4px 6px -4px rgb(0 0 0 / 0.50);
365
448
  --slotted-current-edge: transparent;
449
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 6%, transparent);
450
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 12%, transparent);
451
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 10%, transparent);
452
+ --slotted-surface-material: color-mix(in oklab, var(--slotted-surface) 68%, transparent);
453
+ --slotted-material-backdrop: saturate(1.6) blur(20px);
366
454
  --slotted-control-shadow: 0 1px 2px rgb(0 0 0 / 0.5);
367
455
  --slotted-scrim: rgb(0 0 0 / 0.62);
368
- --slotted-data-1: #2563eb;
369
- --slotted-data-2: #ea580c;
370
- --slotted-data-3: #0891b2;
371
- --slotted-data-4: #ef4444;
372
- --slotted-data-5: #8b5cf6;
373
- --slotted-data-6: #d97706;
374
- --slotted-data-7: #d946ef;
375
- --slotted-data-8: #16a34a;
376
456
  --slotted-upload-kind-pdf: #dc2626;
377
457
  --slotted-upload-kind-document: #2563eb;
378
458
  --slotted-upload-kind-spreadsheet: #15803d;
@@ -460,25 +540,58 @@
460
540
  --slotted-surface-raised: oklch(from var(--slotted-seed-neutral) 1 min(calc(c * 0), 0) h);
461
541
  --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 1 min(calc(c * 0), 0) h);
462
542
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0 min(calc(c * 0), 0) h);
543
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
544
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
545
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
546
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
547
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
548
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
549
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
550
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
551
+ --slotted-tone-neutral-text: var(--slotted-text);
552
+ --slotted-surface-inverse-hover: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%);
553
+ --slotted-surface-inverse-active: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 15%);
463
554
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 1 min(calc(c * 0), 0) h);
464
555
  --slotted-border-strong: oklch(from var(--slotted-seed-neutral) 0 min(calc(c * 0), 0) h);
465
556
  --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0 min(calc(c * 0), 0) h);
466
557
  --slotted-control-surface: var(--slotted-surface);
558
+ --slotted-tone-info-solid: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + -0.099), 1) min(calc(c * 0.768), 0.25) h) l c h / c) min(l, calc(0.4541 + alpha * (((0.02712 + (a / max(alpha, 0.00001)) * (0.09768 + (a / max(alpha, 0.00001)) * (-0.05946 + (a / max(alpha, 0.00001)) * (-0.15268 + (a / max(alpha, 0.00001)) * (0.00592))))) + (b / max(alpha, 0.00001)) * (0.00702 + (a / max(alpha, 0.00001)) * (0.05022 + (a / max(alpha, 0.00001)) * (-0.18136 + (a / max(alpha, 0.00001)) * (-0.08472))))) + alpha * (((-0.18283 + (a / max(alpha, 0.00001)) * (0.29502 + (a / max(alpha, 0.00001)) * (0.89338 + (a / max(alpha, 0.00001)) * (3.02968 + (a / max(alpha, 0.00001)) * (-0.31088))))) + (b / max(alpha, 0.00001)) * (-0.44286 + (a / max(alpha, 0.00001)) * (-0.56776 + (a / max(alpha, 0.00001)) * (3.76512 + (a / max(alpha, 0.00001)) * (0.65016))))) + alpha * ((1.09903 + (a / max(alpha, 0.00001)) * (0.16681 + (a / max(alpha, 0.00001)) * (-5.57564 + (a / max(alpha, 0.00001)) * (-10.60412 + (a / max(alpha, 0.00001)) * (0.51264))))) + (b / max(alpha, 0.00001)) * (1.28231 + (a / max(alpha, 0.00001)) * (0.55636 + (a / max(alpha, 0.00001)) * (-12.50368 + (a / max(alpha, 0.00001)) * (-2.47704))))))))) a b / 1) l c h);
559
+ --slotted-tone-info-solid-hover: oklch(from oklab(from oklch(from color-mix(in oklch, var(--slotted-tone-info-solid), oklch(from var(--slotted-tone-info-solid) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 6%) l c h / c) min(l, calc(0.4541 + alpha * (((0.02712 + (a / max(alpha, 0.00001)) * (0.09768 + (a / max(alpha, 0.00001)) * (-0.05946 + (a / max(alpha, 0.00001)) * (-0.15268 + (a / max(alpha, 0.00001)) * (0.00592))))) + (b / max(alpha, 0.00001)) * (0.00702 + (a / max(alpha, 0.00001)) * (0.05022 + (a / max(alpha, 0.00001)) * (-0.18136 + (a / max(alpha, 0.00001)) * (-0.08472))))) + alpha * (((-0.18283 + (a / max(alpha, 0.00001)) * (0.29502 + (a / max(alpha, 0.00001)) * (0.89338 + (a / max(alpha, 0.00001)) * (3.02968 + (a / max(alpha, 0.00001)) * (-0.31088))))) + (b / max(alpha, 0.00001)) * (-0.44286 + (a / max(alpha, 0.00001)) * (-0.56776 + (a / max(alpha, 0.00001)) * (3.76512 + (a / max(alpha, 0.00001)) * (0.65016))))) + alpha * ((1.09903 + (a / max(alpha, 0.00001)) * (0.16681 + (a / max(alpha, 0.00001)) * (-5.57564 + (a / max(alpha, 0.00001)) * (-10.60412 + (a / max(alpha, 0.00001)) * (0.51264))))) + (b / max(alpha, 0.00001)) * (1.28231 + (a / max(alpha, 0.00001)) * (0.55636 + (a / max(alpha, 0.00001)) * (-12.50368 + (a / max(alpha, 0.00001)) * (-2.47704))))))))) a b / 1) l c h);
560
+ --slotted-tone-info-solid-active: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + -0.209), 1) min(calc(c * 0.51), 0.25) h) l c h / c) min(l, calc(0.4541 + alpha * (((0.02712 + (a / max(alpha, 0.00001)) * (0.09768 + (a / max(alpha, 0.00001)) * (-0.05946 + (a / max(alpha, 0.00001)) * (-0.15268 + (a / max(alpha, 0.00001)) * (0.00592))))) + (b / max(alpha, 0.00001)) * (0.00702 + (a / max(alpha, 0.00001)) * (0.05022 + (a / max(alpha, 0.00001)) * (-0.18136 + (a / max(alpha, 0.00001)) * (-0.08472))))) + alpha * (((-0.18283 + (a / max(alpha, 0.00001)) * (0.29502 + (a / max(alpha, 0.00001)) * (0.89338 + (a / max(alpha, 0.00001)) * (3.02968 + (a / max(alpha, 0.00001)) * (-0.31088))))) + (b / max(alpha, 0.00001)) * (-0.44286 + (a / max(alpha, 0.00001)) * (-0.56776 + (a / max(alpha, 0.00001)) * (3.76512 + (a / max(alpha, 0.00001)) * (0.65016))))) + alpha * ((1.09903 + (a / max(alpha, 0.00001)) * (0.16681 + (a / max(alpha, 0.00001)) * (-5.57564 + (a / max(alpha, 0.00001)) * (-10.60412 + (a / max(alpha, 0.00001)) * (0.51264))))) + (b / max(alpha, 0.00001)) * (1.28231 + (a / max(alpha, 0.00001)) * (0.55636 + (a / max(alpha, 0.00001)) * (-12.50368 + (a / max(alpha, 0.00001)) * (-2.47704))))))))) a b / 1) l c h);
561
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
562
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
563
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.949 min(calc(c * 0.092), 0.06) h);
564
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.905 min(calc(c * 0.176), 0.06) h);
565
+ --slotted-tone-info-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) 0 min(calc(c * 0), 0) h) l c h / c) min(l, calc(0.6621 + alpha * (((0.00813 + (a / max(alpha, 0.00001)) * (0.12903 + (a / max(alpha, 0.00001)) * (-0.00656 + (a / max(alpha, 0.00001)) * (-0.05236 + (a / max(alpha, 0.00001)) * (0.05048))))) + (b / max(alpha, 0.00001)) * (0.00008 + (a / max(alpha, 0.00001)) * (-0.0007 + (a / max(alpha, 0.00001)) * (-0.11164 + (a / max(alpha, 0.00001)) * (0.11904))))) + alpha * (((0.09275 + (a / max(alpha, 0.00001)) * (-0.09885 + (a / max(alpha, 0.00001)) * (0.04692 + (a / max(alpha, 0.00001)) * (0.71724 + (a / max(alpha, 0.00001)) * (-0.77288))))) + (b / max(alpha, 0.00001)) * (-0.169 + (a / max(alpha, 0.00001)) * (0.18434 + (a / max(alpha, 0.00001)) * (1.6106 + (a / max(alpha, 0.00001)) * (-2.03008))))) + alpha * ((-0.00102 + (a / max(alpha, 0.00001)) * (0.60368 + (a / max(alpha, 0.00001)) * (-1.2873 + (a / max(alpha, 0.00001)) * (-0.84368 + (a / max(alpha, 0.00001)) * (1.65384))))) + (b / max(alpha, 0.00001)) * (0.05676 + (a / max(alpha, 0.00001)) * (-0.9685 + (a / max(alpha, 0.00001)) * (-2.85064 + (a / max(alpha, 0.00001)) * (5.16904))))))))) a b / 1) l c h);
566
+ --slotted-tone-info-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + -0.099), 1) min(calc(c * 0.768), 0.25) h) l c h / c) min(l, calc(0.4541 + alpha * (((0.02712 + (a / max(alpha, 0.00001)) * (0.09768 + (a / max(alpha, 0.00001)) * (-0.05946 + (a / max(alpha, 0.00001)) * (-0.15268 + (a / max(alpha, 0.00001)) * (0.00592))))) + (b / max(alpha, 0.00001)) * (0.00702 + (a / max(alpha, 0.00001)) * (0.05022 + (a / max(alpha, 0.00001)) * (-0.18136 + (a / max(alpha, 0.00001)) * (-0.08472))))) + alpha * (((-0.18283 + (a / max(alpha, 0.00001)) * (0.29502 + (a / max(alpha, 0.00001)) * (0.89338 + (a / max(alpha, 0.00001)) * (3.02968 + (a / max(alpha, 0.00001)) * (-0.31088))))) + (b / max(alpha, 0.00001)) * (-0.44286 + (a / max(alpha, 0.00001)) * (-0.56776 + (a / max(alpha, 0.00001)) * (3.76512 + (a / max(alpha, 0.00001)) * (0.65016))))) + alpha * ((1.09903 + (a / max(alpha, 0.00001)) * (0.16681 + (a / max(alpha, 0.00001)) * (-5.57564 + (a / max(alpha, 0.00001)) * (-10.60412 + (a / max(alpha, 0.00001)) * (0.51264))))) + (b / max(alpha, 0.00001)) * (1.28231 + (a / max(alpha, 0.00001)) * (0.55636 + (a / max(alpha, 0.00001)) * (-12.50368 + (a / max(alpha, 0.00001)) * (-2.47704))))))))) a b / 1) l c h);
567
+ --slotted-data-1: oklab(from oklch(from var(--slotted-seed-accent) 0.3 1 h) l calc(a * max(0, min(0.12, (0.0849 + a * (0.04557 + a * (-0.05342 + a * (-0.01372 + a * (0.03584))))) + b * (-0.05001 + a * (-0.07096 + a * (0.07784 + a * (0.0532))))))) calc(b * max(0, min(0.12, (0.0849 + a * (0.04557 + a * (-0.05342 + a * (-0.01372 + a * (0.03584))))) + b * (-0.05001 + a * (-0.07096 + a * (0.07784 + a * (0.0532))))))));
568
+ --slotted-data-2: oklab(from oklch(from var(--slotted-seed-accent) 0.5 1 calc(h + 315)) l calc(a * max(0, min(0.14, (0.14511 + a * (0.07535 + a * (-0.0548 + a * (-0.02216 + a * (0.03256))))) + b * (-0.0763 + a * (-0.11712 + a * (0.11584 + a * (0.08688))))))) calc(b * max(0, min(0.14, (0.14511 + a * (0.07535 + a * (-0.0548 + a * (-0.02216 + a * (0.03256))))) + b * (-0.0763 + a * (-0.11712 + a * (0.11584 + a * (0.08688))))))));
569
+ --slotted-data-3: oklab(from oklch(from var(--slotted-seed-accent) 0.3 1 calc(h + 270)) l calc(a * max(0, min(0.12, (0.0849 + a * (0.04557 + a * (-0.05342 + a * (-0.01372 + a * (0.03584))))) + b * (-0.05001 + a * (-0.07096 + a * (0.07784 + a * (0.0532))))))) calc(b * max(0, min(0.12, (0.0849 + a * (0.04557 + a * (-0.05342 + a * (-0.01372 + a * (0.03584))))) + b * (-0.05001 + a * (-0.07096 + a * (0.07784 + a * (0.0532))))))));
570
+ --slotted-data-4: oklab(from oklch(from var(--slotted-seed-accent) 0.5 1 calc(h + 225)) l calc(a * max(0, min(0.14, (0.14511 + a * (0.07535 + a * (-0.0548 + a * (-0.02216 + a * (0.03256))))) + b * (-0.0763 + a * (-0.11712 + a * (0.11584 + a * (0.08688))))))) calc(b * max(0, min(0.14, (0.14511 + a * (0.07535 + a * (-0.0548 + a * (-0.02216 + a * (0.03256))))) + b * (-0.0763 + a * (-0.11712 + a * (0.11584 + a * (0.08688))))))));
571
+ --slotted-data-5: oklab(from oklch(from var(--slotted-seed-accent) 0.3 1 calc(h + 180)) l calc(a * max(0, min(0.12, (0.0849 + a * (0.04557 + a * (-0.05342 + a * (-0.01372 + a * (0.03584))))) + b * (-0.05001 + a * (-0.07096 + a * (0.07784 + a * (0.0532))))))) calc(b * max(0, min(0.12, (0.0849 + a * (0.04557 + a * (-0.05342 + a * (-0.01372 + a * (0.03584))))) + b * (-0.05001 + a * (-0.07096 + a * (0.07784 + a * (0.0532))))))));
572
+ --slotted-data-6: oklab(from oklch(from var(--slotted-seed-accent) 0.5 1 calc(h + 135)) l calc(a * max(0, min(0.14, (0.14511 + a * (0.07535 + a * (-0.0548 + a * (-0.02216 + a * (0.03256))))) + b * (-0.0763 + a * (-0.11712 + a * (0.11584 + a * (0.08688))))))) calc(b * max(0, min(0.14, (0.14511 + a * (0.07535 + a * (-0.0548 + a * (-0.02216 + a * (0.03256))))) + b * (-0.0763 + a * (-0.11712 + a * (0.11584 + a * (0.08688))))))));
573
+ --slotted-data-7: oklab(from oklch(from var(--slotted-seed-accent) 0.3 1 calc(h + 90)) l calc(a * max(0, min(0.12, (0.0849 + a * (0.04557 + a * (-0.05342 + a * (-0.01372 + a * (0.03584))))) + b * (-0.05001 + a * (-0.07096 + a * (0.07784 + a * (0.0532))))))) calc(b * max(0, min(0.12, (0.0849 + a * (0.04557 + a * (-0.05342 + a * (-0.01372 + a * (0.03584))))) + b * (-0.05001 + a * (-0.07096 + a * (0.07784 + a * (0.0532))))))));
574
+ --slotted-data-8: oklab(from oklch(from var(--slotted-seed-accent) 0.5 1 calc(h + 45)) l calc(a * max(0, min(0.14, (0.14511 + a * (0.07535 + a * (-0.0548 + a * (-0.02216 + a * (0.03256))))) + b * (-0.0763 + a * (-0.11712 + a * (0.11584 + a * (0.08688))))))) calc(b * max(0, min(0.14, (0.14511 + a * (0.07535 + a * (-0.0548 + a * (-0.02216 + a * (0.03256))))) + b * (-0.0763 + a * (-0.11712 + a * (0.11584 + a * (0.08688))))))));
575
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
576
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
577
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
578
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
579
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
580
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
581
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
582
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
467
583
  --slotted-shadow-xs: 0 0 0 1px #000000;
468
584
  --slotted-shadow-sm: 0 0 0 1px #000000;
469
585
  --slotted-shadow-md: 0 0 0 2px #000000;
470
586
  --slotted-shadow-lg: 0 0 0 2px #000000;
471
587
  --slotted-current-edge: #000000;
588
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 10%, transparent);
589
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 20%, transparent);
590
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 16%, transparent);
591
+ --slotted-surface-material: var(--slotted-surface);
592
+ --slotted-material-backdrop: none;
472
593
  --slotted-control-shadow: none;
473
594
  --slotted-scrim: rgb(0 0 0 / 0.75);
474
- --slotted-data-1: #1d4ed8;
475
- --slotted-data-2: #c2410c;
476
- --slotted-data-3: #0e7490;
477
- --slotted-data-4: #b91c1c;
478
- --slotted-data-5: #6d28d9;
479
- --slotted-data-6: #a16207;
480
- --slotted-data-7: #a21caf;
481
- --slotted-data-8: #15803d;
482
595
  --slotted-upload-kind-pdf: #991b1b;
483
596
  --slotted-upload-kind-document: #1e3a8a;
484
597
  --slotted-upload-kind-spreadsheet: #14532d;
@@ -566,25 +679,58 @@
566
679
  --slotted-surface-raised: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
567
680
  --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.97 min(calc(c * 0.22), 0.012) h);
568
681
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0.245 min(calc(c * 0.952), 0.041) h);
682
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
683
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
684
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
685
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
686
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
687
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
688
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
689
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
690
+ --slotted-tone-neutral-text: var(--slotted-text);
691
+ --slotted-surface-inverse-hover: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%);
692
+ --slotted-surface-inverse-active: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 15%);
569
693
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 0.984 min(calc(c * 0.22), 0.007) h);
570
694
  --slotted-border-strong: oklch(from var(--slotted-seed-neutral) 0.623 min(calc(c * 0.857), 0.06) h);
571
695
  --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.826 min(calc(c * 0.406), 0.06) h);
572
696
  --slotted-control-surface: var(--slotted-surface);
697
+ --slotted-tone-info-solid: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0), 1) min(calc(c * 1), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
698
+ --slotted-tone-info-solid-hover: oklch(from oklab(from oklch(from color-mix(in oklch, var(--slotted-tone-info-solid), oklch(from var(--slotted-tone-info-solid) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 6%) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
699
+ --slotted-tone-info-solid-active: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + -0.109), 1) min(calc(c * 0.634), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
700
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
701
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 0.932 min(calc(c * 0.145), 0.06) h);
702
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.97 min(calc(c * 0.065), 0.06) h);
703
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.932 min(calc(c * 0.145), 0.06) h);
704
+ --slotted-tone-info-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0.058), 1) min(calc(c * 0.991), 0.25) h) l c h / c) min(l, calc(0.6029 + alpha * (((0.01353 + (a / max(alpha, 0.00001)) * (0.1238 + (a / max(alpha, 0.00001)) * (-0.02612 + (a / max(alpha, 0.00001)) * (-0.06224 + (a / max(alpha, 0.00001)) * (0.08112))))) + (b / max(alpha, 0.00001)) * (0.00406 + (a / max(alpha, 0.00001)) * (-0.00008 + (a / max(alpha, 0.00001)) * (-0.12732 + (a / max(alpha, 0.00001)) * (0.11864))))) + alpha * (((0.02819 + (a / max(alpha, 0.00001)) * (-0.06359 + (a / max(alpha, 0.00001)) * (0.40756 + (a / max(alpha, 0.00001)) * (1.00212 + (a / max(alpha, 0.00001)) * (-1.41272))))) + (b / max(alpha, 0.00001)) * (-0.27016 + (a / max(alpha, 0.00001)) * (0.29648 + (a / max(alpha, 0.00001)) * (2.05888 + (a / max(alpha, 0.00001)) * (-2.36776))))) + alpha * ((0.19721 + (a / max(alpha, 0.00001)) * (0.75434 + (a / max(alpha, 0.00001)) * (-2.97652 + (a / max(alpha, 0.00001)) * (-2.01276 + (a / max(alpha, 0.00001)) * (4.2672))))) + (b / max(alpha, 0.00001)) * (0.45478 + (a / max(alpha, 0.00001)) * (-1.9677 + (a / max(alpha, 0.00001)) * (-4.60308 + (a / max(alpha, 0.00001)) * (7.3612))))))))) a b / 1) l c h);
705
+ --slotted-tone-info-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0), 1) min(calc(c * 1), 0.25) h) l c h / c) min(l, calc(0.4996 + alpha * (((0.01749 + (a / max(alpha, 0.00001)) * (0.13486 + (a / max(alpha, 0.00001)) * (0.02804 + (a / max(alpha, 0.00001)) * (-0.15308 + (a / max(alpha, 0.00001)) * (-0.03744))))) + (b / max(alpha, 0.00001)) * (0.01505 + (a / max(alpha, 0.00001)) * (0.0648 + (a / max(alpha, 0.00001)) * (-0.19708 + (a / max(alpha, 0.00001)) * (-0.07824))))) + alpha * (((-0.02211 + (a / max(alpha, 0.00001)) * (-0.28415 + (a / max(alpha, 0.00001)) * (-0.48764 + (a / max(alpha, 0.00001)) * (2.7512 + (a / max(alpha, 0.00001)) * (0.3512))))) + (b / max(alpha, 0.00001)) * (-0.52183 + (a / max(alpha, 0.00001)) * (-0.72802 + (a / max(alpha, 0.00001)) * (3.6514 + (a / max(alpha, 0.00001)) * (0.47536))))) + alpha * ((0.43624 + (a / max(alpha, 0.00001)) * (1.93247 + (a / max(alpha, 0.00001)) * (-0.37886 + (a / max(alpha, 0.00001)) * (-8.72208 + (a / max(alpha, 0.00001)) * (-1.60608))))) + (b / max(alpha, 0.00001)) * (1.44681 + (a / max(alpha, 0.00001)) * (1.13798 + (a / max(alpha, 0.00001)) * (-11.05816 + (a / max(alpha, 0.00001)) * (-1.61624))))))))) a b / 1) l c h);
706
+ --slotted-data-1: oklab(from oklch(from var(--slotted-seed-accent) 0.42 1 h) l calc(a * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))) calc(b * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))));
707
+ --slotted-data-2: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 315)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
708
+ --slotted-data-3: oklab(from oklch(from var(--slotted-seed-accent) 0.42 1 calc(h + 270)) l calc(a * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))) calc(b * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))));
709
+ --slotted-data-4: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 225)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
710
+ --slotted-data-5: oklab(from oklch(from var(--slotted-seed-accent) 0.42 1 calc(h + 180)) l calc(a * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))) calc(b * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))));
711
+ --slotted-data-6: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 135)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
712
+ --slotted-data-7: oklab(from oklch(from var(--slotted-seed-accent) 0.42 1 calc(h + 90)) l calc(a * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))) calc(b * max(0, min(0.15, (0.11967 + a * (0.06382 + a * (-0.07478 + a * (-0.01924 + a * (0.05016))))) + b * (-0.07 + a * (-0.09934 + a * (0.10896 + a * (0.07448))))))));
713
+ --slotted-data-8: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 45)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
714
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
715
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
716
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
717
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
718
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
719
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
720
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
721
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
573
722
  --slotted-shadow-xs: 0 1px 2px rgb(15 23 42 / 0.06);
574
723
  --slotted-shadow-sm: 0 1px 3px rgb(15 23 42 / 0.08), 0 1px 2px -1px rgb(15 23 42 / 0.08);
575
724
  --slotted-shadow-md: 0 4px 6px -1px rgb(15 23 42 / 0.08), 0 2px 4px -2px rgb(15 23 42 / 0.08);
576
725
  --slotted-shadow-lg: 0 10px 15px -3px rgb(15 23 42 / 0.10), 0 4px 6px -4px rgb(15 23 42 / 0.08);
577
726
  --slotted-current-edge: transparent;
727
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 5%, transparent);
728
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 10%, transparent);
729
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 8%, transparent);
730
+ --slotted-surface-material: color-mix(in oklab, var(--slotted-surface) 72%, transparent);
731
+ --slotted-material-backdrop: saturate(1.8) blur(6px);
578
732
  --slotted-control-shadow: 0 1px 2px rgb(0 0 0 / 0.06);
579
733
  --slotted-scrim: rgb(0 0 0 / 0.41);
580
- --slotted-data-1: #2563eb;
581
- --slotted-data-2: #ea580c;
582
- --slotted-data-3: #0891b2;
583
- --slotted-data-4: #dc2626;
584
- --slotted-data-5: #7c3aed;
585
- --slotted-data-6: #a16207;
586
- --slotted-data-7: #c026d3;
587
- --slotted-data-8: #16a34a;
588
734
  --slotted-upload-kind-pdf: #c62828;
589
735
  --slotted-upload-kind-document: #1d4ed8;
590
736
  --slotted-upload-kind-spreadsheet: #15803d;
@@ -618,7 +764,7 @@
618
764
  color-scheme: dark;
619
765
  --slotted-focus-ring-color: var(--slotted-tone-accent-border);
620
766
  --slotted-focus-ring-color-invalid: var(--slotted-tone-danger-border);
621
- --slotted-border-subtle: oklch(from var(--slotted-seed-neutral) 0.303 min(calc(c * 0.22), 0.051) h);
767
+ --slotted-border-subtle: oklch(from var(--slotted-seed-neutral) 0.275 min(calc(c * 0.22), 0.046) h);
622
768
  --slotted-text: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
623
769
  --slotted-text-muted: oklch(from var(--slotted-seed-neutral) 0.712 min(calc(c * 0.318), 0.06) h);
624
770
  --slotted-disabled-background: oklch(from var(--slotted-seed-neutral) 0.21 min(calc(c * 0.22), 0.035) h);
@@ -629,8 +775,8 @@
629
775
  --slotted-tone-accent-solid-hover: oklch(from oklab(from oklch(from color-mix(in oklch, var(--slotted-tone-accent-solid), oklch(from var(--slotted-tone-accent-solid) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
630
776
  --slotted-tone-accent-solid-active: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + -0.064), 1) min(calc(c * 0.833), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
631
777
  --slotted-tone-accent-on-solid: oklch(from var(--slotted-seed-accent) 1 min(calc(c * 0), 0) h);
632
- --slotted-tone-accent-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + 0.226), 1) min(calc(c * 0.66), 0.25) calc(h + -10)) l c h / c) max(l, calc(0.5129 + alpha * (((-0.00004 + (a / max(alpha, 0.00001)) * (0.12718 + (a / max(alpha, 0.00001)) * (0.00012 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00008))))) + (b / max(alpha, 0.00001)) * (-0.01266 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00016)))) + alpha * (((0.22974 + (a / max(alpha, 0.00001)) * (0.00013 + (a / max(alpha, 0.00001)) * (-0.21006 + (a / max(alpha, 0.00001)) * (-0.00012 + (a / max(alpha, 0.00001)) * (0.00136))))) + (b / max(alpha, 0.00001)) * (-0.00264 + (a / max(alpha, 0.00001)) * (0.01022 + (a / max(alpha, 0.00001)) * (0.00348 + (a / max(alpha, 0.00001)) * (0.00016))))) + alpha * ((-0.00413 + (a / max(alpha, 0.00001)) * (0.0196 + (a / max(alpha, 0.00001)) * (0.01032 + (a / max(alpha, 0.00001)) * (-0.0122 + (a / max(alpha, 0.00001)) * (-0.00632))))) + (b / max(alpha, 0.00001)) * (-0.1877 + (a / max(alpha, 0.00001)) * (0.00056 + (a / max(alpha, 0.00001)) * (0.19164 + (a / max(alpha, 0.00001)) * (-0.00064))))))))) a b / 1) l c h);
633
- --slotted-tone-accent-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + 0.321), 1) min(calc(c * 0.44), 0.25) calc(h + -13)) l c h / c) max(l, calc(0.6175 + alpha * (((0.0406 + (a / max(alpha, 0.00001)) * (0.14467 + (a / max(alpha, 0.00001)) * (-0.13242 + (a / max(alpha, 0.00001)) * (-0.01764 + (a / max(alpha, 0.00001)) * (0.09888))))) + (b / max(alpha, 0.00001)) * (-0.04964 + (a / max(alpha, 0.00001)) * (-0.0351 + (a / max(alpha, 0.00001)) * (0.07096 + (a / max(alpha, 0.00001)) * (0.0608))))) + alpha * (((-0.51057 + (a / max(alpha, 0.00001)) * (-0.29433 + (a / max(alpha, 0.00001)) * (2.13382 + (a / max(alpha, 0.00001)) * (0.29916 + (a / max(alpha, 0.00001)) * (-1.72616))))) + (b / max(alpha, 0.00001)) * (0.63433 + (a / max(alpha, 0.00001)) * (0.59642 + (a / max(alpha, 0.00001)) * (-1.21788 + (a / max(alpha, 0.00001)) * (-1.01256))))) + alpha * ((2.66863 + (a / max(alpha, 0.00001)) * (1.10008 + (a / max(alpha, 0.00001)) * (-8.82554 + (a / max(alpha, 0.00001)) * (-1.12128 + (a / max(alpha, 0.00001)) * (6.60888))))) + (b / max(alpha, 0.00001)) * (-2.53673 + (a / max(alpha, 0.00001)) * (-2.15628 + (a / max(alpha, 0.00001)) * (4.73444 + (a / max(alpha, 0.00001)) * (3.6944))))))))) a b / 1) l c h);
778
+ --slotted-tone-accent-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + 0.226), 1) min(calc(c * 0.66), 0.25) h) l c h / c) max(l, calc(0.5129 + alpha * (((-0.00004 + (a / max(alpha, 0.00001)) * (0.12718 + (a / max(alpha, 0.00001)) * (0.00012 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00008))))) + (b / max(alpha, 0.00001)) * (-0.01266 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00016)))) + alpha * (((0.22974 + (a / max(alpha, 0.00001)) * (0.00013 + (a / max(alpha, 0.00001)) * (-0.21006 + (a / max(alpha, 0.00001)) * (-0.00012 + (a / max(alpha, 0.00001)) * (0.00136))))) + (b / max(alpha, 0.00001)) * (-0.00264 + (a / max(alpha, 0.00001)) * (0.01022 + (a / max(alpha, 0.00001)) * (0.00348 + (a / max(alpha, 0.00001)) * (0.00016))))) + alpha * ((-0.00413 + (a / max(alpha, 0.00001)) * (0.0196 + (a / max(alpha, 0.00001)) * (0.01032 + (a / max(alpha, 0.00001)) * (-0.0122 + (a / max(alpha, 0.00001)) * (-0.00632))))) + (b / max(alpha, 0.00001)) * (-0.1877 + (a / max(alpha, 0.00001)) * (0.00056 + (a / max(alpha, 0.00001)) * (0.19164 + (a / max(alpha, 0.00001)) * (-0.00064))))))))) a b / 1) l c h);
779
+ --slotted-tone-accent-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-accent) clamp(0, calc(l + 0.321), 1) min(calc(c * 0.44), 0.25) h) l c h / c) max(l, calc(0.6175 + alpha * (((0.0406 + (a / max(alpha, 0.00001)) * (0.14467 + (a / max(alpha, 0.00001)) * (-0.13242 + (a / max(alpha, 0.00001)) * (-0.01764 + (a / max(alpha, 0.00001)) * (0.09888))))) + (b / max(alpha, 0.00001)) * (-0.04964 + (a / max(alpha, 0.00001)) * (-0.0351 + (a / max(alpha, 0.00001)) * (0.07096 + (a / max(alpha, 0.00001)) * (0.0608))))) + alpha * (((-0.51057 + (a / max(alpha, 0.00001)) * (-0.29433 + (a / max(alpha, 0.00001)) * (2.13382 + (a / max(alpha, 0.00001)) * (0.29916 + (a / max(alpha, 0.00001)) * (-1.72616))))) + (b / max(alpha, 0.00001)) * (0.63433 + (a / max(alpha, 0.00001)) * (0.59642 + (a / max(alpha, 0.00001)) * (-1.21788 + (a / max(alpha, 0.00001)) * (-1.01256))))) + alpha * ((2.66863 + (a / max(alpha, 0.00001)) * (1.10008 + (a / max(alpha, 0.00001)) * (-8.82554 + (a / max(alpha, 0.00001)) * (-1.12128 + (a / max(alpha, 0.00001)) * (6.60888))))) + (b / max(alpha, 0.00001)) * (-2.53673 + (a / max(alpha, 0.00001)) * (-2.15628 + (a / max(alpha, 0.00001)) * (4.73444 + (a / max(alpha, 0.00001)) * (3.6944))))))))) a b / 1) l c h);
634
780
  --slotted-tone-accent-subtle-hover: oklch(from var(--slotted-seed-accent) 0.187 min(calc(c * 0.049), 0.06) h);
635
781
  --slotted-tone-accent-subtle-active: oklch(from var(--slotted-seed-accent) 0.222 min(calc(c * 0.066), 0.06) h);
636
782
  --slotted-tone-secondary-solid: oklch(from var(--slotted-seed-neutral) 0.274 min(calc(c * 0.22), 0.046) h);
@@ -669,29 +815,62 @@
669
815
  --slotted-tone-danger-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-danger) clamp(0, calc(l + 0.231), 1) min(calc(c * 0.481), 0.25) calc(h + -8)) l c h / c) max(l, calc(0.611 + alpha * (((0.03846 + (a / max(alpha, 0.00001)) * (0.14272 + (a / max(alpha, 0.00001)) * (-0.13044 + (a / max(alpha, 0.00001)) * (-0.0182 + (a / max(alpha, 0.00001)) * (0.09656))))) + (b / max(alpha, 0.00001)) * (-0.04588 + (a / max(alpha, 0.00001)) * (-0.02674 + (a / max(alpha, 0.00001)) * (0.05892 + (a / max(alpha, 0.00001)) * (0.03952))))) + alpha * (((-0.46314 + (a / max(alpha, 0.00001)) * (-0.25933 + (a / max(alpha, 0.00001)) * (2.06252 + (a / max(alpha, 0.00001)) * (0.3038 + (a / max(alpha, 0.00001)) * (-1.66096))))) + (b / max(alpha, 0.00001)) * (0.56457 + (a / max(alpha, 0.00001)) * (0.4557 + (a / max(alpha, 0.00001)) * (-1.00784 + (a / max(alpha, 0.00001)) * (-0.66128))))) + alpha * ((2.46442 + (a / max(alpha, 0.00001)) * (0.96347 + (a / max(alpha, 0.00001)) * (-8.42548 + (a / max(alpha, 0.00001)) * (-1.12116 + (a / max(alpha, 0.00001)) * (6.26304))))) + (b / max(alpha, 0.00001)) * (-2.25633 + (a / max(alpha, 0.00001)) * (-1.6379 + (a / max(alpha, 0.00001)) * (3.93092 + (a / max(alpha, 0.00001)) * (2.42616))))))))) a b / 1) l c h);
670
816
  --slotted-tone-danger-subtle-hover: oklch(from var(--slotted-seed-danger) 0.187 min(calc(c * 0.055), 0.06) h);
671
817
  --slotted-tone-danger-subtle-active: oklch(from var(--slotted-seed-danger) 0.209 min(calc(c * 0.1), 0.06) calc(h + -8));
672
- --slotted-surface: oklch(from var(--slotted-seed-neutral) 0.188 min(calc(c * 0.22), 0.03) h);
818
+ --slotted-surface: oklch(from var(--slotted-seed-neutral) 0.155 min(calc(c * 0.22), 0.025) h);
673
819
  --slotted-surface-raised: oklch(from var(--slotted-seed-neutral) 0.205 min(calc(c * 0.22), 0.03) h);
674
- --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.155 min(calc(c * 0.22), 0.025) h);
820
+ --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.13 min(calc(c * 0.22), 0.021) h);
675
821
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
822
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
823
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
824
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
825
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
826
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
827
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
828
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
829
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
830
+ --slotted-tone-neutral-text: var(--slotted-text);
831
+ --slotted-surface-inverse-hover: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%);
832
+ --slotted-surface-inverse-active: color-mix(in oklch, var(--slotted-surface-inverse), oklch(from var(--slotted-surface-inverse) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 15%);
676
833
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 0.21 min(calc(c * 0.22), 0.035) h);
677
834
  --slotted-border-strong: oklch(from var(--slotted-seed-neutral) 0.552 min(calc(c * 0.339), 0.06) h);
678
- --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.378 min(calc(c * 0.332), 0.06) h);
835
+ --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.36 min(calc(c * 0.332), 0.06) h);
679
836
  --slotted-control-surface: var(--slotted-surface);
837
+ --slotted-tone-info-solid: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0.058), 1) min(calc(c * 0.991), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
838
+ --slotted-tone-info-solid-hover: oklch(from oklab(from oklch(from color-mix(in oklch, var(--slotted-tone-info-solid), oklch(from var(--slotted-tone-info-solid) clamp(0, calc((0.9 - l) * 1000000), 1) 0 none) 8%) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
839
+ --slotted-tone-info-solid-active: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + -0.064), 1) min(calc(c * 0.833), 0.25) h) l c h / c) min(l, calc(0.5586 + alpha * (((0.01357 + (a / max(alpha, 0.00001)) * (0.12873 + (a / max(alpha, 0.00001)) * (0.00094 + (a / max(alpha, 0.00001)) * (-0.08492 + (a / max(alpha, 0.00001)) * (0.04896))))) + (b / max(alpha, 0.00001)) * (0.00929 + (a / max(alpha, 0.00001)) * (0.0188 + (a / max(alpha, 0.00001)) * (-0.14544 + (a / max(alpha, 0.00001)) * (0.07248))))) + alpha * (((0.03631 + (a / max(alpha, 0.00001)) * (-0.15883 + (a / max(alpha, 0.00001)) * (-0.01744 + (a / max(alpha, 0.00001)) * (1.45252 + (a / max(alpha, 0.00001)) * (-0.98552))))) + (b / max(alpha, 0.00001)) * (-0.38033 + (a / max(alpha, 0.00001)) * (0.03424 + (a / max(alpha, 0.00001)) * (2.5058 + (a / max(alpha, 0.00001)) * (-1.8248))))) + alpha * ((0.17717 + (a / max(alpha, 0.00001)) * (1.22898 + (a / max(alpha, 0.00001)) * (-1.73714 + (a / max(alpha, 0.00001)) * (-3.70144 + (a / max(alpha, 0.00001)) * (2.99352))))) + (b / max(alpha, 0.00001)) * (0.87033 + (a / max(alpha, 0.00001)) * (-1.33962 + (a / max(alpha, 0.00001)) * (-6.3798 + (a / max(alpha, 0.00001)) * (6.06448))))))))) a b / 1) l c h);
840
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
841
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 0.222 min(calc(c * 0.066), 0.06) h);
842
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.187 min(calc(c * 0.049), 0.06) h);
843
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.222 min(calc(c * 0.066), 0.06) h);
844
+ --slotted-tone-info-border: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0.226), 1) min(calc(c * 0.66), 0.25) h) l c h / c) max(l, calc(0.5129 + alpha * (((-0.00004 + (a / max(alpha, 0.00001)) * (0.12718 + (a / max(alpha, 0.00001)) * (0.00012 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00008))))) + (b / max(alpha, 0.00001)) * (-0.01266 + (a / max(alpha, 0.00001)) * (0 + (a / max(alpha, 0.00001)) * (-0.00016)))) + alpha * (((0.22974 + (a / max(alpha, 0.00001)) * (0.00013 + (a / max(alpha, 0.00001)) * (-0.21006 + (a / max(alpha, 0.00001)) * (-0.00012 + (a / max(alpha, 0.00001)) * (0.00136))))) + (b / max(alpha, 0.00001)) * (-0.00264 + (a / max(alpha, 0.00001)) * (0.01022 + (a / max(alpha, 0.00001)) * (0.00348 + (a / max(alpha, 0.00001)) * (0.00016))))) + alpha * ((-0.00413 + (a / max(alpha, 0.00001)) * (0.0196 + (a / max(alpha, 0.00001)) * (0.01032 + (a / max(alpha, 0.00001)) * (-0.0122 + (a / max(alpha, 0.00001)) * (-0.00632))))) + (b / max(alpha, 0.00001)) * (-0.1877 + (a / max(alpha, 0.00001)) * (0.00056 + (a / max(alpha, 0.00001)) * (0.19164 + (a / max(alpha, 0.00001)) * (-0.00064))))))))) a b / 1) l c h);
845
+ --slotted-tone-info-text: oklch(from oklab(from oklch(from oklch(from var(--slotted-seed-info) clamp(0, calc(l + 0.321), 1) min(calc(c * 0.44), 0.25) h) l c h / c) max(l, calc(0.6175 + alpha * (((0.0406 + (a / max(alpha, 0.00001)) * (0.14467 + (a / max(alpha, 0.00001)) * (-0.13242 + (a / max(alpha, 0.00001)) * (-0.01764 + (a / max(alpha, 0.00001)) * (0.09888))))) + (b / max(alpha, 0.00001)) * (-0.04964 + (a / max(alpha, 0.00001)) * (-0.0351 + (a / max(alpha, 0.00001)) * (0.07096 + (a / max(alpha, 0.00001)) * (0.0608))))) + alpha * (((-0.51057 + (a / max(alpha, 0.00001)) * (-0.29433 + (a / max(alpha, 0.00001)) * (2.13382 + (a / max(alpha, 0.00001)) * (0.29916 + (a / max(alpha, 0.00001)) * (-1.72616))))) + (b / max(alpha, 0.00001)) * (0.63433 + (a / max(alpha, 0.00001)) * (0.59642 + (a / max(alpha, 0.00001)) * (-1.21788 + (a / max(alpha, 0.00001)) * (-1.01256))))) + alpha * ((2.66863 + (a / max(alpha, 0.00001)) * (1.10008 + (a / max(alpha, 0.00001)) * (-8.82554 + (a / max(alpha, 0.00001)) * (-1.12128 + (a / max(alpha, 0.00001)) * (6.60888))))) + (b / max(alpha, 0.00001)) * (-2.53673 + (a / max(alpha, 0.00001)) * (-2.15628 + (a / max(alpha, 0.00001)) * (4.73444 + (a / max(alpha, 0.00001)) * (3.6944))))))))) a b / 1) l c h);
846
+ --slotted-data-1: oklab(from oklch(from var(--slotted-seed-accent) 0.82 1 h) l calc(a * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))) calc(b * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))));
847
+ --slotted-data-2: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 315)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
848
+ --slotted-data-3: oklab(from oklch(from var(--slotted-seed-accent) 0.82 1 calc(h + 270)) l calc(a * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))) calc(b * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))));
849
+ --slotted-data-4: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 225)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
850
+ --slotted-data-5: oklab(from oklch(from var(--slotted-seed-accent) 0.82 1 calc(h + 180)) l calc(a * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))) calc(b * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))));
851
+ --slotted-data-6: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 135)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
852
+ --slotted-data-7: oklab(from oklch(from var(--slotted-seed-accent) 0.82 1 calc(h + 90)) l calc(a * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))) calc(b * max(0, min(0.14, (0.10159 + a * (-0.04459 + a * (0.1105 + a * (0.02196 + a * (-0.09752))))) + b * (0.04028 + a * (-0.0305 + a * (-0.02764 + a * (-0.06632))))))));
853
+ --slotted-data-8: oklab(from oklch(from var(--slotted-seed-accent) 0.6 1 calc(h + 45)) l calc(a * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))) calc(b * max(0, min(0.15, (0.14412 + a * (0.05116 + a * (0.07978 + a * (0.0192 + a * (-0.06304))))) + b * (-0.04943 + a * (-0.07412 + a * (0.06912 + a * (0.0072))))))));
854
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
855
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
856
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
857
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
858
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
859
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
860
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
861
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
680
862
  --slotted-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.40);
681
863
  --slotted-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.45), 0 1px 2px -1px rgb(0 0 0 / 0.40);
682
864
  --slotted-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.50), 0 2px 4px -2px rgb(0 0 0 / 0.45);
683
865
  --slotted-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.60), 0 4px 6px -4px rgb(0 0 0 / 0.50);
684
866
  --slotted-current-edge: transparent;
867
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 6%, transparent);
868
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 12%, transparent);
869
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 10%, transparent);
870
+ --slotted-surface-material: color-mix(in oklab, var(--slotted-surface) 68%, transparent);
871
+ --slotted-material-backdrop: saturate(1.6) blur(20px);
685
872
  --slotted-control-shadow: 0 1px 2px rgb(0 0 0 / 0.5);
686
873
  --slotted-scrim: rgb(0 0 0 / 0.62);
687
- --slotted-data-1: #2563eb;
688
- --slotted-data-2: #ea580c;
689
- --slotted-data-3: #0891b2;
690
- --slotted-data-4: #ef4444;
691
- --slotted-data-5: #8b5cf6;
692
- --slotted-data-6: #d97706;
693
- --slotted-data-7: #d946ef;
694
- --slotted-data-8: #16a34a;
695
874
  --slotted-upload-kind-pdf: #dc2626;
696
875
  --slotted-upload-kind-document: #2563eb;
697
876
  --slotted-upload-kind-spreadsheet: #15803d;
@@ -832,6 +1011,45 @@
832
1011
  }
833
1012
  }
834
1013
 
1014
+ @media (prefers-reduced-transparency: reduce) {
1015
+ [data-slotted-theme="default"] {
1016
+ --slotted-surface-material: var(--slotted-surface);
1017
+ --slotted-material-backdrop: none;
1018
+ }
1019
+
1020
+ @scope ([data-slotted-theme="default"][data-slotted-scheme="light"], [data-slotted-theme="default"] [data-slotted-scheme="light"], [data-slotted-scheme="light"] [data-slotted-theme="default"]:not([data-slotted-scheme])) to ([data-slotted-scheme], [data-slotted-theme]) {
1021
+ :scope,
1022
+ [data-slotted-seeds] {
1023
+ --slotted-surface-material: var(--slotted-surface);
1024
+ --slotted-material-backdrop: none;
1025
+ }
1026
+ }
1027
+
1028
+ @scope ([data-slotted-theme="default"][data-slotted-scheme="dark"], [data-slotted-theme="default"] [data-slotted-scheme="dark"], [data-slotted-scheme="dark"] [data-slotted-theme="default"]:not([data-slotted-scheme])) to ([data-slotted-scheme], [data-slotted-theme]) {
1029
+ :scope,
1030
+ [data-slotted-seeds] {
1031
+ --slotted-surface-material: var(--slotted-surface);
1032
+ --slotted-material-backdrop: none;
1033
+ }
1034
+ }
1035
+
1036
+ @scope ([data-slotted-theme="default"][data-slotted-scheme="high-contrast"], [data-slotted-theme="default"] [data-slotted-scheme="high-contrast"], [data-slotted-scheme="high-contrast"] [data-slotted-theme="default"]:not([data-slotted-scheme])) to ([data-slotted-scheme], [data-slotted-theme]) {
1037
+ :scope,
1038
+ [data-slotted-seeds] {
1039
+ --slotted-surface-material: var(--slotted-surface);
1040
+ --slotted-material-backdrop: none;
1041
+ }
1042
+ }
1043
+
1044
+ @scope ([data-slotted-theme="default"][data-slotted-scheme="system"], [data-slotted-theme="default"] [data-slotted-scheme="system"], [data-slotted-scheme="system"] [data-slotted-theme="default"]:not([data-slotted-scheme])) to ([data-slotted-scheme], [data-slotted-theme]) {
1045
+ :scope,
1046
+ [data-slotted-seeds] {
1047
+ --slotted-surface-material: var(--slotted-surface);
1048
+ --slotted-material-backdrop: none;
1049
+ }
1050
+ }
1051
+ }
1052
+
835
1053
  @media (forced-colors: active) {
836
1054
  [data-slotted-theme="default"] {
837
1055
  --slotted-focus-ring-color: Highlight;
@@ -860,6 +1078,15 @@
860
1078
  --slotted-tone-secondary-text: CanvasText;
861
1079
  --slotted-tone-secondary-subtle-hover: Canvas;
862
1080
  --slotted-tone-secondary-subtle-active: Canvas;
1081
+ --slotted-tone-neutral-solid: CanvasText;
1082
+ --slotted-tone-neutral-solid-hover: CanvasText;
1083
+ --slotted-tone-neutral-solid-active: CanvasText;
1084
+ --slotted-tone-neutral-on-solid: Canvas;
1085
+ --slotted-tone-neutral-surface: Canvas;
1086
+ --slotted-tone-neutral-subtle-hover: Canvas;
1087
+ --slotted-tone-neutral-subtle-active: Canvas;
1088
+ --slotted-tone-neutral-border: ButtonBorder;
1089
+ --slotted-tone-neutral-text: CanvasText;
863
1090
  --slotted-tone-success-solid: ButtonFace;
864
1091
  --slotted-tone-success-surface: Canvas;
865
1092
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -887,6 +1114,15 @@
887
1114
  --slotted-tone-danger-text: CanvasText;
888
1115
  --slotted-tone-danger-subtle-hover: Canvas;
889
1116
  --slotted-tone-danger-subtle-active: Canvas;
1117
+ --slotted-tone-info-solid: ButtonFace;
1118
+ --slotted-tone-info-surface: Canvas;
1119
+ --slotted-tone-info-solid-hover: ButtonFace;
1120
+ --slotted-tone-info-solid-active: ButtonFace;
1121
+ --slotted-tone-info-on-solid: ButtonText;
1122
+ --slotted-tone-info-border: ButtonBorder;
1123
+ --slotted-tone-info-text: CanvasText;
1124
+ --slotted-tone-info-subtle-hover: Canvas;
1125
+ --slotted-tone-info-subtle-active: Canvas;
890
1126
  --slotted-shadow-xs: none;
891
1127
  --slotted-shadow-sm: none;
892
1128
  --slotted-shadow-md: none;
@@ -895,11 +1131,18 @@
895
1131
  --slotted-surface-raised: Canvas;
896
1132
  --slotted-surface-sunken: Canvas;
897
1133
  --slotted-surface-inverse: CanvasText;
1134
+ --slotted-surface-inverse-hover: CanvasText;
1135
+ --slotted-surface-inverse-active: CanvasText;
1136
+ --slotted-surface-material: Canvas;
1137
+ --slotted-material-backdrop: none;
898
1138
  --slotted-text-inverse: Canvas;
899
1139
  --slotted-border-strong: CanvasText;
900
1140
  --slotted-control-border-color: ButtonBorder;
901
1141
  --slotted-control-surface: Field;
902
1142
  --slotted-current-edge: Highlight;
1143
+ --slotted-state-hover: Canvas;
1144
+ --slotted-state-pressed: Canvas;
1145
+ --slotted-state-selected: Canvas;
903
1146
  --slotted-control-shadow: none;
904
1147
  --slotted-scrim: Canvas;
905
1148
  --slotted-data-1: CanvasText;
@@ -910,6 +1153,14 @@
910
1153
  --slotted-data-6: CanvasText;
911
1154
  --slotted-data-7: CanvasText;
912
1155
  --slotted-data-8: CanvasText;
1156
+ --slotted-data-1-on: Canvas;
1157
+ --slotted-data-2-on: Canvas;
1158
+ --slotted-data-3-on: Canvas;
1159
+ --slotted-data-4-on: Canvas;
1160
+ --slotted-data-5-on: Canvas;
1161
+ --slotted-data-6-on: Canvas;
1162
+ --slotted-data-7-on: Canvas;
1163
+ --slotted-data-8-on: Canvas;
913
1164
  --slotted-upload-kind-pdf: ButtonFace;
914
1165
  --slotted-upload-kind-document: ButtonFace;
915
1166
  --slotted-upload-kind-spreadsheet: ButtonFace;
@@ -964,6 +1215,15 @@
964
1215
  --slotted-tone-secondary-text: CanvasText;
965
1216
  --slotted-tone-secondary-subtle-hover: Canvas;
966
1217
  --slotted-tone-secondary-subtle-active: Canvas;
1218
+ --slotted-tone-neutral-solid: CanvasText;
1219
+ --slotted-tone-neutral-solid-hover: CanvasText;
1220
+ --slotted-tone-neutral-solid-active: CanvasText;
1221
+ --slotted-tone-neutral-on-solid: Canvas;
1222
+ --slotted-tone-neutral-surface: Canvas;
1223
+ --slotted-tone-neutral-subtle-hover: Canvas;
1224
+ --slotted-tone-neutral-subtle-active: Canvas;
1225
+ --slotted-tone-neutral-border: ButtonBorder;
1226
+ --slotted-tone-neutral-text: CanvasText;
967
1227
  --slotted-tone-success-solid: ButtonFace;
968
1228
  --slotted-tone-success-surface: Canvas;
969
1229
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -991,6 +1251,15 @@
991
1251
  --slotted-tone-danger-text: CanvasText;
992
1252
  --slotted-tone-danger-subtle-hover: Canvas;
993
1253
  --slotted-tone-danger-subtle-active: Canvas;
1254
+ --slotted-tone-info-solid: ButtonFace;
1255
+ --slotted-tone-info-surface: Canvas;
1256
+ --slotted-tone-info-solid-hover: ButtonFace;
1257
+ --slotted-tone-info-solid-active: ButtonFace;
1258
+ --slotted-tone-info-on-solid: ButtonText;
1259
+ --slotted-tone-info-border: ButtonBorder;
1260
+ --slotted-tone-info-text: CanvasText;
1261
+ --slotted-tone-info-subtle-hover: Canvas;
1262
+ --slotted-tone-info-subtle-active: Canvas;
994
1263
  --slotted-shadow-xs: none;
995
1264
  --slotted-shadow-sm: none;
996
1265
  --slotted-shadow-md: none;
@@ -999,11 +1268,18 @@
999
1268
  --slotted-surface-raised: Canvas;
1000
1269
  --slotted-surface-sunken: Canvas;
1001
1270
  --slotted-surface-inverse: CanvasText;
1271
+ --slotted-surface-inverse-hover: CanvasText;
1272
+ --slotted-surface-inverse-active: CanvasText;
1273
+ --slotted-surface-material: Canvas;
1274
+ --slotted-material-backdrop: none;
1002
1275
  --slotted-text-inverse: Canvas;
1003
1276
  --slotted-border-strong: CanvasText;
1004
1277
  --slotted-control-border-color: ButtonBorder;
1005
1278
  --slotted-control-surface: Field;
1006
1279
  --slotted-current-edge: Highlight;
1280
+ --slotted-state-hover: Canvas;
1281
+ --slotted-state-pressed: Canvas;
1282
+ --slotted-state-selected: Canvas;
1007
1283
  --slotted-control-shadow: none;
1008
1284
  --slotted-scrim: Canvas;
1009
1285
  --slotted-data-1: CanvasText;
@@ -1014,6 +1290,14 @@
1014
1290
  --slotted-data-6: CanvasText;
1015
1291
  --slotted-data-7: CanvasText;
1016
1292
  --slotted-data-8: CanvasText;
1293
+ --slotted-data-1-on: Canvas;
1294
+ --slotted-data-2-on: Canvas;
1295
+ --slotted-data-3-on: Canvas;
1296
+ --slotted-data-4-on: Canvas;
1297
+ --slotted-data-5-on: Canvas;
1298
+ --slotted-data-6-on: Canvas;
1299
+ --slotted-data-7-on: Canvas;
1300
+ --slotted-data-8-on: Canvas;
1017
1301
  --slotted-upload-kind-pdf: ButtonFace;
1018
1302
  --slotted-upload-kind-document: ButtonFace;
1019
1303
  --slotted-upload-kind-spreadsheet: ButtonFace;
@@ -1069,6 +1353,15 @@
1069
1353
  --slotted-tone-secondary-text: CanvasText;
1070
1354
  --slotted-tone-secondary-subtle-hover: Canvas;
1071
1355
  --slotted-tone-secondary-subtle-active: Canvas;
1356
+ --slotted-tone-neutral-solid: CanvasText;
1357
+ --slotted-tone-neutral-solid-hover: CanvasText;
1358
+ --slotted-tone-neutral-solid-active: CanvasText;
1359
+ --slotted-tone-neutral-on-solid: Canvas;
1360
+ --slotted-tone-neutral-surface: Canvas;
1361
+ --slotted-tone-neutral-subtle-hover: Canvas;
1362
+ --slotted-tone-neutral-subtle-active: Canvas;
1363
+ --slotted-tone-neutral-border: ButtonBorder;
1364
+ --slotted-tone-neutral-text: CanvasText;
1072
1365
  --slotted-tone-success-solid: ButtonFace;
1073
1366
  --slotted-tone-success-surface: Canvas;
1074
1367
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -1096,6 +1389,15 @@
1096
1389
  --slotted-tone-danger-text: CanvasText;
1097
1390
  --slotted-tone-danger-subtle-hover: Canvas;
1098
1391
  --slotted-tone-danger-subtle-active: Canvas;
1392
+ --slotted-tone-info-solid: ButtonFace;
1393
+ --slotted-tone-info-surface: Canvas;
1394
+ --slotted-tone-info-solid-hover: ButtonFace;
1395
+ --slotted-tone-info-solid-active: ButtonFace;
1396
+ --slotted-tone-info-on-solid: ButtonText;
1397
+ --slotted-tone-info-border: ButtonBorder;
1398
+ --slotted-tone-info-text: CanvasText;
1399
+ --slotted-tone-info-subtle-hover: Canvas;
1400
+ --slotted-tone-info-subtle-active: Canvas;
1099
1401
  --slotted-shadow-xs: none;
1100
1402
  --slotted-shadow-sm: none;
1101
1403
  --slotted-shadow-md: none;
@@ -1104,11 +1406,18 @@
1104
1406
  --slotted-surface-raised: Canvas;
1105
1407
  --slotted-surface-sunken: Canvas;
1106
1408
  --slotted-surface-inverse: CanvasText;
1409
+ --slotted-surface-inverse-hover: CanvasText;
1410
+ --slotted-surface-inverse-active: CanvasText;
1411
+ --slotted-surface-material: Canvas;
1412
+ --slotted-material-backdrop: none;
1107
1413
  --slotted-text-inverse: Canvas;
1108
1414
  --slotted-border-strong: CanvasText;
1109
1415
  --slotted-control-border-color: ButtonBorder;
1110
1416
  --slotted-control-surface: Field;
1111
1417
  --slotted-current-edge: Highlight;
1418
+ --slotted-state-hover: Canvas;
1419
+ --slotted-state-pressed: Canvas;
1420
+ --slotted-state-selected: Canvas;
1112
1421
  --slotted-control-shadow: none;
1113
1422
  --slotted-scrim: Canvas;
1114
1423
  --slotted-data-1: CanvasText;
@@ -1119,6 +1428,14 @@
1119
1428
  --slotted-data-6: CanvasText;
1120
1429
  --slotted-data-7: CanvasText;
1121
1430
  --slotted-data-8: CanvasText;
1431
+ --slotted-data-1-on: Canvas;
1432
+ --slotted-data-2-on: Canvas;
1433
+ --slotted-data-3-on: Canvas;
1434
+ --slotted-data-4-on: Canvas;
1435
+ --slotted-data-5-on: Canvas;
1436
+ --slotted-data-6-on: Canvas;
1437
+ --slotted-data-7-on: Canvas;
1438
+ --slotted-data-8-on: Canvas;
1122
1439
  --slotted-upload-kind-pdf: ButtonFace;
1123
1440
  --slotted-upload-kind-document: ButtonFace;
1124
1441
  --slotted-upload-kind-spreadsheet: ButtonFace;
@@ -1174,6 +1491,15 @@
1174
1491
  --slotted-tone-secondary-text: CanvasText;
1175
1492
  --slotted-tone-secondary-subtle-hover: Canvas;
1176
1493
  --slotted-tone-secondary-subtle-active: Canvas;
1494
+ --slotted-tone-neutral-solid: CanvasText;
1495
+ --slotted-tone-neutral-solid-hover: CanvasText;
1496
+ --slotted-tone-neutral-solid-active: CanvasText;
1497
+ --slotted-tone-neutral-on-solid: Canvas;
1498
+ --slotted-tone-neutral-surface: Canvas;
1499
+ --slotted-tone-neutral-subtle-hover: Canvas;
1500
+ --slotted-tone-neutral-subtle-active: Canvas;
1501
+ --slotted-tone-neutral-border: ButtonBorder;
1502
+ --slotted-tone-neutral-text: CanvasText;
1177
1503
  --slotted-tone-success-solid: ButtonFace;
1178
1504
  --slotted-tone-success-surface: Canvas;
1179
1505
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -1201,6 +1527,15 @@
1201
1527
  --slotted-tone-danger-text: CanvasText;
1202
1528
  --slotted-tone-danger-subtle-hover: Canvas;
1203
1529
  --slotted-tone-danger-subtle-active: Canvas;
1530
+ --slotted-tone-info-solid: ButtonFace;
1531
+ --slotted-tone-info-surface: Canvas;
1532
+ --slotted-tone-info-solid-hover: ButtonFace;
1533
+ --slotted-tone-info-solid-active: ButtonFace;
1534
+ --slotted-tone-info-on-solid: ButtonText;
1535
+ --slotted-tone-info-border: ButtonBorder;
1536
+ --slotted-tone-info-text: CanvasText;
1537
+ --slotted-tone-info-subtle-hover: Canvas;
1538
+ --slotted-tone-info-subtle-active: Canvas;
1204
1539
  --slotted-shadow-xs: none;
1205
1540
  --slotted-shadow-sm: none;
1206
1541
  --slotted-shadow-md: none;
@@ -1209,11 +1544,18 @@
1209
1544
  --slotted-surface-raised: Canvas;
1210
1545
  --slotted-surface-sunken: Canvas;
1211
1546
  --slotted-surface-inverse: CanvasText;
1547
+ --slotted-surface-inverse-hover: CanvasText;
1548
+ --slotted-surface-inverse-active: CanvasText;
1549
+ --slotted-surface-material: Canvas;
1550
+ --slotted-material-backdrop: none;
1212
1551
  --slotted-text-inverse: Canvas;
1213
1552
  --slotted-border-strong: CanvasText;
1214
1553
  --slotted-control-border-color: ButtonBorder;
1215
1554
  --slotted-control-surface: Field;
1216
1555
  --slotted-current-edge: Highlight;
1556
+ --slotted-state-hover: Canvas;
1557
+ --slotted-state-pressed: Canvas;
1558
+ --slotted-state-selected: Canvas;
1217
1559
  --slotted-control-shadow: none;
1218
1560
  --slotted-scrim: Canvas;
1219
1561
  --slotted-data-1: CanvasText;
@@ -1224,6 +1566,14 @@
1224
1566
  --slotted-data-6: CanvasText;
1225
1567
  --slotted-data-7: CanvasText;
1226
1568
  --slotted-data-8: CanvasText;
1569
+ --slotted-data-1-on: Canvas;
1570
+ --slotted-data-2-on: Canvas;
1571
+ --slotted-data-3-on: Canvas;
1572
+ --slotted-data-4-on: Canvas;
1573
+ --slotted-data-5-on: Canvas;
1574
+ --slotted-data-6-on: Canvas;
1575
+ --slotted-data-7-on: Canvas;
1576
+ --slotted-data-8-on: Canvas;
1227
1577
  --slotted-upload-kind-pdf: ButtonFace;
1228
1578
  --slotted-upload-kind-document: ButtonFace;
1229
1579
  --slotted-upload-kind-spreadsheet: ButtonFace;
@@ -1279,6 +1629,15 @@
1279
1629
  --slotted-tone-secondary-text: CanvasText;
1280
1630
  --slotted-tone-secondary-subtle-hover: Canvas;
1281
1631
  --slotted-tone-secondary-subtle-active: Canvas;
1632
+ --slotted-tone-neutral-solid: CanvasText;
1633
+ --slotted-tone-neutral-solid-hover: CanvasText;
1634
+ --slotted-tone-neutral-solid-active: CanvasText;
1635
+ --slotted-tone-neutral-on-solid: Canvas;
1636
+ --slotted-tone-neutral-surface: Canvas;
1637
+ --slotted-tone-neutral-subtle-hover: Canvas;
1638
+ --slotted-tone-neutral-subtle-active: Canvas;
1639
+ --slotted-tone-neutral-border: ButtonBorder;
1640
+ --slotted-tone-neutral-text: CanvasText;
1282
1641
  --slotted-tone-success-solid: ButtonFace;
1283
1642
  --slotted-tone-success-surface: Canvas;
1284
1643
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -1306,6 +1665,15 @@
1306
1665
  --slotted-tone-danger-text: CanvasText;
1307
1666
  --slotted-tone-danger-subtle-hover: Canvas;
1308
1667
  --slotted-tone-danger-subtle-active: Canvas;
1668
+ --slotted-tone-info-solid: ButtonFace;
1669
+ --slotted-tone-info-surface: Canvas;
1670
+ --slotted-tone-info-solid-hover: ButtonFace;
1671
+ --slotted-tone-info-solid-active: ButtonFace;
1672
+ --slotted-tone-info-on-solid: ButtonText;
1673
+ --slotted-tone-info-border: ButtonBorder;
1674
+ --slotted-tone-info-text: CanvasText;
1675
+ --slotted-tone-info-subtle-hover: Canvas;
1676
+ --slotted-tone-info-subtle-active: Canvas;
1309
1677
  --slotted-shadow-xs: none;
1310
1678
  --slotted-shadow-sm: none;
1311
1679
  --slotted-shadow-md: none;
@@ -1314,11 +1682,18 @@
1314
1682
  --slotted-surface-raised: Canvas;
1315
1683
  --slotted-surface-sunken: Canvas;
1316
1684
  --slotted-surface-inverse: CanvasText;
1685
+ --slotted-surface-inverse-hover: CanvasText;
1686
+ --slotted-surface-inverse-active: CanvasText;
1687
+ --slotted-surface-material: Canvas;
1688
+ --slotted-material-backdrop: none;
1317
1689
  --slotted-text-inverse: Canvas;
1318
1690
  --slotted-border-strong: CanvasText;
1319
1691
  --slotted-control-border-color: ButtonBorder;
1320
1692
  --slotted-control-surface: Field;
1321
1693
  --slotted-current-edge: Highlight;
1694
+ --slotted-state-hover: Canvas;
1695
+ --slotted-state-pressed: Canvas;
1696
+ --slotted-state-selected: Canvas;
1322
1697
  --slotted-control-shadow: none;
1323
1698
  --slotted-scrim: Canvas;
1324
1699
  --slotted-data-1: CanvasText;
@@ -1329,6 +1704,14 @@
1329
1704
  --slotted-data-6: CanvasText;
1330
1705
  --slotted-data-7: CanvasText;
1331
1706
  --slotted-data-8: CanvasText;
1707
+ --slotted-data-1-on: Canvas;
1708
+ --slotted-data-2-on: Canvas;
1709
+ --slotted-data-3-on: Canvas;
1710
+ --slotted-data-4-on: Canvas;
1711
+ --slotted-data-5-on: Canvas;
1712
+ --slotted-data-6-on: Canvas;
1713
+ --slotted-data-7-on: Canvas;
1714
+ --slotted-data-8-on: Canvas;
1332
1715
  --slotted-upload-kind-pdf: ButtonFace;
1333
1716
  --slotted-upload-kind-document: ButtonFace;
1334
1717
  --slotted-upload-kind-spreadsheet: ButtonFace;