@slotted/themes 0.1.0-beta.0 → 0.1.0-beta.10

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.
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;
@@ -138,16 +148,17 @@
138
148
  --slotted-selection-size-lg: 18px;
139
149
  --slotted-selection-halo-opacity: 0.12;
140
150
  --slotted-highlight-tint-opacity: 0.075;
151
+ --slotted-material-backdrop: saturate(1.6) blur(20px);
141
152
  --slotted-icon-loader-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6.219-8.56'/%3E%3C/svg%3E");
142
153
  --slotted-icon-ellipsis: 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='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E");
143
154
  --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
155
  --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
156
  --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");
157
+ --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
158
  --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
159
  --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
160
  --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");
161
+ --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
162
  --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
163
  --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
164
  --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 +171,7 @@
160
171
  --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
172
  --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
173
  --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");
174
+ --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
175
  --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
176
  --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
177
  --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 +189,10 @@
178
189
  --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
190
  --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
191
  --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");
192
+ --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");
193
+ --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");
194
+ --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");
195
+ --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
196
  }
182
197
 
183
198
  [data-slotted-scheme="light"],
@@ -248,25 +263,57 @@
248
263
  --slotted-surface-raised: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
249
264
  --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.97 min(calc(c * 0.22), 0.012) h);
250
265
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0.245 min(calc(c * 0.952), 0.041) h);
266
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
267
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
268
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
269
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
270
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
271
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
272
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
273
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
274
+ --slotted-tone-neutral-text: var(--slotted-text);
275
+ --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%);
276
+ --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
277
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 0.984 min(calc(c * 0.22), 0.007) h);
252
278
  --slotted-border-strong: oklch(from var(--slotted-seed-neutral) 0.623 min(calc(c * 0.857), 0.06) h);
253
279
  --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.826 min(calc(c * 0.406), 0.06) h);
254
280
  --slotted-control-surface: var(--slotted-surface);
281
+ --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);
282
+ --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);
283
+ --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);
284
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
285
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 0.932 min(calc(c * 0.145), 0.06) h);
286
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.97 min(calc(c * 0.065), 0.06) h);
287
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.932 min(calc(c * 0.145), 0.06) h);
288
+ --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);
289
+ --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);
290
+ --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))))))));
291
+ --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))))))));
292
+ --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))))))));
293
+ --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))))))));
294
+ --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))))))));
295
+ --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))))))));
296
+ --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))))))));
297
+ --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))))))));
298
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
299
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
300
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
301
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
302
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
303
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
304
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
305
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
255
306
  --slotted-shadow-xs: 0 1px 2px rgb(15 23 42 / 0.06);
256
307
  --slotted-shadow-sm: 0 1px 3px rgb(15 23 42 / 0.08), 0 1px 2px -1px rgb(15 23 42 / 0.08);
257
308
  --slotted-shadow-md: 0 4px 6px -1px rgb(15 23 42 / 0.08), 0 2px 4px -2px rgb(15 23 42 / 0.08);
258
309
  --slotted-shadow-lg: 0 10px 15px -3px rgb(15 23 42 / 0.10), 0 4px 6px -4px rgb(15 23 42 / 0.08);
259
310
  --slotted-current-edge: transparent;
311
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 5%, transparent);
312
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 10%, transparent);
313
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 8%, transparent);
314
+ --slotted-surface-material: color-mix(in oklab, var(--slotted-surface) 72%, transparent);
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,61 @@
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);
366
453
  --slotted-control-shadow: 0 1px 2px rgb(0 0 0 / 0.5);
367
454
  --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
455
  --slotted-upload-kind-pdf: #dc2626;
377
456
  --slotted-upload-kind-document: #2563eb;
378
457
  --slotted-upload-kind-spreadsheet: #15803d;
@@ -460,25 +539,57 @@
460
539
  --slotted-surface-raised: oklch(from var(--slotted-seed-neutral) 1 min(calc(c * 0), 0) h);
461
540
  --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 1 min(calc(c * 0), 0) h);
462
541
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0 min(calc(c * 0), 0) h);
542
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
543
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
544
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
545
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
546
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
547
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
548
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
549
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
550
+ --slotted-tone-neutral-text: var(--slotted-text);
551
+ --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%);
552
+ --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
553
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 1 min(calc(c * 0), 0) h);
464
554
  --slotted-border-strong: oklch(from var(--slotted-seed-neutral) 0 min(calc(c * 0), 0) h);
465
555
  --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0 min(calc(c * 0), 0) h);
466
556
  --slotted-control-surface: var(--slotted-surface);
557
+ --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);
558
+ --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);
559
+ --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);
560
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
561
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
562
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.949 min(calc(c * 0.092), 0.06) h);
563
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.905 min(calc(c * 0.176), 0.06) h);
564
+ --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);
565
+ --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);
566
+ --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))))))));
567
+ --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))))))));
568
+ --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))))))));
569
+ --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))))))));
570
+ --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))))))));
571
+ --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))))))));
572
+ --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))))))));
573
+ --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))))))));
574
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
575
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
576
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
577
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
578
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
579
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
580
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
581
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
467
582
  --slotted-shadow-xs: 0 0 0 1px #000000;
468
583
  --slotted-shadow-sm: 0 0 0 1px #000000;
469
584
  --slotted-shadow-md: 0 0 0 2px #000000;
470
585
  --slotted-shadow-lg: 0 0 0 2px #000000;
471
586
  --slotted-current-edge: #000000;
587
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 10%, transparent);
588
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 20%, transparent);
589
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 16%, transparent);
590
+ --slotted-surface-material: var(--slotted-surface);
472
591
  --slotted-control-shadow: none;
473
592
  --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
593
  --slotted-upload-kind-pdf: #991b1b;
483
594
  --slotted-upload-kind-document: #1e3a8a;
484
595
  --slotted-upload-kind-spreadsheet: #14532d;
@@ -566,25 +677,57 @@
566
677
  --slotted-surface-raised: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
567
678
  --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.97 min(calc(c * 0.22), 0.012) h);
568
679
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0.245 min(calc(c * 0.952), 0.041) h);
680
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
681
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
682
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
683
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
684
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
685
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
686
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
687
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
688
+ --slotted-tone-neutral-text: var(--slotted-text);
689
+ --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%);
690
+ --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
691
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 0.984 min(calc(c * 0.22), 0.007) h);
570
692
  --slotted-border-strong: oklch(from var(--slotted-seed-neutral) 0.623 min(calc(c * 0.857), 0.06) h);
571
693
  --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.826 min(calc(c * 0.406), 0.06) h);
572
694
  --slotted-control-surface: var(--slotted-surface);
695
+ --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);
696
+ --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);
697
+ --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);
698
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
699
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 0.932 min(calc(c * 0.145), 0.06) h);
700
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.97 min(calc(c * 0.065), 0.06) h);
701
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.932 min(calc(c * 0.145), 0.06) h);
702
+ --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);
703
+ --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);
704
+ --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))))))));
705
+ --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))))))));
706
+ --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))))))));
707
+ --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))))))));
708
+ --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))))))));
709
+ --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))))))));
710
+ --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))))))));
711
+ --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))))))));
712
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
713
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
714
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
715
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
716
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
717
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
718
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
719
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
573
720
  --slotted-shadow-xs: 0 1px 2px rgb(15 23 42 / 0.06);
574
721
  --slotted-shadow-sm: 0 1px 3px rgb(15 23 42 / 0.08), 0 1px 2px -1px rgb(15 23 42 / 0.08);
575
722
  --slotted-shadow-md: 0 4px 6px -1px rgb(15 23 42 / 0.08), 0 2px 4px -2px rgb(15 23 42 / 0.08);
576
723
  --slotted-shadow-lg: 0 10px 15px -3px rgb(15 23 42 / 0.10), 0 4px 6px -4px rgb(15 23 42 / 0.08);
577
724
  --slotted-current-edge: transparent;
725
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 5%, transparent);
726
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 10%, transparent);
727
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 8%, transparent);
728
+ --slotted-surface-material: color-mix(in oklab, var(--slotted-surface) 72%, transparent);
578
729
  --slotted-control-shadow: 0 1px 2px rgb(0 0 0 / 0.06);
579
730
  --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
731
  --slotted-upload-kind-pdf: #c62828;
589
732
  --slotted-upload-kind-document: #1d4ed8;
590
733
  --slotted-upload-kind-spreadsheet: #15803d;
@@ -618,7 +761,7 @@
618
761
  color-scheme: dark;
619
762
  --slotted-focus-ring-color: var(--slotted-tone-accent-border);
620
763
  --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);
764
+ --slotted-border-subtle: oklch(from var(--slotted-seed-neutral) 0.275 min(calc(c * 0.22), 0.046) h);
622
765
  --slotted-text: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
623
766
  --slotted-text-muted: oklch(from var(--slotted-seed-neutral) 0.712 min(calc(c * 0.318), 0.06) h);
624
767
  --slotted-disabled-background: oklch(from var(--slotted-seed-neutral) 0.21 min(calc(c * 0.22), 0.035) h);
@@ -629,8 +772,8 @@
629
772
  --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
773
  --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
774
  --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);
775
+ --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);
776
+ --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
777
  --slotted-tone-accent-subtle-hover: oklch(from var(--slotted-seed-accent) 0.187 min(calc(c * 0.049), 0.06) h);
635
778
  --slotted-tone-accent-subtle-active: oklch(from var(--slotted-seed-accent) 0.222 min(calc(c * 0.066), 0.06) h);
636
779
  --slotted-tone-secondary-solid: oklch(from var(--slotted-seed-neutral) 0.274 min(calc(c * 0.22), 0.046) h);
@@ -669,29 +812,61 @@
669
812
  --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
813
  --slotted-tone-danger-subtle-hover: oklch(from var(--slotted-seed-danger) 0.187 min(calc(c * 0.055), 0.06) h);
671
814
  --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);
815
+ --slotted-surface: oklch(from var(--slotted-seed-neutral) 0.155 min(calc(c * 0.22), 0.025) h);
673
816
  --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);
817
+ --slotted-surface-sunken: oklch(from var(--slotted-seed-neutral) 0.13 min(calc(c * 0.22), 0.021) h);
675
818
  --slotted-surface-inverse: oklch(from var(--slotted-seed-neutral) 0.985 min(calc(c * 0.22), 0.006) h);
819
+ --slotted-tone-neutral-solid: var(--slotted-surface-inverse);
820
+ --slotted-tone-neutral-solid-hover: var(--slotted-surface-inverse-hover);
821
+ --slotted-tone-neutral-solid-active: var(--slotted-surface-inverse-active);
822
+ --slotted-tone-neutral-on-solid: var(--slotted-text-inverse);
823
+ --slotted-tone-neutral-surface: var(--slotted-tone-secondary-surface);
824
+ --slotted-tone-neutral-subtle-hover: var(--slotted-tone-secondary-subtle-hover);
825
+ --slotted-tone-neutral-subtle-active: var(--slotted-tone-secondary-subtle-active);
826
+ --slotted-tone-neutral-border: var(--slotted-border-strong);
827
+ --slotted-tone-neutral-text: var(--slotted-text);
828
+ --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%);
829
+ --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
830
  --slotted-text-inverse: oklch(from var(--slotted-seed-neutral) 0.21 min(calc(c * 0.22), 0.035) h);
677
831
  --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);
832
+ --slotted-control-border-color: oklch(from var(--slotted-seed-neutral) 0.36 min(calc(c * 0.332), 0.06) h);
679
833
  --slotted-control-surface: var(--slotted-surface);
834
+ --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);
835
+ --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);
836
+ --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);
837
+ --slotted-tone-info-on-solid: oklch(from var(--slotted-seed-info) 1 min(calc(c * 0), 0) h);
838
+ --slotted-tone-info-surface: oklch(from var(--slotted-seed-info) 0.222 min(calc(c * 0.066), 0.06) h);
839
+ --slotted-tone-info-subtle-hover: oklch(from var(--slotted-seed-info) 0.187 min(calc(c * 0.049), 0.06) h);
840
+ --slotted-tone-info-subtle-active: oklch(from var(--slotted-seed-info) 0.222 min(calc(c * 0.066), 0.06) h);
841
+ --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);
842
+ --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);
843
+ --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))))))));
844
+ --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))))))));
845
+ --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))))))));
846
+ --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))))))));
847
+ --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))))))));
848
+ --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))))))));
849
+ --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))))))));
850
+ --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))))))));
851
+ --slotted-data-1-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
852
+ --slotted-data-2-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
853
+ --slotted-data-3-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
854
+ --slotted-data-4-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
855
+ --slotted-data-5-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
856
+ --slotted-data-6-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
857
+ --slotted-data-7-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
858
+ --slotted-data-8-on: oklch(from var(--slotted-seed-neutral) 0.2 min(calc(c * 0.22), 0.03) h);
680
859
  --slotted-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.40);
681
860
  --slotted-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.45), 0 1px 2px -1px rgb(0 0 0 / 0.40);
682
861
  --slotted-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.50), 0 2px 4px -2px rgb(0 0 0 / 0.45);
683
862
  --slotted-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.60), 0 4px 6px -4px rgb(0 0 0 / 0.50);
684
863
  --slotted-current-edge: transparent;
864
+ --slotted-state-hover: color-mix(in oklab, var(--slotted-text) 6%, transparent);
865
+ --slotted-state-pressed: color-mix(in oklab, var(--slotted-text) 12%, transparent);
866
+ --slotted-state-selected: color-mix(in oklab, var(--slotted-text) 10%, transparent);
867
+ --slotted-surface-material: color-mix(in oklab, var(--slotted-surface) 68%, transparent);
685
868
  --slotted-control-shadow: 0 1px 2px rgb(0 0 0 / 0.5);
686
869
  --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
870
  --slotted-upload-kind-pdf: #dc2626;
696
871
  --slotted-upload-kind-document: #2563eb;
697
872
  --slotted-upload-kind-spreadsheet: #15803d;
@@ -832,6 +1007,45 @@
832
1007
  }
833
1008
  }
834
1009
 
1010
+ @media (prefers-reduced-transparency: reduce) {
1011
+ [data-slotted-theme="default"] {
1012
+ --slotted-surface-material: var(--slotted-surface);
1013
+ --slotted-material-backdrop: none;
1014
+ }
1015
+
1016
+ @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]) {
1017
+ :scope,
1018
+ [data-slotted-seeds] {
1019
+ --slotted-surface-material: var(--slotted-surface);
1020
+ --slotted-material-backdrop: none;
1021
+ }
1022
+ }
1023
+
1024
+ @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]) {
1025
+ :scope,
1026
+ [data-slotted-seeds] {
1027
+ --slotted-surface-material: var(--slotted-surface);
1028
+ --slotted-material-backdrop: none;
1029
+ }
1030
+ }
1031
+
1032
+ @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]) {
1033
+ :scope,
1034
+ [data-slotted-seeds] {
1035
+ --slotted-surface-material: var(--slotted-surface);
1036
+ --slotted-material-backdrop: none;
1037
+ }
1038
+ }
1039
+
1040
+ @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]) {
1041
+ :scope,
1042
+ [data-slotted-seeds] {
1043
+ --slotted-surface-material: var(--slotted-surface);
1044
+ --slotted-material-backdrop: none;
1045
+ }
1046
+ }
1047
+ }
1048
+
835
1049
  @media (forced-colors: active) {
836
1050
  [data-slotted-theme="default"] {
837
1051
  --slotted-focus-ring-color: Highlight;
@@ -860,6 +1074,15 @@
860
1074
  --slotted-tone-secondary-text: CanvasText;
861
1075
  --slotted-tone-secondary-subtle-hover: Canvas;
862
1076
  --slotted-tone-secondary-subtle-active: Canvas;
1077
+ --slotted-tone-neutral-solid: CanvasText;
1078
+ --slotted-tone-neutral-solid-hover: CanvasText;
1079
+ --slotted-tone-neutral-solid-active: CanvasText;
1080
+ --slotted-tone-neutral-on-solid: Canvas;
1081
+ --slotted-tone-neutral-surface: Canvas;
1082
+ --slotted-tone-neutral-subtle-hover: Canvas;
1083
+ --slotted-tone-neutral-subtle-active: Canvas;
1084
+ --slotted-tone-neutral-border: ButtonBorder;
1085
+ --slotted-tone-neutral-text: CanvasText;
863
1086
  --slotted-tone-success-solid: ButtonFace;
864
1087
  --slotted-tone-success-surface: Canvas;
865
1088
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -887,6 +1110,15 @@
887
1110
  --slotted-tone-danger-text: CanvasText;
888
1111
  --slotted-tone-danger-subtle-hover: Canvas;
889
1112
  --slotted-tone-danger-subtle-active: Canvas;
1113
+ --slotted-tone-info-solid: ButtonFace;
1114
+ --slotted-tone-info-surface: Canvas;
1115
+ --slotted-tone-info-solid-hover: ButtonFace;
1116
+ --slotted-tone-info-solid-active: ButtonFace;
1117
+ --slotted-tone-info-on-solid: ButtonText;
1118
+ --slotted-tone-info-border: ButtonBorder;
1119
+ --slotted-tone-info-text: CanvasText;
1120
+ --slotted-tone-info-subtle-hover: Canvas;
1121
+ --slotted-tone-info-subtle-active: Canvas;
890
1122
  --slotted-shadow-xs: none;
891
1123
  --slotted-shadow-sm: none;
892
1124
  --slotted-shadow-md: none;
@@ -895,11 +1127,17 @@
895
1127
  --slotted-surface-raised: Canvas;
896
1128
  --slotted-surface-sunken: Canvas;
897
1129
  --slotted-surface-inverse: CanvasText;
1130
+ --slotted-surface-inverse-hover: CanvasText;
1131
+ --slotted-surface-inverse-active: CanvasText;
1132
+ --slotted-surface-material: Canvas;
898
1133
  --slotted-text-inverse: Canvas;
899
1134
  --slotted-border-strong: CanvasText;
900
1135
  --slotted-control-border-color: ButtonBorder;
901
1136
  --slotted-control-surface: Field;
902
1137
  --slotted-current-edge: Highlight;
1138
+ --slotted-state-hover: Canvas;
1139
+ --slotted-state-pressed: Canvas;
1140
+ --slotted-state-selected: Canvas;
903
1141
  --slotted-control-shadow: none;
904
1142
  --slotted-scrim: Canvas;
905
1143
  --slotted-data-1: CanvasText;
@@ -910,6 +1148,14 @@
910
1148
  --slotted-data-6: CanvasText;
911
1149
  --slotted-data-7: CanvasText;
912
1150
  --slotted-data-8: CanvasText;
1151
+ --slotted-data-1-on: Canvas;
1152
+ --slotted-data-2-on: Canvas;
1153
+ --slotted-data-3-on: Canvas;
1154
+ --slotted-data-4-on: Canvas;
1155
+ --slotted-data-5-on: Canvas;
1156
+ --slotted-data-6-on: Canvas;
1157
+ --slotted-data-7-on: Canvas;
1158
+ --slotted-data-8-on: Canvas;
913
1159
  --slotted-upload-kind-pdf: ButtonFace;
914
1160
  --slotted-upload-kind-document: ButtonFace;
915
1161
  --slotted-upload-kind-spreadsheet: ButtonFace;
@@ -964,6 +1210,15 @@
964
1210
  --slotted-tone-secondary-text: CanvasText;
965
1211
  --slotted-tone-secondary-subtle-hover: Canvas;
966
1212
  --slotted-tone-secondary-subtle-active: Canvas;
1213
+ --slotted-tone-neutral-solid: CanvasText;
1214
+ --slotted-tone-neutral-solid-hover: CanvasText;
1215
+ --slotted-tone-neutral-solid-active: CanvasText;
1216
+ --slotted-tone-neutral-on-solid: Canvas;
1217
+ --slotted-tone-neutral-surface: Canvas;
1218
+ --slotted-tone-neutral-subtle-hover: Canvas;
1219
+ --slotted-tone-neutral-subtle-active: Canvas;
1220
+ --slotted-tone-neutral-border: ButtonBorder;
1221
+ --slotted-tone-neutral-text: CanvasText;
967
1222
  --slotted-tone-success-solid: ButtonFace;
968
1223
  --slotted-tone-success-surface: Canvas;
969
1224
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -991,6 +1246,15 @@
991
1246
  --slotted-tone-danger-text: CanvasText;
992
1247
  --slotted-tone-danger-subtle-hover: Canvas;
993
1248
  --slotted-tone-danger-subtle-active: Canvas;
1249
+ --slotted-tone-info-solid: ButtonFace;
1250
+ --slotted-tone-info-surface: Canvas;
1251
+ --slotted-tone-info-solid-hover: ButtonFace;
1252
+ --slotted-tone-info-solid-active: ButtonFace;
1253
+ --slotted-tone-info-on-solid: ButtonText;
1254
+ --slotted-tone-info-border: ButtonBorder;
1255
+ --slotted-tone-info-text: CanvasText;
1256
+ --slotted-tone-info-subtle-hover: Canvas;
1257
+ --slotted-tone-info-subtle-active: Canvas;
994
1258
  --slotted-shadow-xs: none;
995
1259
  --slotted-shadow-sm: none;
996
1260
  --slotted-shadow-md: none;
@@ -999,11 +1263,17 @@
999
1263
  --slotted-surface-raised: Canvas;
1000
1264
  --slotted-surface-sunken: Canvas;
1001
1265
  --slotted-surface-inverse: CanvasText;
1266
+ --slotted-surface-inverse-hover: CanvasText;
1267
+ --slotted-surface-inverse-active: CanvasText;
1268
+ --slotted-surface-material: Canvas;
1002
1269
  --slotted-text-inverse: Canvas;
1003
1270
  --slotted-border-strong: CanvasText;
1004
1271
  --slotted-control-border-color: ButtonBorder;
1005
1272
  --slotted-control-surface: Field;
1006
1273
  --slotted-current-edge: Highlight;
1274
+ --slotted-state-hover: Canvas;
1275
+ --slotted-state-pressed: Canvas;
1276
+ --slotted-state-selected: Canvas;
1007
1277
  --slotted-control-shadow: none;
1008
1278
  --slotted-scrim: Canvas;
1009
1279
  --slotted-data-1: CanvasText;
@@ -1014,6 +1284,14 @@
1014
1284
  --slotted-data-6: CanvasText;
1015
1285
  --slotted-data-7: CanvasText;
1016
1286
  --slotted-data-8: CanvasText;
1287
+ --slotted-data-1-on: Canvas;
1288
+ --slotted-data-2-on: Canvas;
1289
+ --slotted-data-3-on: Canvas;
1290
+ --slotted-data-4-on: Canvas;
1291
+ --slotted-data-5-on: Canvas;
1292
+ --slotted-data-6-on: Canvas;
1293
+ --slotted-data-7-on: Canvas;
1294
+ --slotted-data-8-on: Canvas;
1017
1295
  --slotted-upload-kind-pdf: ButtonFace;
1018
1296
  --slotted-upload-kind-document: ButtonFace;
1019
1297
  --slotted-upload-kind-spreadsheet: ButtonFace;
@@ -1069,6 +1347,15 @@
1069
1347
  --slotted-tone-secondary-text: CanvasText;
1070
1348
  --slotted-tone-secondary-subtle-hover: Canvas;
1071
1349
  --slotted-tone-secondary-subtle-active: Canvas;
1350
+ --slotted-tone-neutral-solid: CanvasText;
1351
+ --slotted-tone-neutral-solid-hover: CanvasText;
1352
+ --slotted-tone-neutral-solid-active: CanvasText;
1353
+ --slotted-tone-neutral-on-solid: Canvas;
1354
+ --slotted-tone-neutral-surface: Canvas;
1355
+ --slotted-tone-neutral-subtle-hover: Canvas;
1356
+ --slotted-tone-neutral-subtle-active: Canvas;
1357
+ --slotted-tone-neutral-border: ButtonBorder;
1358
+ --slotted-tone-neutral-text: CanvasText;
1072
1359
  --slotted-tone-success-solid: ButtonFace;
1073
1360
  --slotted-tone-success-surface: Canvas;
1074
1361
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -1096,6 +1383,15 @@
1096
1383
  --slotted-tone-danger-text: CanvasText;
1097
1384
  --slotted-tone-danger-subtle-hover: Canvas;
1098
1385
  --slotted-tone-danger-subtle-active: Canvas;
1386
+ --slotted-tone-info-solid: ButtonFace;
1387
+ --slotted-tone-info-surface: Canvas;
1388
+ --slotted-tone-info-solid-hover: ButtonFace;
1389
+ --slotted-tone-info-solid-active: ButtonFace;
1390
+ --slotted-tone-info-on-solid: ButtonText;
1391
+ --slotted-tone-info-border: ButtonBorder;
1392
+ --slotted-tone-info-text: CanvasText;
1393
+ --slotted-tone-info-subtle-hover: Canvas;
1394
+ --slotted-tone-info-subtle-active: Canvas;
1099
1395
  --slotted-shadow-xs: none;
1100
1396
  --slotted-shadow-sm: none;
1101
1397
  --slotted-shadow-md: none;
@@ -1104,11 +1400,17 @@
1104
1400
  --slotted-surface-raised: Canvas;
1105
1401
  --slotted-surface-sunken: Canvas;
1106
1402
  --slotted-surface-inverse: CanvasText;
1403
+ --slotted-surface-inverse-hover: CanvasText;
1404
+ --slotted-surface-inverse-active: CanvasText;
1405
+ --slotted-surface-material: Canvas;
1107
1406
  --slotted-text-inverse: Canvas;
1108
1407
  --slotted-border-strong: CanvasText;
1109
1408
  --slotted-control-border-color: ButtonBorder;
1110
1409
  --slotted-control-surface: Field;
1111
1410
  --slotted-current-edge: Highlight;
1411
+ --slotted-state-hover: Canvas;
1412
+ --slotted-state-pressed: Canvas;
1413
+ --slotted-state-selected: Canvas;
1112
1414
  --slotted-control-shadow: none;
1113
1415
  --slotted-scrim: Canvas;
1114
1416
  --slotted-data-1: CanvasText;
@@ -1119,6 +1421,14 @@
1119
1421
  --slotted-data-6: CanvasText;
1120
1422
  --slotted-data-7: CanvasText;
1121
1423
  --slotted-data-8: CanvasText;
1424
+ --slotted-data-1-on: Canvas;
1425
+ --slotted-data-2-on: Canvas;
1426
+ --slotted-data-3-on: Canvas;
1427
+ --slotted-data-4-on: Canvas;
1428
+ --slotted-data-5-on: Canvas;
1429
+ --slotted-data-6-on: Canvas;
1430
+ --slotted-data-7-on: Canvas;
1431
+ --slotted-data-8-on: Canvas;
1122
1432
  --slotted-upload-kind-pdf: ButtonFace;
1123
1433
  --slotted-upload-kind-document: ButtonFace;
1124
1434
  --slotted-upload-kind-spreadsheet: ButtonFace;
@@ -1174,6 +1484,15 @@
1174
1484
  --slotted-tone-secondary-text: CanvasText;
1175
1485
  --slotted-tone-secondary-subtle-hover: Canvas;
1176
1486
  --slotted-tone-secondary-subtle-active: Canvas;
1487
+ --slotted-tone-neutral-solid: CanvasText;
1488
+ --slotted-tone-neutral-solid-hover: CanvasText;
1489
+ --slotted-tone-neutral-solid-active: CanvasText;
1490
+ --slotted-tone-neutral-on-solid: Canvas;
1491
+ --slotted-tone-neutral-surface: Canvas;
1492
+ --slotted-tone-neutral-subtle-hover: Canvas;
1493
+ --slotted-tone-neutral-subtle-active: Canvas;
1494
+ --slotted-tone-neutral-border: ButtonBorder;
1495
+ --slotted-tone-neutral-text: CanvasText;
1177
1496
  --slotted-tone-success-solid: ButtonFace;
1178
1497
  --slotted-tone-success-surface: Canvas;
1179
1498
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -1201,6 +1520,15 @@
1201
1520
  --slotted-tone-danger-text: CanvasText;
1202
1521
  --slotted-tone-danger-subtle-hover: Canvas;
1203
1522
  --slotted-tone-danger-subtle-active: Canvas;
1523
+ --slotted-tone-info-solid: ButtonFace;
1524
+ --slotted-tone-info-surface: Canvas;
1525
+ --slotted-tone-info-solid-hover: ButtonFace;
1526
+ --slotted-tone-info-solid-active: ButtonFace;
1527
+ --slotted-tone-info-on-solid: ButtonText;
1528
+ --slotted-tone-info-border: ButtonBorder;
1529
+ --slotted-tone-info-text: CanvasText;
1530
+ --slotted-tone-info-subtle-hover: Canvas;
1531
+ --slotted-tone-info-subtle-active: Canvas;
1204
1532
  --slotted-shadow-xs: none;
1205
1533
  --slotted-shadow-sm: none;
1206
1534
  --slotted-shadow-md: none;
@@ -1209,11 +1537,17 @@
1209
1537
  --slotted-surface-raised: Canvas;
1210
1538
  --slotted-surface-sunken: Canvas;
1211
1539
  --slotted-surface-inverse: CanvasText;
1540
+ --slotted-surface-inverse-hover: CanvasText;
1541
+ --slotted-surface-inverse-active: CanvasText;
1542
+ --slotted-surface-material: Canvas;
1212
1543
  --slotted-text-inverse: Canvas;
1213
1544
  --slotted-border-strong: CanvasText;
1214
1545
  --slotted-control-border-color: ButtonBorder;
1215
1546
  --slotted-control-surface: Field;
1216
1547
  --slotted-current-edge: Highlight;
1548
+ --slotted-state-hover: Canvas;
1549
+ --slotted-state-pressed: Canvas;
1550
+ --slotted-state-selected: Canvas;
1217
1551
  --slotted-control-shadow: none;
1218
1552
  --slotted-scrim: Canvas;
1219
1553
  --slotted-data-1: CanvasText;
@@ -1224,6 +1558,14 @@
1224
1558
  --slotted-data-6: CanvasText;
1225
1559
  --slotted-data-7: CanvasText;
1226
1560
  --slotted-data-8: CanvasText;
1561
+ --slotted-data-1-on: Canvas;
1562
+ --slotted-data-2-on: Canvas;
1563
+ --slotted-data-3-on: Canvas;
1564
+ --slotted-data-4-on: Canvas;
1565
+ --slotted-data-5-on: Canvas;
1566
+ --slotted-data-6-on: Canvas;
1567
+ --slotted-data-7-on: Canvas;
1568
+ --slotted-data-8-on: Canvas;
1227
1569
  --slotted-upload-kind-pdf: ButtonFace;
1228
1570
  --slotted-upload-kind-document: ButtonFace;
1229
1571
  --slotted-upload-kind-spreadsheet: ButtonFace;
@@ -1279,6 +1621,15 @@
1279
1621
  --slotted-tone-secondary-text: CanvasText;
1280
1622
  --slotted-tone-secondary-subtle-hover: Canvas;
1281
1623
  --slotted-tone-secondary-subtle-active: Canvas;
1624
+ --slotted-tone-neutral-solid: CanvasText;
1625
+ --slotted-tone-neutral-solid-hover: CanvasText;
1626
+ --slotted-tone-neutral-solid-active: CanvasText;
1627
+ --slotted-tone-neutral-on-solid: Canvas;
1628
+ --slotted-tone-neutral-surface: Canvas;
1629
+ --slotted-tone-neutral-subtle-hover: Canvas;
1630
+ --slotted-tone-neutral-subtle-active: Canvas;
1631
+ --slotted-tone-neutral-border: ButtonBorder;
1632
+ --slotted-tone-neutral-text: CanvasText;
1282
1633
  --slotted-tone-success-solid: ButtonFace;
1283
1634
  --slotted-tone-success-surface: Canvas;
1284
1635
  --slotted-tone-success-solid-hover: ButtonFace;
@@ -1306,6 +1657,15 @@
1306
1657
  --slotted-tone-danger-text: CanvasText;
1307
1658
  --slotted-tone-danger-subtle-hover: Canvas;
1308
1659
  --slotted-tone-danger-subtle-active: Canvas;
1660
+ --slotted-tone-info-solid: ButtonFace;
1661
+ --slotted-tone-info-surface: Canvas;
1662
+ --slotted-tone-info-solid-hover: ButtonFace;
1663
+ --slotted-tone-info-solid-active: ButtonFace;
1664
+ --slotted-tone-info-on-solid: ButtonText;
1665
+ --slotted-tone-info-border: ButtonBorder;
1666
+ --slotted-tone-info-text: CanvasText;
1667
+ --slotted-tone-info-subtle-hover: Canvas;
1668
+ --slotted-tone-info-subtle-active: Canvas;
1309
1669
  --slotted-shadow-xs: none;
1310
1670
  --slotted-shadow-sm: none;
1311
1671
  --slotted-shadow-md: none;
@@ -1314,11 +1674,17 @@
1314
1674
  --slotted-surface-raised: Canvas;
1315
1675
  --slotted-surface-sunken: Canvas;
1316
1676
  --slotted-surface-inverse: CanvasText;
1677
+ --slotted-surface-inverse-hover: CanvasText;
1678
+ --slotted-surface-inverse-active: CanvasText;
1679
+ --slotted-surface-material: Canvas;
1317
1680
  --slotted-text-inverse: Canvas;
1318
1681
  --slotted-border-strong: CanvasText;
1319
1682
  --slotted-control-border-color: ButtonBorder;
1320
1683
  --slotted-control-surface: Field;
1321
1684
  --slotted-current-edge: Highlight;
1685
+ --slotted-state-hover: Canvas;
1686
+ --slotted-state-pressed: Canvas;
1687
+ --slotted-state-selected: Canvas;
1322
1688
  --slotted-control-shadow: none;
1323
1689
  --slotted-scrim: Canvas;
1324
1690
  --slotted-data-1: CanvasText;
@@ -1329,6 +1695,14 @@
1329
1695
  --slotted-data-6: CanvasText;
1330
1696
  --slotted-data-7: CanvasText;
1331
1697
  --slotted-data-8: CanvasText;
1698
+ --slotted-data-1-on: Canvas;
1699
+ --slotted-data-2-on: Canvas;
1700
+ --slotted-data-3-on: Canvas;
1701
+ --slotted-data-4-on: Canvas;
1702
+ --slotted-data-5-on: Canvas;
1703
+ --slotted-data-6-on: Canvas;
1704
+ --slotted-data-7-on: Canvas;
1705
+ --slotted-data-8-on: Canvas;
1332
1706
  --slotted-upload-kind-pdf: ButtonFace;
1333
1707
  --slotted-upload-kind-document: ButtonFace;
1334
1708
  --slotted-upload-kind-spreadsheet: ButtonFace;