@acorex/styles 21.0.1-next.53 → 21.0.1-next.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/components/_drop-down.css +2 -1
  2. package/package.json +1 -1
  3. package/themes/default.css +3109 -972
package/themes/default.css CHANGED
@@ -81,233 +81,245 @@ html.dark {
81
81
  --ax-sys-color-on-darkest-surface: 10, 10, 10;
82
82
  --ax-sys-color-border-darkest-surface: 202, 202, 202;
83
83
 
84
- --ax-sys-color-primary-50: 230, 244, 255;
85
- --ax-sys-color-primary-100: 207, 229, 255;
86
- --ax-sys-color-primary-200: 175, 208, 255;
87
- --ax-sys-color-primary-300: 125, 173, 255;
88
- --ax-sys-color-primary-400: 58, 125, 255;
89
- --ax-sys-color-primary-500: 21, 93, 252;
90
- --ax-sys-color-primary-600: 3, 77, 236;
91
- --ax-sys-color-primary-700: 0, 57, 217;
92
- --ax-sys-color-primary-800: 4, 47, 191;
93
- --ax-sys-color-primary-900: 16, 52, 148;
94
- --ax-sys-color-primary-950: 16, 38, 91;
95
-
96
- --ax-sys-color-secondary-50: 232, 232, 232;
97
- --ax-sys-color-secondary-100: 204, 204, 204;
98
- --ax-sys-color-secondary-200: 166, 166, 166;
99
- --ax-sys-color-secondary-300: 110, 110, 110;
100
- --ax-sys-color-secondary-400: 45, 45, 45;
101
- --ax-sys-color-secondary-500: 10, 10, 10;
102
- --ax-sys-color-secondary-600: 16, 16, 16;
103
- --ax-sys-color-secondary-700: 24, 24, 24;
104
- --ax-sys-color-secondary-800: 30, 30, 30;
105
- --ax-sys-color-secondary-900: 35, 35, 35;
106
- --ax-sys-color-secondary-950: 50, 50, 50;
107
-
108
- --ax-sys-color-success-50: 206, 255, 211;
109
- --ax-sys-color-success-100: 154, 255, 169;
110
- --ax-sys-color-success-200: 119, 249, 141;
111
- --ax-sys-color-success-300: 90, 221, 116;
112
- --ax-sys-color-success-400: 49, 187, 83;
113
- --ax-sys-color-success-500: 0, 166, 62;
114
- --ax-sys-color-success-600: 0, 147, 42;
115
- --ax-sys-color-success-700: 0, 124, 17;
116
- --ax-sys-color-success-800: 19, 103, 22;
117
- --ax-sys-color-success-900: 39, 84, 37;
118
- --ax-sys-color-success-950: 24, 44, 23;
84
+ --ax-sys-color-primary-50: 231, 246, 255;
85
+ --ax-sys-color-primary-100: 211, 234, 255;
86
+ --ax-sys-color-primary-200: 183, 217, 255;
87
+ --ax-sys-color-primary-300: 138, 189, 255;
88
+ --ax-sys-color-primary-400: 77, 151, 255;
89
+ --ax-sys-color-primary-500: 43, 127, 255;
90
+ --ax-sys-color-primary-600: 20, 108, 235;
91
+ --ax-sys-color-primary-700: 0, 86, 210;
92
+ --ax-sys-color-primary-800: 12, 70, 182;
93
+ --ax-sys-color-primary-900: 29, 64, 142;
94
+ --ax-sys-color-primary-950: 14, 34, 84;
95
+
96
+ --ax-sys-color-secondary-50: 234, 243, 255;
97
+ --ax-sys-color-secondary-100: 219, 229, 247;
98
+ --ax-sys-color-secondary-200: 199, 208, 226;
99
+ --ax-sys-color-secondary-300: 168, 177, 194;
100
+ --ax-sys-color-secondary-400: 130, 138, 154;
101
+ --ax-sys-color-secondary-500: 106, 114, 130;
102
+ --ax-sys-color-secondary-600: 93, 101, 117;
103
+ --ax-sys-color-secondary-700: 78, 86, 101;
104
+ --ax-sys-color-secondary-800: 66, 73, 87;
105
+ --ax-sys-color-secondary-900: 59, 64, 74;
106
+ --ax-sys-color-secondary-950: 35, 38, 45;
107
+
108
+ --ax-sys-color-success-50: 207, 255, 232;
109
+ --ax-sys-color-success-100: 162, 255, 211;
110
+ --ax-sys-color-success-200: 111, 255, 188;
111
+ --ax-sys-color-success-300: 86, 233, 167;
112
+ --ax-sys-color-success-400: 48, 206, 141;
113
+ --ax-sys-color-success-500: 1, 188, 125;
114
+ --ax-sys-color-success-600: 0, 165, 104;
115
+ --ax-sys-color-success-700: 0, 136, 81;
116
+ --ax-sys-color-success-800: 22, 110, 67;
117
+ --ax-sys-color-success-900: 43, 89, 61;
118
+ --ax-sys-color-success-950: 23, 41, 28;
119
119
 
120
120
  --ax-sys-color-warning-50: 255, 244, 220;
121
121
  --ax-sys-color-warning-100: 255, 234, 201;
122
122
  --ax-sys-color-warning-200: 255, 221, 174;
123
123
  --ax-sys-color-warning-300: 255, 198, 128;
124
124
  --ax-sys-color-warning-400: 255, 168, 40;
125
- --ax-sys-color-warning-500: 253, 154, 0;
125
+ --ax-sys-color-warning-500: 253, 154, 1;
126
126
  --ax-sys-color-warning-600: 224, 127, 0;
127
127
  --ax-sys-color-warning-700: 181, 100, 0;
128
128
  --ax-sys-color-warning-800: 144, 81, 20;
129
129
  --ax-sys-color-warning-900: 110, 71, 40;
130
130
  --ax-sys-color-warning-950: 44, 28, 18;
131
131
 
132
- --ax-sys-color-danger-50: 255, 235, 229;
133
- --ax-sys-color-danger-100: 255, 216, 207;
134
- --ax-sys-color-danger-200: 255, 188, 175;
135
- --ax-sys-color-danger-300: 255, 139, 122;
136
- --ax-sys-color-danger-400: 255, 55, 41;
137
- --ax-sys-color-danger-500: 231, 0, 0;
138
- --ax-sys-color-danger-600: 212, 0, 0;
139
- --ax-sys-color-danger-700: 180, 0, 0;
140
- --ax-sys-color-danger-800: 150, 21, 14;
141
- --ax-sys-color-danger-900: 117, 42, 33;
142
- --ax-sys-color-danger-950: 65, 29, 24;
143
-
144
- --ax-sys-color-accent-50: 243, 238, 255;
145
- --ax-sys-color-accent-100: 229, 220, 255;
146
- --ax-sys-color-accent-200: 209, 194, 255;
147
- --ax-sys-color-accent-300: 179, 152, 255;
148
- --ax-sys-color-accent-400: 147, 87, 255;
149
- --ax-sys-color-accent-500: 127, 34, 254;
150
- --ax-sys-color-accent-600: 116, 0, 238;
151
- --ax-sys-color-accent-700: 101, 0, 214;
152
- --ax-sys-color-accent-800: 85, 24, 179;
153
- --ax-sys-color-accent-900: 71, 45, 135;
154
- --ax-sys-color-accent-950: 43, 33, 78;
155
-
156
- --ax-sys-color-accent2-50: 249, 237, 255;
157
- --ax-sys-color-accent2-100: 237, 218, 255;
158
- --ax-sys-color-accent2-200: 222, 191, 255;
159
- --ax-sys-color-accent2-300: 199, 147, 255;
160
- --ax-sys-color-accent2-400: 173, 76, 255;
161
- --ax-sys-color-accent2-500: 152, 16, 250;
162
- --ax-sys-color-accent2-600: 138, 0, 233;
163
- --ax-sys-color-accent2-700: 118, 0, 202;
164
- --ax-sys-color-accent2-800: 100, 23, 168;
165
- --ax-sys-color-accent2-900: 81, 43, 128;
166
- --ax-sys-color-accent2-950: 48, 31, 72;
167
-
168
- --ax-sys-color-accent3-50: 255, 236, 255;
169
- --ax-sys-color-accent3-100: 255, 218, 255;
170
- --ax-sys-color-accent3-200: 255, 192, 255;
171
- --ax-sys-color-accent3-300: 253, 149, 255;
172
- --ax-sys-color-accent3-400: 244, 78, 255;
173
- --ax-sys-color-accent3-500: 225, 42, 251;
174
- --ax-sys-color-accent3-600: 202, 0, 228;
175
- --ax-sys-color-accent3-700: 169, 0, 192;
176
- --ax-sys-color-accent3-800: 138, 24, 156;
177
- --ax-sys-color-accent3-900: 107, 45, 118;
178
- --ax-sys-color-accent3-950: 52, 26, 57;
179
-
180
- --ax-sys-color-accent4-50: 255, 234, 242;
181
- --ax-sys-color-accent4-100: 255, 214, 228;
182
- --ax-sys-color-accent4-200: 255, 186, 208;
183
- --ax-sys-color-accent4-300: 255, 136, 177;
184
- --ax-sys-color-accent4-400: 255, 53, 139;
185
- --ax-sys-color-accent4-500: 230, 0, 118;
186
- --ax-sys-color-accent4-600: 209, 0, 103;
187
- --ax-sys-color-accent4-700: 177, 0, 85;
188
- --ax-sys-color-accent4-800: 147, 21, 72;
189
- --ax-sys-color-accent4-900: 114, 41, 64;
190
- --ax-sys-color-accent4-950: 62, 27, 36;
191
-
192
- --ax-sys-color-accent5-50: 255, 235, 234;
193
- --ax-sys-color-accent5-100: 255, 216, 215;
194
- --ax-sys-color-accent5-200: 255, 189, 188;
195
- --ax-sys-color-accent5-300: 255, 141, 144;
196
- --ax-sys-color-accent5-400: 255, 54, 84;
197
- --ax-sys-color-accent5-500: 236, 0, 63;
198
- --ax-sys-color-accent5-600: 215, 0, 48;
199
- --ax-sys-color-accent5-700: 182, 0, 38;
200
- --ax-sys-color-accent5-800: 151, 21, 36;
201
- --ax-sys-color-accent5-900: 117, 41, 42;
202
- --ax-sys-color-accent5-950: 63, 28, 26;
203
-
204
- --ax-sys-color-accent6-50: 185, 255, 251;
205
- --ax-sys-color-accent6-100: 142, 255, 240;
206
- --ax-sys-color-accent6-200: 123, 237, 221;
207
- --ax-sys-color-accent6-300: 92, 208, 193;
208
- --ax-sys-color-accent6-400: 49, 172, 159;
209
- --ax-sys-color-accent6-500: 0, 150, 137;
210
- --ax-sys-color-accent6-600: 0, 133, 121;
211
- --ax-sys-color-accent6-700: 0, 113, 101;
212
- --ax-sys-color-accent6-800: 19, 94, 85;
213
- --ax-sys-color-accent6-900: 38, 79, 72;
214
- --ax-sys-color-accent6-950: 25, 43, 40;
215
-
216
- --ax-sys-color-accent7-50: 255, 242, 209;
217
- --ax-sys-color-accent7-100: 255, 228, 180;
218
- --ax-sys-color-accent7-200: 255, 209, 136;
219
- --ax-sys-color-accent7-300: 255, 181, 77;
220
- --ax-sys-color-accent7-400: 227, 153, 41;
221
- --ax-sys-color-accent7-500: 208, 135, 0;
222
- --ax-sys-color-accent7-600: 185, 114, 0;
223
- --ax-sys-color-accent7-700: 154, 91, 0;
224
- --ax-sys-color-accent7-800: 125, 75, 17;
225
- --ax-sys-color-accent7-900: 98, 66, 36;
226
- --ax-sys-color-accent7-950: 46, 31, 20;
227
-
228
- --ax-sys-color-primary-lightest-surface: 207, 229, 255;
229
- --ax-sys-color-on-primary-lightest-surface: 30, 47, 67;
230
- --ax-sys-color-border-primary-lightest-surface: 171, 210, 255;
231
-
232
- --ax-sys-color-primary-lighter-surface: 175, 208, 255;
233
- --ax-sys-color-on-primary-lighter-surface: 19, 45, 83;
234
- --ax-sys-color-border-primary-lighter-surface: 139, 187, 255;
235
-
236
- --ax-sys-color-primary-light-surface: 125, 173, 255;
237
- --ax-sys-color-on-primary-light-surface: 0, 39, 109;
238
- --ax-sys-color-border-primary-light-surface: 89, 150, 255;
239
-
240
- --ax-sys-color-primary-surface: 21, 93, 252;
241
- --ax-sys-color-on-primary-surface: 245, 254, 255;
242
- --ax-sys-color-border-primary-surface: 3, 75, 234;
243
-
244
- --ax-sys-color-primary-dark-surface: 3, 77, 236;
245
- --ax-sys-color-on-primary-dark-surface: 245, 254, 255;
246
- --ax-sys-color-border-primary-dark-surface: 3, 65, 201;
247
-
248
- --ax-sys-color-primary-darker-surface: 0, 57, 217;
249
- --ax-sys-color-on-primary-darker-surface: 246, 254, 255;
250
- --ax-sys-color-border-primary-darker-surface: 0, 48, 181;
251
-
252
- --ax-sys-color-primary-darkest-surface: 4, 47, 191;
253
- --ax-sys-color-on-primary-darkest-surface: 246, 254, 255;
254
- --ax-sys-color-border-primary-darkest-surface: 3, 38, 156;
255
-
256
- --ax-sys-color-secondary-lightest-surface: 204, 204, 204;
257
- --ax-sys-color-on-secondary-lightest-surface: 46, 46, 46;
258
- --ax-sys-color-border-secondary-lightest-surface: 186, 186, 186;
259
-
260
- --ax-sys-color-secondary-lighter-surface: 166, 166, 166;
261
- --ax-sys-color-on-secondary-lighter-surface: 253, 253, 253;
262
- --ax-sys-color-border-secondary-lighter-surface: 148, 148, 148;
263
-
264
- --ax-sys-color-secondary-light-surface: 110, 110, 110;
265
- --ax-sys-color-on-secondary-light-surface: 253, 253, 253;
266
- --ax-sys-color-border-secondary-light-surface: 92, 92, 92;
267
-
268
- --ax-sys-color-secondary-surface: 10, 10, 10;
269
- --ax-sys-color-on-secondary-surface: 253, 253, 253;
270
- --ax-sys-color-border-secondary-surface: 0, 0, 0;
271
-
272
- --ax-sys-color-secondary-dark-surface: 16, 16, 16;
273
- --ax-sys-color-on-secondary-dark-surface: 253, 253, 253;
274
- --ax-sys-color-border-secondary-dark-surface: 0, 0, 0;
275
-
276
- --ax-sys-color-secondary-darker-surface: 24, 24, 24;
277
- --ax-sys-color-on-secondary-darker-surface: 253, 253, 253;
278
- --ax-sys-color-border-secondary-darker-surface: 6, 6, 6;
279
-
280
- --ax-sys-color-secondary-darkest-surface: 30, 30, 30;
281
- --ax-sys-color-on-secondary-darkest-surface: 253, 253, 253;
282
- --ax-sys-color-border-secondary-darkest-surface: 12, 12, 12;
283
-
284
- --ax-sys-color-success-lightest-surface: 154, 255, 169;
285
- --ax-sys-color-on-success-lightest-surface: 0, 60, 0;
286
- --ax-sys-color-border-success-lightest-surface: 118, 255, 139;
287
-
288
- --ax-sys-color-success-lighter-surface: 119, 249, 141;
289
- --ax-sys-color-on-success-lighter-surface: 0, 60, 0;
290
- --ax-sys-color-border-success-lighter-surface: 85, 247, 112;
291
-
292
- --ax-sys-color-success-light-surface: 90, 221, 116;
293
- --ax-sys-color-on-success-light-surface: 0, 60, 0;
294
- --ax-sys-color-border-success-light-surface: 60, 215, 91;
295
-
296
- --ax-sys-color-success-surface: 0, 166, 62;
297
- --ax-sys-color-on-success-surface: 234, 255, 236;
298
- --ax-sys-color-border-success-surface: 0, 130, 49;
299
-
300
- --ax-sys-color-success-dark-surface: 0, 147, 42;
301
- --ax-sys-color-on-success-dark-surface: 234, 255, 235;
302
- --ax-sys-color-border-success-dark-surface: 0, 111, 32;
303
-
304
- --ax-sys-color-success-darker-surface: 0, 124, 17;
305
- --ax-sys-color-on-success-darker-surface: 235, 255, 233;
306
- --ax-sys-color-border-success-darker-surface: 0, 88, 12;
307
-
308
- --ax-sys-color-success-darkest-surface: 19, 103, 22;
309
- --ax-sys-color-on-success-darkest-surface: 235, 255, 233;
310
- --ax-sys-color-border-success-darkest-surface: 13, 73, 16;
132
+ --ax-sys-color-danger-50: 255, 236, 237;
133
+ --ax-sys-color-danger-100: 255, 220, 221;
134
+ --ax-sys-color-danger-200: 255, 196, 198;
135
+ --ax-sys-color-danger-300: 255, 155, 162;
136
+ --ax-sys-color-danger-400: 255, 89, 113;
137
+ --ax-sys-color-danger-500: 255, 32, 86;
138
+ --ax-sys-color-danger-600: 232, 0, 68;
139
+ --ax-sys-color-danger-700: 195, 0, 53;
140
+ --ax-sys-color-danger-800: 159, 23, 47;
141
+ --ax-sys-color-danger-900: 122, 44, 49;
142
+ --ax-sys-color-danger-950: 61, 27, 27;
143
+
144
+ --ax-sys-color-surface-50: 250, 250, 250;
145
+ --ax-sys-color-surface-100: 244, 244, 244;
146
+ --ax-sys-color-surface-200: 235, 235, 235;
147
+ --ax-sys-color-surface-300: 222, 222, 222;
148
+ --ax-sys-color-surface-400: 205, 205, 205;
149
+ --ax-sys-color-surface-500: 194, 194, 194;
150
+ --ax-sys-color-surface-600: 165, 165, 165;
151
+ --ax-sys-color-surface-700: 131, 131, 131;
152
+ --ax-sys-color-surface-800: 104, 104, 104;
153
+ --ax-sys-color-surface-900: 83, 83, 83;
154
+ --ax-sys-color-surface-950: 31, 31, 31;
155
+
156
+ --ax-sys-color-accent-50: 208, 255, 255;
157
+ --ax-sys-color-accent-100: 181, 251, 255;
158
+ --ax-sys-color-accent-200: 135, 243, 255;
159
+ --ax-sys-color-accent-300: 85, 225, 255;
160
+ --ax-sys-color-accent-400: 48, 199, 229;
161
+ --ax-sys-color-accent-500: 6, 182, 212;
162
+ --ax-sys-color-accent-600: 0, 158, 188;
163
+ --ax-sys-color-accent-700: 0, 129, 156;
164
+ --ax-sys-color-accent-800: 22, 105, 126;
165
+ --ax-sys-color-accent-900: 43, 85, 98;
166
+ --ax-sys-color-accent-950: 22, 38, 44;
167
+
168
+ --ax-sys-color-accent2-50: 255, 236, 255;
169
+ --ax-sys-color-accent2-100: 255, 218, 255;
170
+ --ax-sys-color-accent2-200: 255, 192, 255;
171
+ --ax-sys-color-accent2-300: 253, 149, 255;
172
+ --ax-sys-color-accent2-400: 238, 92, 255;
173
+ --ax-sys-color-accent2-500: 217, 70, 239;
174
+ --ax-sys-color-accent2-600: 195, 42, 216;
175
+ --ax-sys-color-accent2-700: 167, 0, 189;
176
+ --ax-sys-color-accent2-800: 138, 24, 155;
177
+ --ax-sys-color-accent2-900: 107, 45, 118;
178
+ --ax-sys-color-accent2-950: 52, 26, 56;
179
+
180
+ --ax-sys-color-accent3-50: 255, 240, 226;
181
+ --ax-sys-color-accent3-100: 255, 228, 207;
182
+ --ax-sys-color-accent3-200: 255, 209, 179;
183
+ --ax-sys-color-accent3-300: 255, 178, 132;
184
+ --ax-sys-color-accent3-400: 255, 134, 54;
185
+ --ax-sys-color-accent3-500: 249, 115, 22;
186
+ --ax-sys-color-accent3-600: 223, 91, 0;
187
+ --ax-sys-color-accent3-700: 187, 68, 0;
188
+ --ax-sys-color-accent3-800: 151, 58, 18;
189
+ --ax-sys-color-accent3-900: 115, 57, 37;
190
+ --ax-sys-color-accent3-950: 52, 26, 19;
191
+
192
+ --ax-sys-color-accent4-50: 198, 255, 251;
193
+ --ax-sys-color-accent4-100: 143, 255, 244;
194
+ --ax-sys-color-accent4-200: 114, 250, 231;
195
+ --ax-sys-color-accent4-300: 90, 229, 209;
196
+ --ax-sys-color-accent4-400: 54, 201, 183;
197
+ --ax-sys-color-accent4-500: 20, 184, 166;
198
+ --ax-sys-color-accent4-600: 0, 161, 144;
199
+ --ax-sys-color-accent4-700: 0, 132, 117;
200
+ --ax-sys-color-accent4-800: 23, 108, 95;
201
+ --ax-sys-color-accent4-900: 43, 87, 79;
202
+ --ax-sys-color-accent4-950: 23, 40, 36;
203
+
204
+ --ax-sys-color-accent5-50: 237, 242, 255;
205
+ --ax-sys-color-accent5-100: 220, 228, 255;
206
+ --ax-sys-color-accent5-200: 196, 207, 255;
207
+ --ax-sys-color-accent5-300: 161, 173, 255;
208
+ --ax-sys-color-accent5-400: 119, 126, 255;
209
+ --ax-sys-color-accent5-500: 99, 102, 241;
210
+ --ax-sys-color-accent5-600: 86, 85, 223;
211
+ --ax-sys-color-accent5-700: 71, 64, 201;
212
+ --ax-sys-color-accent5-800: 59, 52, 175;
213
+ --ax-sys-color-accent5-900: 52, 53, 137;
214
+ --ax-sys-color-accent5-950: 31, 35, 83;
215
+
216
+ --ax-sys-color-accent6-50: 255, 235, 248;
217
+ --ax-sys-color-accent6-100: 255, 219, 237;
218
+ --ax-sys-color-accent6-200: 255, 194, 222;
219
+ --ax-sys-color-accent6-300: 255, 152, 200;
220
+ --ax-sys-color-accent6-400: 255, 94, 172;
221
+ --ax-sys-color-accent6-500: 236, 72, 153;
222
+ --ax-sys-color-accent6-600: 213, 48, 134;
223
+ --ax-sys-color-accent6-700: 185, 0, 111;
224
+ --ax-sys-color-accent6-800: 156, 23, 92;
225
+ --ax-sys-color-accent6-900: 119, 43, 77;
226
+ --ax-sys-color-accent6-950: 59, 26, 39;
227
+
228
+ --ax-sys-color-accent7-50: 250, 241, 236;
229
+ --ax-sys-color-accent7-100: 235, 227, 221;
230
+ --ax-sys-color-accent7-200: 214, 206, 201;
231
+ --ax-sys-color-accent7-300: 183, 175, 170;
232
+ --ax-sys-color-accent7-400: 144, 137, 132;
233
+ --ax-sys-color-accent7-500: 120, 113, 108;
234
+ --ax-sys-color-accent7-600: 107, 100, 95;
235
+ --ax-sys-color-accent7-700: 91, 84, 80;
236
+ --ax-sys-color-accent7-800: 78, 72, 68;
237
+ --ax-sys-color-accent7-900: 67, 63, 60;
238
+ --ax-sys-color-accent7-950: 41, 38, 36;
239
+
240
+ --ax-sys-color-primary-lightest-surface: 211, 234, 255;
241
+ --ax-sys-color-on-primary-lightest-surface: 29, 48, 64;
242
+ --ax-sys-color-border-primary-lightest-surface: 175, 217, 255;
243
+
244
+ --ax-sys-color-primary-lighter-surface: 183, 217, 255;
245
+ --ax-sys-color-on-primary-lighter-surface: 18, 47, 77;
246
+ --ax-sys-color-border-primary-lighter-surface: 147, 198, 255;
247
+
248
+ --ax-sys-color-primary-light-surface: 138, 189, 255;
249
+ --ax-sys-color-on-primary-light-surface: 0, 44, 98;
250
+ --ax-sys-color-border-primary-light-surface: 102, 169, 255;
251
+
252
+ --ax-sys-color-primary-surface: 43, 127, 255;
253
+ --ax-sys-color-on-primary-surface: 244, 254, 255;
254
+ --ax-sys-color-border-primary-surface: 7, 105, 255;
255
+
256
+ --ax-sys-color-primary-dark-surface: 20, 108, 235;
257
+ --ax-sys-color-on-primary-dark-surface: 244, 254, 255;
258
+ --ax-sys-color-border-primary-dark-surface: 17, 93, 202;
259
+
260
+ --ax-sys-color-primary-darker-surface: 0, 86, 210;
261
+ --ax-sys-color-on-primary-darker-surface: 245, 254, 255;
262
+ --ax-sys-color-border-primary-darker-surface: 0, 71, 174;
263
+
264
+ --ax-sys-color-primary-darkest-surface: 12, 70, 182;
265
+ --ax-sys-color-on-primary-darkest-surface: 245, 254, 255;
266
+ --ax-sys-color-border-primary-darkest-surface: 10, 57, 149;
267
+
268
+ --ax-sys-color-secondary-lightest-surface: 219, 229, 247;
269
+ --ax-sys-color-on-secondary-lightest-surface: 39, 46, 60;
270
+ --ax-sys-color-border-secondary-lightest-surface: 190, 208, 241;
271
+
272
+ --ax-sys-color-secondary-lighter-surface: 199, 208, 226;
273
+ --ax-sys-color-on-secondary-lighter-surface: 39, 46, 60;
274
+ --ax-sys-color-border-secondary-lighter-surface: 175, 188, 214;
275
+
276
+ --ax-sys-color-secondary-light-surface: 168, 177, 194;
277
+ --ax-sys-color-on-secondary-light-surface: 39, 46, 59;
278
+ --ax-sys-color-border-secondary-light-surface: 147, 158, 179;
279
+
280
+ --ax-sys-color-secondary-surface: 106, 114, 130;
281
+ --ax-sys-color-on-secondary-surface: 246, 254, 255;
282
+ --ax-sys-color-border-secondary-surface: 90, 97, 110;
283
+
284
+ --ax-sys-color-secondary-dark-surface: 93, 101, 117;
285
+ --ax-sys-color-on-secondary-dark-surface: 246, 254, 255;
286
+ --ax-sys-color-border-secondary-dark-surface: 77, 84, 97;
287
+
288
+ --ax-sys-color-secondary-darker-surface: 78, 86, 101;
289
+ --ax-sys-color-on-secondary-darker-surface: 245, 254, 255;
290
+ --ax-sys-color-border-secondary-darker-surface: 62, 69, 81;
291
+
292
+ --ax-sys-color-secondary-darkest-surface: 66, 73, 87;
293
+ --ax-sys-color-on-secondary-darkest-surface: 246, 254, 255;
294
+ --ax-sys-color-border-secondary-darkest-surface: 51, 56, 67;
295
+
296
+ --ax-sys-color-success-lightest-surface: 162, 255, 211;
297
+ --ax-sys-color-on-success-lightest-surface: 0, 59, 32;
298
+ --ax-sys-color-border-success-lightest-surface: 126, 255, 194;
299
+
300
+ --ax-sys-color-success-lighter-surface: 111, 255, 188;
301
+ --ax-sys-color-on-success-lighter-surface: 0, 59, 29;
302
+ --ax-sys-color-border-success-lighter-surface: 75, 255, 171;
303
+
304
+ --ax-sys-color-success-light-surface: 86, 233, 167;
305
+ --ax-sys-color-on-success-light-surface: 0, 59, 29;
306
+ --ax-sys-color-border-success-light-surface: 54, 229, 151;
307
+
308
+ --ax-sys-color-success-surface: 1, 188, 125;
309
+ --ax-sys-color-on-success-surface: 231, 255, 244;
310
+ --ax-sys-color-border-success-surface: 1, 152, 101;
311
+
312
+ --ax-sys-color-success-dark-surface: 0, 165, 104;
313
+ --ax-sys-color-on-success-dark-surface: 231, 255, 243;
314
+ --ax-sys-color-border-success-dark-surface: 0, 129, 81;
315
+
316
+ --ax-sys-color-success-darker-surface: 0, 136, 81;
317
+ --ax-sys-color-on-success-darker-surface: 232, 255, 242;
318
+ --ax-sys-color-border-success-darker-surface: 0, 100, 60;
319
+
320
+ --ax-sys-color-success-darkest-surface: 22, 110, 67;
321
+ --ax-sys-color-on-success-darkest-surface: 232, 255, 242;
322
+ --ax-sys-color-border-success-darkest-surface: 16, 80, 49;
311
323
 
312
324
  --ax-sys-color-warning-lightest-surface: 255, 234, 201;
313
325
  --ax-sys-color-on-warning-lightest-surface: 59, 43, 14;
@@ -321,9 +333,9 @@ html.dark {
321
333
  --ax-sys-color-on-warning-light-surface: 71, 36, 0;
322
334
  --ax-sys-color-border-warning-light-surface: 255, 182, 92;
323
335
 
324
- --ax-sys-color-warning-surface: 253, 154, 0;
336
+ --ax-sys-color-warning-surface: 253, 154, 1;
325
337
  --ax-sys-color-on-warning-surface: 255, 250, 231;
326
- --ax-sys-color-border-warning-surface: 217, 132, 0;
338
+ --ax-sys-color-border-warning-surface: 217, 132, 1;
327
339
 
328
340
  --ax-sys-color-warning-dark-surface: 224, 127, 0;
329
341
  --ax-sys-color-on-warning-dark-surface: 255, 249, 233;
@@ -337,229 +349,257 @@ html.dark {
337
349
  --ax-sys-color-on-warning-darkest-surface: 255, 249, 234;
338
350
  --ax-sys-color-border-warning-darkest-surface: 113, 63, 16;
339
351
 
340
- --ax-sys-color-danger-lightest-surface: 255, 216, 207;
341
- --ax-sys-color-on-danger-lightest-surface: 66, 37, 31;
342
- --ax-sys-color-border-danger-lightest-surface: 255, 187, 171;
352
+ --ax-sys-color-danger-lightest-surface: 255, 220, 221;
353
+ --ax-sys-color-on-danger-lightest-surface: 63, 38, 39;
354
+ --ax-sys-color-border-danger-lightest-surface: 255, 184, 186;
343
355
 
344
- --ax-sys-color-danger-lighter-surface: 255, 188, 175;
345
- --ax-sys-color-on-danger-lighter-surface: 79, 27, 19;
346
- --ax-sys-color-border-danger-lighter-surface: 255, 158, 139;
356
+ --ax-sys-color-danger-lighter-surface: 255, 196, 198;
357
+ --ax-sys-color-on-danger-lighter-surface: 74, 30, 34;
358
+ --ax-sys-color-border-danger-lighter-surface: 255, 160, 164;
347
359
 
348
- --ax-sys-color-danger-light-surface: 255, 139, 122;
349
- --ax-sys-color-on-danger-light-surface: 255, 248, 244;
350
- --ax-sys-color-border-danger-light-surface: 255, 108, 86;
360
+ --ax-sys-color-danger-light-surface: 255, 155, 162;
361
+ --ax-sys-color-on-danger-light-surface: 91, 0, 25;
362
+ --ax-sys-color-border-danger-light-surface: 255, 119, 129;
351
363
 
352
- --ax-sys-color-danger-surface: 231, 0, 0;
353
- --ax-sys-color-on-danger-surface: 255, 248, 244;
354
- --ax-sys-color-border-danger-surface: 195, 0, 0;
364
+ --ax-sys-color-danger-surface: 255, 32, 86;
365
+ --ax-sys-color-on-danger-surface: 255, 247, 248;
366
+ --ax-sys-color-border-danger-surface: 251, 0, 61;
355
367
 
356
- --ax-sys-color-danger-dark-surface: 212, 0, 0;
357
- --ax-sys-color-on-danger-dark-surface: 255, 248, 244;
358
- --ax-sys-color-border-danger-dark-surface: 176, 0, 0;
368
+ --ax-sys-color-danger-dark-surface: 232, 0, 68;
369
+ --ax-sys-color-on-danger-dark-surface: 255, 247, 247;
370
+ --ax-sys-color-border-danger-dark-surface: 196, 0, 58;
359
371
 
360
- --ax-sys-color-danger-darker-surface: 180, 0, 0;
361
- --ax-sys-color-on-danger-darker-surface: 255, 248, 244;
362
- --ax-sys-color-border-danger-darker-surface: 144, 0, 0;
372
+ --ax-sys-color-danger-darker-surface: 195, 0, 53;
373
+ --ax-sys-color-on-danger-darker-surface: 255, 247, 247;
374
+ --ax-sys-color-border-danger-darker-surface: 159, 0, 43;
363
375
 
364
- --ax-sys-color-danger-darkest-surface: 150, 21, 14;
365
- --ax-sys-color-on-danger-darkest-surface: 255, 248, 244;
366
- --ax-sys-color-border-danger-darkest-surface: 117, 16, 11;
376
+ --ax-sys-color-danger-darkest-surface: 159, 23, 47;
377
+ --ax-sys-color-on-danger-darkest-surface: 255, 247, 247;
378
+ --ax-sys-color-border-danger-darkest-surface: 128, 18, 38;
367
379
 
368
- --ax-sys-color-accent-lightest-surface: 229, 220, 255;
369
- --ax-sys-color-on-accent-lightest-surface: 48, 40, 67;
370
- --ax-sys-color-border-accent-lightest-surface: 202, 184, 255;
380
+ --ax-sys-color-surface-lightest-surface: 244, 244, 244;
381
+ --ax-sys-color-on-surface-lightest-surface: 46, 46, 46;
382
+ --ax-sys-color-border-surface-lightest-surface: 226, 226, 226;
371
383
 
372
- --ax-sys-color-accent-lighter-surface: 209, 194, 255;
373
- --ax-sys-color-on-accent-lighter-surface: 50, 34, 83;
374
- --ax-sys-color-border-accent-lighter-surface: 182, 158, 255;
384
+ --ax-sys-color-surface-lighter-surface: 235, 235, 235;
385
+ --ax-sys-color-on-surface-lighter-surface: 46, 46, 46;
386
+ --ax-sys-color-border-surface-lighter-surface: 217, 217, 217;
375
387
 
376
- --ax-sys-color-accent-light-surface: 179, 152, 255;
377
- --ax-sys-color-on-accent-light-surface: 54, 14, 110;
378
- --ax-sys-color-border-accent-light-surface: 153, 116, 255;
388
+ --ax-sys-color-surface-light-surface: 222, 222, 222;
389
+ --ax-sys-color-on-surface-light-surface: 46, 46, 46;
390
+ --ax-sys-color-border-surface-light-surface: 204, 204, 204;
379
391
 
380
- --ax-sys-color-accent-surface: 127, 34, 254;
381
- --ax-sys-color-on-accent-surface: 254, 251, 255;
382
- --ax-sys-color-border-accent-surface: 107, 1, 251;
392
+ --ax-sys-color-surface-surface: 194, 194, 194;
393
+ --ax-sys-color-on-surface-surface: 46, 46, 46;
394
+ --ax-sys-color-border-surface-surface: 176, 176, 176;
383
395
 
384
- --ax-sys-color-accent-dark-surface: 116, 0, 238;
385
- --ax-sys-color-on-accent-dark-surface: 254, 251, 255;
386
- --ax-sys-color-border-accent-dark-surface: 99, 0, 202;
396
+ --ax-sys-color-surface-dark-surface: 165, 165, 165;
397
+ --ax-sys-color-on-surface-dark-surface: 253, 253, 253;
398
+ --ax-sys-color-border-surface-dark-surface: 147, 147, 147;
387
399
 
388
- --ax-sys-color-accent-darker-surface: 101, 0, 214;
389
- --ax-sys-color-on-accent-darker-surface: 253, 251, 255;
390
- --ax-sys-color-border-accent-darker-surface: 84, 0, 178;
400
+ --ax-sys-color-surface-darker-surface: 131, 131, 131;
401
+ --ax-sys-color-on-surface-darker-surface: 253, 253, 253;
402
+ --ax-sys-color-border-surface-darker-surface: 113, 113, 113;
391
403
 
392
- --ax-sys-color-accent-darkest-surface: 85, 24, 179;
393
- --ax-sys-color-on-accent-darkest-surface: 253, 251, 255;
394
- --ax-sys-color-border-accent-darkest-surface: 70, 20, 148;
404
+ --ax-sys-color-surface-darkest-surface: 104, 104, 104;
405
+ --ax-sys-color-on-surface-darkest-surface: 253, 253, 253;
406
+ --ax-sys-color-border-surface-darkest-surface: 86, 86, 86;
395
407
 
396
- --ax-sys-color-accent2-lightest-surface: 237, 218, 255;
397
- --ax-sys-color-on-accent2-lightest-surface: 53, 38, 66;
398
- --ax-sys-color-border-accent2-lightest-surface: 220, 182, 255;
408
+ --ax-sys-color-accent-lightest-surface: 181, 251, 255;
409
+ --ax-sys-color-on-accent-lightest-surface: 0, 55, 60;
410
+ --ax-sys-color-border-accent-lightest-surface: 145, 249, 255;
399
411
 
400
- --ax-sys-color-accent2-lighter-surface: 222, 191, 255;
401
- --ax-sys-color-on-accent2-lighter-surface: 58, 30, 82;
402
- --ax-sys-color-border-accent2-lighter-surface: 204, 155, 255;
412
+ --ax-sys-color-accent-lighter-surface: 135, 243, 255;
413
+ --ax-sys-color-on-accent-lighter-surface: 0, 55, 62;
414
+ --ax-sys-color-border-accent-lighter-surface: 99, 239, 255;
403
415
 
404
- --ax-sys-color-accent2-light-surface: 199, 147, 255;
405
- --ax-sys-color-on-accent2-light-surface: 65, 0, 107;
406
- --ax-sys-color-border-accent2-light-surface: 180, 111, 255;
416
+ --ax-sys-color-accent-light-surface: 85, 225, 255;
417
+ --ax-sys-color-on-accent-light-surface: 0, 54, 68;
418
+ --ax-sys-color-border-accent-light-surface: 49, 219, 255;
407
419
 
408
- --ax-sys-color-accent2-surface: 152, 16, 250;
409
- --ax-sys-color-on-accent2-surface: 255, 250, 255;
410
- --ax-sys-color-border-accent2-surface: 133, 5, 226;
420
+ --ax-sys-color-accent-surface: 6, 182, 212;
421
+ --ax-sys-color-on-accent-surface: 0, 54, 69;
422
+ --ax-sys-color-border-accent-surface: 5, 152, 177;
411
423
 
412
- --ax-sys-color-accent2-dark-surface: 138, 0, 233;
413
- --ax-sys-color-on-accent2-dark-surface: 255, 250, 255;
414
- --ax-sys-color-border-accent2-dark-surface: 117, 0, 197;
424
+ --ax-sys-color-accent-dark-surface: 0, 158, 188;
425
+ --ax-sys-color-on-accent-dark-surface: 228, 255, 255;
426
+ --ax-sys-color-border-accent-dark-surface: 0, 128, 152;
415
427
 
416
- --ax-sys-color-accent2-darker-surface: 118, 0, 202;
417
- --ax-sys-color-on-accent2-darker-surface: 255, 250, 255;
418
- --ax-sys-color-border-accent2-darker-surface: 97, 0, 166;
428
+ --ax-sys-color-accent-darker-surface: 0, 129, 156;
429
+ --ax-sys-color-on-accent-darker-surface: 229, 255, 255;
430
+ --ax-sys-color-border-accent-darker-surface: 0, 99, 120;
419
431
 
420
- --ax-sys-color-accent2-darkest-surface: 100, 23, 168;
421
- --ax-sys-color-on-accent2-darkest-surface: 255, 250, 255;
422
- --ax-sys-color-border-accent2-darkest-surface: 81, 19, 137;
432
+ --ax-sys-color-accent-darkest-surface: 22, 105, 126;
433
+ --ax-sys-color-on-accent-darkest-surface: 229, 255, 255;
434
+ --ax-sys-color-border-accent-darkest-surface: 17, 80, 96;
423
435
 
424
- --ax-sys-color-accent3-lightest-surface: 255, 218, 255;
425
- --ax-sys-color-on-accent3-lightest-surface: 62, 34, 63;
426
- --ax-sys-color-border-accent3-lightest-surface: 255, 182, 255;
436
+ --ax-sys-color-accent2-lightest-surface: 255, 218, 255;
437
+ --ax-sys-color-on-accent2-lightest-surface: 62, 34, 63;
438
+ --ax-sys-color-border-accent2-lightest-surface: 255, 182, 255;
427
439
 
428
- --ax-sys-color-accent3-lighter-surface: 255, 192, 255;
429
- --ax-sys-color-on-accent3-lighter-surface: 72, 19, 74;
430
- --ax-sys-color-border-accent3-lighter-surface: 255, 156, 255;
440
+ --ax-sys-color-accent2-lighter-surface: 255, 192, 255;
441
+ --ax-sys-color-on-accent2-lighter-surface: 72, 19, 74;
442
+ --ax-sys-color-border-accent2-lighter-surface: 255, 156, 255;
431
443
 
432
- --ax-sys-color-accent3-light-surface: 253, 149, 255;
433
- --ax-sys-color-on-accent3-light-surface: 82, 0, 87;
434
- --ax-sys-color-border-accent3-light-surface: 252, 113, 255;
444
+ --ax-sys-color-accent2-light-surface: 253, 149, 255;
445
+ --ax-sys-color-on-accent2-light-surface: 82, 0, 87;
446
+ --ax-sys-color-border-accent2-light-surface: 252, 113, 255;
435
447
 
436
- --ax-sys-color-accent3-surface: 225, 42, 251;
437
- --ax-sys-color-on-accent3-surface: 255, 247, 255;
438
- --ax-sys-color-border-accent3-surface: 220, 7, 250;
448
+ --ax-sys-color-accent2-surface: 217, 70, 239;
449
+ --ax-sys-color-on-accent2-surface: 255, 247, 255;
450
+ --ax-sys-color-border-accent2-surface: 210, 37, 236;
439
451
 
440
- --ax-sys-color-accent3-dark-surface: 202, 0, 228;
441
- --ax-sys-color-on-accent3-dark-surface: 255, 247, 255;
442
- --ax-sys-color-border-accent3-dark-surface: 170, 0, 192;
452
+ --ax-sys-color-accent2-dark-surface: 195, 42, 216;
453
+ --ax-sys-color-on-accent2-dark-surface: 255, 247, 255;
454
+ --ax-sys-color-border-accent2-dark-surface: 169, 34, 188;
443
455
 
444
- --ax-sys-color-accent3-darker-surface: 169, 0, 192;
445
- --ax-sys-color-on-accent3-darker-surface: 255, 247, 255;
446
- --ax-sys-color-border-accent3-darker-surface: 138, 0, 156;
456
+ --ax-sys-color-accent2-darker-surface: 167, 0, 189;
457
+ --ax-sys-color-on-accent2-darker-surface: 255, 247, 255;
458
+ --ax-sys-color-border-accent2-darker-surface: 135, 0, 153;
447
459
 
448
- --ax-sys-color-accent3-darkest-surface: 138, 24, 156;
449
- --ax-sys-color-on-accent3-darkest-surface: 255, 247, 255;
450
- --ax-sys-color-border-accent3-darkest-surface: 111, 19, 125;
460
+ --ax-sys-color-accent2-darkest-surface: 138, 24, 155;
461
+ --ax-sys-color-on-accent2-darkest-surface: 255, 247, 255;
462
+ --ax-sys-color-border-accent2-darkest-surface: 110, 19, 124;
451
463
 
452
- --ax-sys-color-accent4-lightest-surface: 255, 214, 228;
453
- --ax-sys-color-on-accent4-lightest-surface: 65, 35, 47;
454
- --ax-sys-color-border-accent4-lightest-surface: 255, 178, 204;
464
+ --ax-sys-color-accent3-lightest-surface: 255, 228, 207;
465
+ --ax-sys-color-on-accent3-lightest-surface: 61, 41, 24;
466
+ --ax-sys-color-border-accent3-lightest-surface: 255, 208, 171;
455
467
 
456
- --ax-sys-color-accent4-lighter-surface: 255, 186, 208;
457
- --ax-sys-color-on-accent4-lighter-surface: 77, 24, 45;
458
- --ax-sys-color-border-accent4-lighter-surface: 255, 150, 184;
468
+ --ax-sys-color-accent3-lighter-surface: 255, 209, 179;
469
+ --ax-sys-color-on-accent3-lighter-surface: 70, 35, 8;
470
+ --ax-sys-color-border-accent3-lighter-surface: 255, 187, 143;
459
471
 
460
- --ax-sys-color-accent4-light-surface: 255, 136, 177;
461
- --ax-sys-color-on-accent4-light-surface: 94, 0, 44;
462
- --ax-sys-color-border-accent4-light-surface: 255, 100, 154;
472
+ --ax-sys-color-accent3-light-surface: 255, 178, 132;
473
+ --ax-sys-color-on-accent3-light-surface: 83, 24, 0;
474
+ --ax-sys-color-border-accent3-light-surface: 255, 156, 96;
463
475
 
464
- --ax-sys-color-accent4-surface: 230, 0, 118;
465
- --ax-sys-color-on-accent4-surface: 255, 247, 252;
466
- --ax-sys-color-border-accent4-surface: 194, 0, 100;
476
+ --ax-sys-color-accent3-surface: 249, 115, 22;
477
+ --ax-sys-color-on-accent3-surface: 255, 249, 238;
478
+ --ax-sys-color-border-accent3-surface: 229, 97, 6;
467
479
 
468
- --ax-sys-color-accent4-dark-surface: 209, 0, 103;
469
- --ax-sys-color-on-accent4-dark-surface: 255, 247, 252;
470
- --ax-sys-color-border-accent4-dark-surface: 173, 0, 85;
480
+ --ax-sys-color-accent3-dark-surface: 223, 91, 0;
481
+ --ax-sys-color-on-accent3-dark-surface: 255, 248, 239;
482
+ --ax-sys-color-border-accent3-dark-surface: 187, 76, 0;
471
483
 
472
- --ax-sys-color-accent4-darker-surface: 177, 0, 85;
473
- --ax-sys-color-on-accent4-darker-surface: 255, 247, 252;
474
- --ax-sys-color-border-accent4-darker-surface: 141, 0, 68;
484
+ --ax-sys-color-accent3-darker-surface: 187, 68, 0;
485
+ --ax-sys-color-on-accent3-darker-surface: 255, 248, 240;
486
+ --ax-sys-color-border-accent3-darker-surface: 151, 55, 0;
475
487
 
476
- --ax-sys-color-accent4-darkest-surface: 147, 21, 72;
477
- --ax-sys-color-on-accent4-darkest-surface: 255, 247, 251;
478
- --ax-sys-color-border-accent4-darkest-surface: 116, 17, 57;
488
+ --ax-sys-color-accent3-darkest-surface: 151, 58, 18;
489
+ --ax-sys-color-on-accent3-darkest-surface: 255, 248, 241;
490
+ --ax-sys-color-border-accent3-darkest-surface: 119, 46, 14;
479
491
 
480
- --ax-sys-color-accent5-lightest-surface: 255, 216, 215;
481
- --ax-sys-color-on-accent5-lightest-surface: 65, 37, 37;
482
- --ax-sys-color-border-accent5-lightest-surface: 255, 181, 179;
492
+ --ax-sys-color-accent4-lightest-surface: 143, 255, 244;
493
+ --ax-sys-color-on-accent4-lightest-surface: 0, 57, 52;
494
+ --ax-sys-color-border-accent4-lightest-surface: 107, 255, 240;
483
495
 
484
- --ax-sys-color-accent5-lighter-surface: 255, 189, 188;
485
- --ax-sys-color-on-accent5-lighter-surface: 77, 27, 29;
486
- --ax-sys-color-border-accent5-lighter-surface: 255, 154, 152;
496
+ --ax-sys-color-accent4-lighter-surface: 114, 250, 231;
497
+ --ax-sys-color-on-accent4-lighter-surface: 0, 57, 49;
498
+ --ax-sys-color-border-accent4-lighter-surface: 80, 249, 225;
487
499
 
488
- --ax-sys-color-accent5-light-surface: 255, 141, 144;
489
- --ax-sys-color-on-accent5-light-surface: 97, 0, 14;
490
- --ax-sys-color-border-accent5-light-surface: 255, 105, 109;
500
+ --ax-sys-color-accent4-light-surface: 90, 229, 209;
501
+ --ax-sys-color-on-accent4-light-surface: 0, 57, 49;
502
+ --ax-sys-color-border-accent4-light-surface: 59, 224, 200;
491
503
 
492
- --ax-sys-color-accent5-surface: 236, 0, 63;
493
- --ax-sys-color-on-accent5-surface: 255, 247, 247;
494
- --ax-sys-color-border-accent5-surface: 200, 0, 53;
504
+ --ax-sys-color-accent4-surface: 20, 184, 166;
505
+ --ax-sys-color-on-accent4-surface: 226, 255, 255;
506
+ --ax-sys-color-border-accent4-surface: 17, 152, 137;
495
507
 
496
- --ax-sys-color-accent5-dark-surface: 215, 0, 48;
497
- --ax-sys-color-on-accent5-dark-surface: 255, 248, 246;
498
- --ax-sys-color-border-accent5-dark-surface: 179, 0, 40;
508
+ --ax-sys-color-accent4-dark-surface: 0, 161, 144;
509
+ --ax-sys-color-on-accent4-dark-surface: 226, 255, 255;
510
+ --ax-sys-color-border-accent4-dark-surface: 0, 125, 112;
499
511
 
500
- --ax-sys-color-accent5-darker-surface: 182, 0, 38;
501
- --ax-sys-color-on-accent5-darker-surface: 255, 248, 246;
502
- --ax-sys-color-border-accent5-darker-surface: 146, 0, 31;
512
+ --ax-sys-color-accent4-darker-surface: 0, 132, 117;
513
+ --ax-sys-color-on-accent4-darker-surface: 226, 255, 255;
514
+ --ax-sys-color-border-accent4-darker-surface: 0, 96, 85;
503
515
 
504
- --ax-sys-color-accent5-darkest-surface: 151, 21, 36;
505
- --ax-sys-color-on-accent5-darkest-surface: 255, 248, 246;
506
- --ax-sys-color-border-accent5-darkest-surface: 120, 17, 29;
516
+ --ax-sys-color-accent4-darkest-surface: 23, 108, 95;
517
+ --ax-sys-color-on-accent4-darkest-surface: 227, 255, 254;
518
+ --ax-sys-color-border-accent4-darkest-surface: 17, 79, 69;
507
519
 
508
- --ax-sys-color-accent6-lightest-surface: 142, 255, 240;
509
- --ax-sys-color-on-accent6-lightest-surface: 0, 57, 50;
510
- --ax-sys-color-border-accent6-lightest-surface: 106, 255, 235;
520
+ --ax-sys-color-accent5-lightest-surface: 220, 228, 255;
521
+ --ax-sys-color-on-accent5-lightest-surface: 39, 45, 65;
522
+ --ax-sys-color-border-accent5-lightest-surface: 184, 200, 255;
511
523
 
512
- --ax-sys-color-accent6-lighter-surface: 123, 237, 221;
513
- --ax-sys-color-on-accent6-lighter-surface: 0, 57, 50;
514
- --ax-sys-color-border-accent6-lighter-surface: 92, 233, 213;
524
+ --ax-sys-color-accent5-lighter-surface: 196, 207, 255;
525
+ --ax-sys-color-on-accent5-lighter-surface: 36, 42, 79;
526
+ --ax-sys-color-border-accent5-lighter-surface: 160, 178, 255;
515
527
 
516
- --ax-sys-color-accent6-light-surface: 92, 208, 193;
517
- --ax-sys-color-on-accent6-light-surface: 0, 57, 50;
518
- --ax-sys-color-border-accent6-light-surface: 64, 200, 182;
528
+ --ax-sys-color-accent5-light-surface: 161, 173, 255;
529
+ --ax-sys-color-on-accent5-light-surface: 34, 34, 103;
530
+ --ax-sys-color-border-accent5-light-surface: 125, 142, 255;
519
531
 
520
- --ax-sys-color-accent6-surface: 0, 150, 137;
521
- --ax-sys-color-on-accent6-surface: 225, 255, 255;
522
- --ax-sys-color-border-accent6-surface: 0, 114, 104;
532
+ --ax-sys-color-accent5-surface: 99, 102, 241;
533
+ --ax-sys-color-on-accent5-surface: 249, 252, 255;
534
+ --ax-sys-color-border-accent5-surface: 66, 70, 238;
523
535
 
524
- --ax-sys-color-accent6-dark-surface: 0, 133, 121;
525
- --ax-sys-color-on-accent6-dark-surface: 225, 255, 255;
526
- --ax-sys-color-border-accent6-dark-surface: 0, 97, 89;
536
+ --ax-sys-color-accent5-dark-surface: 86, 85, 223;
537
+ --ax-sys-color-on-accent5-dark-surface: 249, 252, 255;
538
+ --ax-sys-color-border-accent5-dark-surface: 56, 55, 217;
527
539
 
528
- --ax-sys-color-accent6-darker-surface: 0, 113, 101;
529
- --ax-sys-color-on-accent6-darker-surface: 226, 255, 255;
530
- --ax-sys-color-border-accent6-darker-surface: 0, 77, 69;
540
+ --ax-sys-color-accent5-darker-surface: 71, 64, 201;
541
+ --ax-sys-color-on-accent5-darker-surface: 249, 252, 255;
542
+ --ax-sys-color-border-accent5-darker-surface: 57, 51, 179;
531
543
 
532
- --ax-sys-color-accent6-darkest-surface: 19, 94, 85;
533
- --ax-sys-color-on-accent6-darkest-surface: 226, 255, 255;
534
- --ax-sys-color-border-accent6-darkest-surface: 13, 64, 58;
544
+ --ax-sys-color-accent5-darkest-surface: 59, 52, 175;
545
+ --ax-sys-color-on-accent5-darkest-surface: 249, 252, 255;
546
+ --ax-sys-color-border-accent5-darkest-surface: 50, 44, 147;
535
547
 
536
- --ax-sys-color-accent7-lightest-surface: 255, 228, 180;
537
- --ax-sys-color-on-accent7-lightest-surface: 63, 41, 0;
538
- --ax-sys-color-border-accent7-lightest-surface: 255, 215, 144;
548
+ --ax-sys-color-accent6-lightest-surface: 255, 219, 237;
549
+ --ax-sys-color-on-accent6-lightest-surface: 63, 36, 50;
550
+ --ax-sys-color-border-accent6-lightest-surface: 255, 183, 219;
539
551
 
540
- --ax-sys-color-accent7-lighter-surface: 255, 209, 136;
541
- --ax-sys-color-on-accent7-lighter-surface: 67, 39, 0;
542
- --ax-sys-color-border-accent7-lighter-surface: 255, 195, 100;
552
+ --ax-sys-color-accent6-lighter-surface: 255, 194, 222;
553
+ --ax-sys-color-on-accent6-lighter-surface: 73, 27, 51;
554
+ --ax-sys-color-border-accent6-lighter-surface: 255, 158, 203;
543
555
 
544
- --ax-sys-color-accent7-light-surface: 255, 181, 77;
545
- --ax-sys-color-on-accent7-light-surface: 70, 37, 0;
546
- --ax-sys-color-border-accent7-light-surface: 255, 166, 41;
556
+ --ax-sys-color-accent6-light-surface: 255, 152, 200;
557
+ --ax-sys-color-on-accent6-light-surface: 90, 0, 54;
558
+ --ax-sys-color-border-accent6-light-surface: 255, 116, 181;
547
559
 
548
- --ax-sys-color-accent7-surface: 208, 135, 0;
549
- --ax-sys-color-on-accent7-surface: 255, 250, 227;
550
- --ax-sys-color-border-accent7-surface: 172, 112, 0;
560
+ --ax-sys-color-accent6-surface: 236, 72, 153;
561
+ --ax-sys-color-on-accent6-surface: 255, 246, 255;
562
+ --ax-sys-color-border-accent6-surface: 233, 40, 135;
551
563
 
552
- --ax-sys-color-accent7-dark-surface: 185, 114, 0;
553
- --ax-sys-color-on-accent7-dark-surface: 255, 250, 229;
554
- --ax-sys-color-border-accent7-dark-surface: 149, 92, 0;
564
+ --ax-sys-color-accent6-dark-surface: 213, 48, 134;
565
+ --ax-sys-color-on-accent6-dark-surface: 255, 246, 255;
566
+ --ax-sys-color-border-accent6-dark-surface: 187, 38, 116;
555
567
 
556
- --ax-sys-color-accent7-darker-surface: 154, 91, 0;
557
- --ax-sys-color-on-accent7-darker-surface: 255, 250, 231;
558
- --ax-sys-color-border-accent7-darker-surface: 118, 70, 0;
568
+ --ax-sys-color-accent6-darker-surface: 185, 0, 111;
569
+ --ax-sys-color-on-accent6-darker-surface: 255, 246, 255;
570
+ --ax-sys-color-border-accent6-darker-surface: 149, 0, 90;
559
571
 
560
- --ax-sys-color-accent7-darkest-surface: 125, 75, 17;
561
- --ax-sys-color-on-accent7-darkest-surface: 255, 250, 232;
562
- --ax-sys-color-border-accent7-darkest-surface: 94, 56, 13;
572
+ --ax-sys-color-accent6-darkest-surface: 156, 23, 92;
573
+ --ax-sys-color-on-accent6-darkest-surface: 255, 246, 254;
574
+ --ax-sys-color-border-accent6-darkest-surface: 125, 18, 74;
575
+
576
+ --ax-sys-color-accent7-lightest-surface: 235, 227, 221;
577
+ --ax-sys-color-on-accent7-lightest-surface: 50, 44, 40;
578
+ --ax-sys-color-border-accent7-lightest-surface: 222, 208, 199;
579
+
580
+ --ax-sys-color-accent7-lighter-surface: 214, 206, 201;
581
+ --ax-sys-color-on-accent7-lighter-surface: 51, 44, 41;
582
+ --ax-sys-color-border-accent7-lighter-surface: 199, 188, 181;
583
+
584
+ --ax-sys-color-accent7-light-surface: 183, 175, 170;
585
+ --ax-sys-color-on-accent7-light-surface: 255, 252, 246;
586
+ --ax-sys-color-border-accent7-light-surface: 167, 157, 151;
587
+
588
+ --ax-sys-color-accent7-surface: 120, 113, 108;
589
+ --ax-sys-color-on-accent7-surface: 255, 252, 246;
590
+ --ax-sys-color-border-accent7-surface: 101, 95, 91;
591
+
592
+ --ax-sys-color-accent7-dark-surface: 107, 100, 95;
593
+ --ax-sys-color-on-accent7-dark-surface: 255, 252, 246;
594
+ --ax-sys-color-border-accent7-dark-surface: 88, 82, 78;
595
+
596
+ --ax-sys-color-accent7-darker-surface: 91, 84, 80;
597
+ --ax-sys-color-on-accent7-darker-surface: 255, 252, 247;
598
+ --ax-sys-color-border-accent7-darker-surface: 72, 66, 63;
599
+
600
+ --ax-sys-color-accent7-darkest-surface: 78, 72, 68;
601
+ --ax-sys-color-on-accent7-darkest-surface: 255, 252, 247;
602
+ --ax-sys-color-border-accent7-darkest-surface: 59, 54, 51;
563
603
 
564
604
  --ax-sys-color-bg-default: var(--ax-sys-color-lightest-surface);
565
605
  --ax-sys-color-text-default: var(--ax-sys-color-on-lightest-surface);
@@ -598,486 +638,525 @@ html.dark {
598
638
  --ax-sys-color-on-darkest-surface: 245, 245, 245;
599
639
  --ax-sys-color-border-darkest-surface: 28, 28, 28;
600
640
 
601
- --ax-sys-color-primary-50: 237, 253, 255;
602
- --ax-sys-color-primary-100: 229, 248, 255;
603
- --ax-sys-color-primary-200: 213, 240, 255;
604
- --ax-sys-color-primary-300: 197, 232, 255;
605
- --ax-sys-color-primary-400: 180, 223, 255;
606
- --ax-sys-color-primary-500: 164, 215, 255;
607
- --ax-sys-color-primary-600: 151, 206, 255;
608
- --ax-sys-color-primary-700: 142, 197, 255;
609
- --ax-sys-color-primary-800: 120, 174, 231;
610
- --ax-sys-color-primary-900: 98, 151, 206;
611
- --ax-sys-color-primary-950: 87, 140, 195;
612
-
613
- --ax-sys-color-secondary-50: 248, 248, 248;
614
- --ax-sys-color-secondary-100: 241, 241, 241;
615
- --ax-sys-color-secondary-200: 227, 227, 227;
616
- --ax-sys-color-secondary-300: 214, 214, 214;
617
- --ax-sys-color-secondary-400: 200, 200, 200;
618
- --ax-sys-color-secondary-500: 187, 187, 187;
619
- --ax-sys-color-secondary-600: 174, 174, 174;
620
- --ax-sys-color-secondary-700: 161, 161, 161;
621
- --ax-sys-color-secondary-800: 143, 143, 143;
622
- --ax-sys-color-secondary-900: 126, 126, 126;
623
- --ax-sys-color-secondary-950: 117, 117, 117;
624
-
625
- --ax-sys-color-success-50: 227, 255, 238;
626
- --ax-sys-color-success-100: 216, 255, 230;
627
- --ax-sys-color-success-200: 192, 255, 215;
628
- --ax-sys-color-success-300: 164, 255, 198;
629
- --ax-sys-color-success-400: 142, 255, 186;
630
- --ax-sys-color-success-500: 136, 254, 180;
631
- --ax-sys-color-success-600: 129, 247, 174;
632
- --ax-sys-color-success-700: 123, 241, 168;
633
- --ax-sys-color-success-800: 95, 214, 143;
634
- --ax-sys-color-success-900: 64, 187, 118;
635
- --ax-sys-color-success-950: 47, 174, 106;
636
-
637
- --ax-sys-color-warning-50: 255, 247, 224;
638
- --ax-sys-color-warning-100: 255, 242, 214;
639
- --ax-sys-color-warning-200: 255, 232, 194;
640
- --ax-sys-color-warning-300: 255, 222, 174;
641
- --ax-sys-color-warning-400: 255, 211, 152;
642
- --ax-sys-color-warning-500: 255, 201, 129;
643
- --ax-sys-color-warning-600: 255, 192, 114;
644
- --ax-sys-color-warning-700: 255, 184, 106;
645
- --ax-sys-color-warning-800: 229, 160, 81;
646
- --ax-sys-color-warning-900: 204, 136, 55;
647
- --ax-sys-color-warning-950: 191, 124, 41;
648
-
649
- --ax-sys-color-danger-50: 255, 243, 243;
650
- --ax-sys-color-danger-100: 255, 237, 236;
651
- --ax-sys-color-danger-200: 255, 224, 223;
652
- --ax-sys-color-danger-300: 255, 211, 210;
653
- --ax-sys-color-danger-400: 255, 197, 196;
654
- --ax-sys-color-danger-500: 255, 184, 183;
655
- --ax-sys-color-danger-600: 255, 171, 171;
656
- --ax-sys-color-danger-700: 255, 162, 162;
657
- --ax-sys-color-danger-800: 230, 139, 140;
658
- --ax-sys-color-danger-900: 206, 117, 118;
659
- --ax-sys-color-danger-950: 193, 106, 108;
660
-
661
- --ax-sys-color-accent-50: 244, 249, 255;
662
- --ax-sys-color-accent-100: 237, 244, 255;
663
- --ax-sys-color-accent-200: 224, 233, 255;
664
- --ax-sys-color-accent-300: 211, 222, 255;
665
- --ax-sys-color-accent-400: 197, 211, 255;
666
- --ax-sys-color-accent-500: 184, 200, 255;
667
- --ax-sys-color-accent-600: 173, 189, 255;
668
- --ax-sys-color-accent-700: 163, 179, 255;
669
- --ax-sys-color-accent-800: 142, 157, 232;
670
- --ax-sys-color-accent-900: 122, 136, 208;
671
- --ax-sys-color-accent-950: 112, 125, 197;
672
-
673
- --ax-sys-color-accent2-50: 255, 245, 255;
674
- --ax-sys-color-accent2-100: 255, 240, 255;
675
- --ax-sys-color-accent2-200: 249, 229, 255;
676
- --ax-sys-color-accent2-300: 244, 218, 255;
677
- --ax-sys-color-accent2-400: 239, 207, 255;
678
- --ax-sys-color-accent2-500: 233, 195, 255;
679
- --ax-sys-color-accent2-600: 226, 186, 255;
680
- --ax-sys-color-accent2-700: 218, 178, 255;
681
- --ax-sys-color-accent2-800: 194, 154, 230;
682
- --ax-sys-color-accent2-900: 170, 131, 205;
683
- --ax-sys-color-accent2-950: 158, 120, 193;
684
-
685
- --ax-sys-color-accent3-50: 255, 244, 255;
686
- --ax-sys-color-accent3-100: 255, 237, 255;
687
- --ax-sys-color-accent3-200: 255, 225, 255;
688
- --ax-sys-color-accent3-300: 255, 212, 255;
689
- --ax-sys-color-accent3-400: 255, 199, 255;
690
- --ax-sys-color-accent3-500: 255, 185, 255;
691
- --ax-sys-color-accent3-600: 252, 176, 255;
692
- --ax-sys-color-accent3-700: 244, 168, 255;
693
- --ax-sys-color-accent3-800: 218, 144, 229;
694
- --ax-sys-color-accent3-900: 193, 120, 204;
695
- --ax-sys-color-accent3-950: 181, 109, 192;
696
-
697
- --ax-sys-color-accent4-50: 255, 242, 255;
698
- --ax-sys-color-accent4-100: 255, 236, 253;
699
- --ax-sys-color-accent4-200: 255, 223, 247;
700
- --ax-sys-color-accent4-300: 255, 210, 240;
701
- --ax-sys-color-accent4-400: 255, 197, 235;
702
- --ax-sys-color-accent4-500: 255, 183, 229;
703
- --ax-sys-color-accent4-600: 255, 173, 221;
704
- --ax-sys-color-accent4-700: 253, 165, 213;
705
- --ax-sys-color-accent4-800: 227, 142, 189;
706
- --ax-sys-color-accent4-900: 202, 119, 165;
707
- --ax-sys-color-accent4-950: 190, 108, 154;
708
-
709
- --ax-sys-color-accent5-50: 255, 243, 245;
710
- --ax-sys-color-accent5-100: 255, 237, 240;
711
- --ax-sys-color-accent5-200: 255, 224, 228;
712
- --ax-sys-color-accent5-300: 255, 210, 216;
713
- --ax-sys-color-accent5-400: 255, 197, 204;
714
- --ax-sys-color-accent5-500: 255, 183, 193;
715
- --ax-sys-color-accent5-600: 255, 170, 182;
716
- --ax-sys-color-accent5-700: 255, 161, 173;
717
- --ax-sys-color-accent5-800: 230, 138, 151;
718
- --ax-sys-color-accent5-900: 205, 116, 129;
719
- --ax-sys-color-accent5-950: 193, 105, 118;
720
-
721
- --ax-sys-color-accent6-50: 219, 255, 254;
722
- --ax-sys-color-accent6-100: 203, 255, 251;
723
- --ax-sys-color-accent6-200: 168, 255, 245;
724
- --ax-sys-color-accent6-300: 121, 255, 240;
725
- --ax-sys-color-accent6-400: 98, 255, 234;
726
- --ax-sys-color-accent6-500: 89, 250, 227;
727
- --ax-sys-color-accent6-600: 80, 243, 220;
728
- --ax-sys-color-accent6-700: 70, 236, 213;
729
- --ax-sys-color-accent6-800: 16, 210, 188;
730
- --ax-sys-color-accent6-900: 0, 184, 163;
731
- --ax-sys-color-accent6-950: 0, 171, 151;
732
-
733
- --ax-sys-color-accent7-50: 255, 254, 177;
734
- --ax-sys-color-accent7-100: 255, 252, 164;
735
- --ax-sys-color-accent7-200: 255, 247, 136;
736
- --ax-sys-color-accent7-300: 255, 242, 104;
737
- --ax-sys-color-accent7-400: 255, 237, 59;
738
- --ax-sys-color-accent7-500: 255, 232, 51;
739
- --ax-sys-color-accent7-600: 255, 228, 42;
740
- --ax-sys-color-accent7-700: 255, 223, 32;
741
- --ax-sys-color-accent7-800: 226, 195, 0;
742
- --ax-sys-color-accent7-900: 196, 167, 0;
743
- --ax-sys-color-accent7-950: 181, 154, 0;
744
-
745
- --ax-sys-color-primary-lightest-surface: 229, 248, 255;
746
- --ax-sys-color-on-primary-lightest-surface: 10, 24, 29;
641
+ --ax-sys-color-primary-50: 233, 247, 255;
642
+ --ax-sys-color-primary-100: 219, 238, 255;
643
+ --ax-sys-color-primary-200: 190, 221, 255;
644
+ --ax-sys-color-primary-300: 161, 203, 255;
645
+ --ax-sys-color-primary-400: 132, 185, 255;
646
+ --ax-sys-color-primary-500: 101, 166, 255;
647
+ --ax-sys-color-primary-600: 67, 146, 255;
648
+ --ax-sys-color-primary-700: 43, 127, 255;
649
+ --ax-sys-color-primary-800: 25, 112, 239;
650
+ --ax-sys-color-primary-900: 0, 98, 223;
651
+ --ax-sys-color-primary-950: 0, 90, 215;
652
+
653
+ --ax-sys-color-secondary-50: 240, 249, 255;
654
+ --ax-sys-color-secondary-100: 233, 242, 255;
655
+ --ax-sys-color-secondary-200: 219, 228, 243;
656
+ --ax-sys-color-secondary-300: 206, 214, 229;
657
+ --ax-sys-color-secondary-400: 192, 201, 215;
658
+ --ax-sys-color-secondary-500: 179, 187, 202;
659
+ --ax-sys-color-secondary-600: 166, 174, 188;
660
+ --ax-sys-color-secondary-700: 153, 161, 175;
661
+ --ax-sys-color-secondary-800: 135, 143, 157;
662
+ --ax-sys-color-secondary-900: 118, 126, 139;
663
+ --ax-sys-color-secondary-950: 110, 117, 131;
664
+
665
+ --ax-sys-color-success-50: 210, 255, 233;
666
+ --ax-sys-color-success-100: 180, 255, 219;
667
+ --ax-sys-color-success-200: 115, 255, 191;
668
+ --ax-sys-color-success-300: 99, 244, 178;
669
+ --ax-sys-color-success-400: 82, 230, 164;
670
+ --ax-sys-color-success-500: 64, 216, 151;
671
+ --ax-sys-color-success-600: 42, 202, 138;
672
+ --ax-sys-color-success-700: 1, 188, 125;
673
+ --ax-sys-color-success-800: 0, 170, 108;
674
+ --ax-sys-color-success-900: 0, 151, 91;
675
+ --ax-sys-color-success-950: 0, 142, 85;
676
+
677
+ --ax-sys-color-warning-50: 255, 245, 222;
678
+ --ax-sys-color-warning-100: 255, 238, 208;
679
+ --ax-sys-color-warning-200: 255, 224, 181;
680
+ --ax-sys-color-warning-300: 255, 210, 152;
681
+ --ax-sys-color-warning-400: 255, 195, 120;
682
+ --ax-sys-color-warning-500: 255, 180, 82;
683
+ --ax-sys-color-warning-600: 255, 165, 33;
684
+ --ax-sys-color-warning-700: 253, 154, 1;
685
+ --ax-sys-color-warning-800: 230, 133, 0;
686
+ --ax-sys-color-warning-900: 203, 114, 0;
687
+ --ax-sys-color-warning-950: 190, 105, 0;
688
+
689
+ --ax-sys-color-danger-50: 255, 240, 242;
690
+ --ax-sys-color-danger-100: 255, 230, 233;
691
+ --ax-sys-color-danger-200: 255, 210, 215;
692
+ --ax-sys-color-danger-300: 255, 189, 196;
693
+ --ax-sys-color-danger-400: 255, 167, 178;
694
+ --ax-sys-color-danger-500: 255, 144, 159;
695
+ --ax-sys-color-danger-600: 255, 117, 140;
696
+ --ax-sys-color-danger-700: 255, 99, 126;
697
+ --ax-sys-color-danger-800: 234, 80, 109;
698
+ --ax-sys-color-danger-900: 213, 59, 92;
699
+ --ax-sys-color-danger-950: 203, 48, 84;
700
+
701
+ --ax-sys-color-surface-50: 237, 237, 237;
702
+ --ax-sys-color-surface-100: 219, 219, 219;
703
+ --ax-sys-color-surface-200: 185, 185, 185;
704
+ --ax-sys-color-surface-300: 151, 151, 151;
705
+ --ax-sys-color-surface-400: 119, 119, 119;
706
+ --ax-sys-color-surface-500: 89, 89, 89;
707
+ --ax-sys-color-surface-600: 60, 60, 60;
708
+ --ax-sys-color-surface-700: 33, 33, 33;
709
+ --ax-sys-color-surface-800: 35, 35, 35;
710
+ --ax-sys-color-surface-900: 37, 37, 37;
711
+ --ax-sys-color-surface-950: 37, 37, 37;
712
+
713
+ --ax-sys-color-accent-50: 210, 255, 255;
714
+ --ax-sys-color-accent-100: 192, 254, 255;
715
+ --ax-sys-color-accent-200: 147, 245, 255;
716
+ --ax-sys-color-accent-300: 97, 236, 255;
717
+ --ax-sys-color-accent-400: 81, 222, 253;
718
+ --ax-sys-color-accent-500: 63, 208, 239;
719
+ --ax-sys-color-accent-600: 42, 195, 225;
720
+ --ax-sys-color-accent-700: 6, 182, 212;
721
+ --ax-sys-color-accent-800: 0, 163, 193;
722
+ --ax-sys-color-accent-900: 0, 145, 174;
723
+ --ax-sys-color-accent-950: 0, 135, 162;
724
+
725
+ --ax-sys-color-accent2-50: 255, 237, 255;
726
+ --ax-sys-color-accent2-100: 255, 225, 255;
727
+ --ax-sys-color-accent2-200: 255, 199, 255;
728
+ --ax-sys-color-accent2-300: 255, 172, 255;
729
+ --ax-sys-color-accent2-400: 252, 142, 255;
730
+ --ax-sys-color-accent2-500: 248, 109, 255;
731
+ --ax-sys-color-accent2-600: 233, 88, 255;
732
+ --ax-sys-color-accent2-700: 217, 70, 239;
733
+ --ax-sys-color-accent2-800: 199, 48, 221;
734
+ --ax-sys-color-accent2-900: 181, 18, 203;
735
+ --ax-sys-color-accent2-950: 173, 0, 194;
736
+
737
+ --ax-sys-color-accent3-50: 255, 242, 228;
738
+ --ax-sys-color-accent3-100: 255, 232, 214;
739
+ --ax-sys-color-accent3-200: 255, 213, 186;
740
+ --ax-sys-color-accent3-300: 255, 194, 157;
741
+ --ax-sys-color-accent3-400: 255, 173, 125;
742
+ --ax-sys-color-accent3-500: 255, 151, 89;
743
+ --ax-sys-color-accent3-600: 255, 129, 45;
744
+ --ax-sys-color-accent3-700: 249, 115, 22;
745
+ --ax-sys-color-accent3-800: 228, 96, 0;
746
+ --ax-sys-color-accent3-900: 208, 77, 0;
747
+ --ax-sys-color-accent3-950: 195, 71, 0;
748
+
749
+ --ax-sys-color-accent4-50: 202, 255, 252;
750
+ --ax-sys-color-accent4-100: 166, 255, 246;
751
+ --ax-sys-color-accent4-200: 118, 254, 234;
752
+ --ax-sys-color-accent4-300: 102, 240, 220;
753
+ --ax-sys-color-accent4-400: 86, 225, 206;
754
+ --ax-sys-color-accent4-500: 69, 212, 193;
755
+ --ax-sys-color-accent4-600: 49, 198, 179;
756
+ --ax-sys-color-accent4-700: 20, 184, 166;
757
+ --ax-sys-color-accent4-800: 0, 166, 148;
758
+ --ax-sys-color-accent4-900: 0, 148, 131;
759
+ --ax-sys-color-accent4-950: 0, 138, 122;
760
+
761
+ --ax-sys-color-accent5-50: 239, 244, 255;
762
+ --ax-sys-color-accent5-100: 226, 233, 255;
763
+ --ax-sys-color-accent5-200: 202, 212, 255;
764
+ --ax-sys-color-accent5-300: 178, 190, 255;
765
+ --ax-sys-color-accent5-400: 156, 168, 255;
766
+ --ax-sys-color-accent5-500: 134, 144, 255;
767
+ --ax-sys-color-accent5-600: 115, 121, 255;
768
+ --ax-sys-color-accent5-700: 99, 102, 241;
769
+ --ax-sys-color-accent5-800: 88, 89, 227;
770
+ --ax-sys-color-accent5-900: 78, 75, 213;
771
+ --ax-sys-color-accent5-950: 73, 69, 206;
772
+
773
+ --ax-sys-color-accent6-50: 255, 237, 248;
774
+ --ax-sys-color-accent6-100: 255, 225, 241;
775
+ --ax-sys-color-accent6-200: 255, 200, 226;
776
+ --ax-sys-color-accent6-300: 255, 174, 211;
777
+ --ax-sys-color-accent6-400: 255, 146, 197;
778
+ --ax-sys-color-accent6-500: 255, 113, 183;
779
+ --ax-sys-color-accent6-600: 254, 89, 168;
780
+ --ax-sys-color-accent6-700: 236, 72, 153;
781
+ --ax-sys-color-accent6-800: 218, 53, 138;
782
+ --ax-sys-color-accent6-900: 200, 30, 122;
783
+ --ax-sys-color-accent6-950: 190, 14, 115;
784
+
785
+ --ax-sys-color-accent7-50: 251, 243, 237;
786
+ --ax-sys-color-accent7-100: 240, 232, 226;
787
+ --ax-sys-color-accent7-200: 219, 211, 206;
788
+ --ax-sys-color-accent7-300: 198, 191, 185;
789
+ --ax-sys-color-accent7-400: 178, 171, 165;
790
+ --ax-sys-color-accent7-500: 158, 151, 146;
791
+ --ax-sys-color-accent7-600: 139, 132, 127;
792
+ --ax-sys-color-accent7-700: 120, 113, 108;
793
+ --ax-sys-color-accent7-800: 109, 103, 98;
794
+ --ax-sys-color-accent7-900: 99, 92, 88;
795
+ --ax-sys-color-accent7-950: 94, 87, 83;
796
+
797
+ --ax-sys-color-primary-lightest-surface: 219, 238, 255;
798
+ --ax-sys-color-on-primary-lightest-surface: 9, 23, 35;
747
799
  --ax-sys-color-border-primary-lightest-surface: 255, 255, 255;
748
800
 
749
- --ax-sys-color-primary-lighter-surface: 213, 240, 255;
750
- --ax-sys-color-on-primary-lighter-surface: 3, 25, 35;
751
- --ax-sys-color-border-primary-lighter-surface: 255, 255, 255;
801
+ --ax-sys-color-primary-lighter-surface: 190, 221, 255;
802
+ --ax-sys-color-on-primary-lighter-surface: 0, 22, 47;
803
+ --ax-sys-color-border-primary-lighter-surface: 236, 245, 255;
752
804
 
753
- --ax-sys-color-primary-light-surface: 197, 232, 255;
754
- --ax-sys-color-on-primary-light-surface: 0, 25, 41;
755
- --ax-sys-color-border-primary-light-surface: 243, 250, 255;
805
+ --ax-sys-color-primary-light-surface: 161, 203, 255;
806
+ --ax-sys-color-on-primary-light-surface: 0, 20, 59;
807
+ --ax-sys-color-border-primary-light-surface: 207, 228, 255;
756
808
 
757
- --ax-sys-color-primary-surface: 164, 215, 255;
758
- --ax-sys-color-on-primary-surface: 0, 23, 53;
759
- --ax-sys-color-border-primary-surface: 210, 235, 255;
809
+ --ax-sys-color-primary-surface: 101, 166, 255;
810
+ --ax-sys-color-on-primary-surface: 0, 6, 82;
811
+ --ax-sys-color-border-primary-surface: 147, 193, 255;
760
812
 
761
- --ax-sys-color-primary-dark-surface: 151, 206, 255;
762
- --ax-sys-color-on-primary-dark-surface: 0, 22, 57;
763
- --ax-sys-color-border-primary-dark-surface: 197, 228, 255;
813
+ --ax-sys-color-primary-dark-surface: 67, 146, 255;
814
+ --ax-sys-color-on-primary-dark-surface: 0, 0, 87;
815
+ --ax-sys-color-border-primary-dark-surface: 113, 173, 255;
764
816
 
765
- --ax-sys-color-primary-darker-surface: 142, 197, 255;
766
- --ax-sys-color-on-primary-darker-surface: 0, 19, 63;
767
- --ax-sys-color-border-primary-darker-surface: 188, 221, 255;
817
+ --ax-sys-color-primary-darker-surface: 43, 127, 255;
818
+ --ax-sys-color-on-primary-darker-surface: 0, 0, 91;
819
+ --ax-sys-color-border-primary-darker-surface: 89, 155, 255;
768
820
 
769
- --ax-sys-color-primary-darkest-surface: 120, 174, 231;
770
- --ax-sys-color-on-primary-darkest-surface: 0, 19, 63;
771
- --ax-sys-color-border-primary-darkest-surface: 159, 197, 238;
821
+ --ax-sys-color-primary-darkest-surface: 25, 112, 239;
822
+ --ax-sys-color-on-primary-darkest-surface: 0, 0, 91;
823
+ --ax-sys-color-border-primary-darkest-surface: 68, 139, 242;
772
824
 
773
- --ax-sys-color-secondary-lightest-surface: 241, 241, 241;
774
- --ax-sys-color-on-secondary-lightest-surface: 22, 22, 22;
825
+ --ax-sys-color-secondary-lightest-surface: 233, 242, 255;
826
+ --ax-sys-color-on-secondary-lightest-surface: 16, 22, 31;
775
827
  --ax-sys-color-border-secondary-lightest-surface: 255, 255, 255;
776
828
 
777
- --ax-sys-color-secondary-lighter-surface: 227, 227, 227;
778
- --ax-sys-color-on-secondary-lighter-surface: 22, 22, 22;
779
- --ax-sys-color-border-secondary-lighter-surface: 250, 250, 250;
829
+ --ax-sys-color-secondary-lighter-surface: 219, 228, 243;
830
+ --ax-sys-color-on-secondary-lighter-surface: 16, 22, 32;
831
+ --ax-sys-color-border-secondary-lighter-surface: 253, 254, 254;
780
832
 
781
- --ax-sys-color-secondary-light-surface: 214, 214, 214;
782
- --ax-sys-color-on-secondary-light-surface: 22, 22, 22;
783
- --ax-sys-color-border-secondary-light-surface: 237, 237, 237;
833
+ --ax-sys-color-secondary-light-surface: 206, 214, 229;
834
+ --ax-sys-color-on-secondary-light-surface: 17, 22, 32;
835
+ --ax-sys-color-border-secondary-light-surface: 236, 239, 245;
784
836
 
785
- --ax-sys-color-secondary-surface: 187, 187, 187;
786
- --ax-sys-color-on-secondary-surface: 22, 22, 22;
787
- --ax-sys-color-border-secondary-surface: 210, 210, 210;
837
+ --ax-sys-color-secondary-surface: 179, 187, 202;
838
+ --ax-sys-color-on-secondary-surface: 17, 22, 33;
839
+ --ax-sys-color-border-secondary-surface: 206, 211, 221;
788
840
 
789
- --ax-sys-color-secondary-dark-surface: 174, 174, 174;
790
- --ax-sys-color-on-secondary-dark-surface: 22, 22, 22;
791
- --ax-sys-color-border-secondary-dark-surface: 197, 197, 197;
841
+ --ax-sys-color-secondary-dark-surface: 166, 174, 188;
842
+ --ax-sys-color-on-secondary-dark-surface: 16, 22, 32;
843
+ --ax-sys-color-border-secondary-dark-surface: 192, 198, 208;
792
844
 
793
- --ax-sys-color-secondary-darker-surface: 161, 161, 161;
794
- --ax-sys-color-on-secondary-darker-surface: 22, 22, 22;
795
- --ax-sys-color-border-secondary-darker-surface: 184, 184, 184;
845
+ --ax-sys-color-secondary-darker-surface: 153, 161, 175;
846
+ --ax-sys-color-on-secondary-darker-surface: 16, 22, 32;
847
+ --ax-sys-color-border-secondary-darker-surface: 179, 185, 195;
796
848
 
797
- --ax-sys-color-secondary-darkest-surface: 143, 143, 143;
798
- --ax-sys-color-on-secondary-darkest-surface: 22, 22, 22;
799
- --ax-sys-color-border-secondary-darkest-surface: 166, 166, 166;
849
+ --ax-sys-color-secondary-darkest-surface: 135, 143, 157;
850
+ --ax-sys-color-on-secondary-darkest-surface: 16, 22, 33;
851
+ --ax-sys-color-border-secondary-darkest-surface: 160, 167, 178;
800
852
 
801
- --ax-sys-color-success-lightest-surface: 216, 255, 230;
802
- --ax-sys-color-on-success-lightest-surface: 0, 29, 12;
803
- --ax-sys-color-border-success-lightest-surface: 255, 255, 255;
853
+ --ax-sys-color-success-lightest-surface: 180, 255, 219;
854
+ --ax-sys-color-on-success-lightest-surface: 0, 31, 13;
855
+ --ax-sys-color-border-success-lightest-surface: 226, 255, 241;
804
856
 
805
- --ax-sys-color-success-lighter-surface: 192, 255, 215;
806
- --ax-sys-color-on-success-lighter-surface: 0, 31, 6;
807
- --ax-sys-color-border-success-lighter-surface: 238, 255, 244;
857
+ --ax-sys-color-success-lighter-surface: 115, 255, 191;
858
+ --ax-sys-color-on-success-lighter-surface: 0, 31, 11;
859
+ --ax-sys-color-border-success-lighter-surface: 161, 255, 212;
808
860
 
809
- --ax-sys-color-success-light-surface: 164, 255, 198;
810
- --ax-sys-color-on-success-light-surface: 0, 31, 5;
811
- --ax-sys-color-border-success-light-surface: 210, 255, 227;
861
+ --ax-sys-color-success-light-surface: 99, 244, 178;
862
+ --ax-sys-color-on-success-light-surface: 0, 31, 10;
863
+ --ax-sys-color-border-success-light-surface: 142, 247, 199;
812
864
 
813
- --ax-sys-color-success-surface: 136, 254, 180;
814
- --ax-sys-color-on-success-surface: 0, 31, 4;
815
- --ax-sys-color-border-success-surface: 182, 254, 209;
865
+ --ax-sys-color-success-surface: 64, 216, 151;
866
+ --ax-sys-color-on-success-surface: 0, 31, 10;
867
+ --ax-sys-color-border-success-surface: 102, 224, 172;
816
868
 
817
- --ax-sys-color-success-dark-surface: 129, 247, 174;
818
- --ax-sys-color-on-success-dark-surface: 0, 31, 4;
819
- --ax-sys-color-border-success-dark-surface: 172, 250, 202;
869
+ --ax-sys-color-success-dark-surface: 42, 202, 138;
870
+ --ax-sys-color-on-success-dark-surface: 0, 31, 10;
871
+ --ax-sys-color-border-success-dark-surface: 73, 217, 159;
820
872
 
821
- --ax-sys-color-success-darker-surface: 123, 241, 168;
822
- --ax-sys-color-on-success-darker-surface: 0, 31, 4;
823
- --ax-sys-color-border-success-darker-surface: 164, 245, 195;
873
+ --ax-sys-color-success-darker-surface: 1, 188, 125;
874
+ --ax-sys-color-on-success-darker-surface: 0, 31, 10;
875
+ --ax-sys-color-border-success-darker-surface: 1, 234, 155;
824
876
 
825
- --ax-sys-color-success-darkest-surface: 95, 214, 143;
826
- --ax-sys-color-on-success-darkest-surface: 0, 31, 4;
827
- --ax-sys-color-border-success-darkest-surface: 132, 223, 169;
877
+ --ax-sys-color-success-darkest-surface: 0, 170, 108;
878
+ --ax-sys-color-on-success-darkest-surface: 0, 31, 8;
879
+ --ax-sys-color-border-success-darkest-surface: 0, 216, 137;
828
880
 
829
- --ax-sys-color-warning-lightest-surface: 255, 242, 214;
830
- --ax-sys-color-on-warning-lightest-surface: 30, 20, 1;
831
- --ax-sys-color-border-warning-lightest-surface: 255, 255, 255;
881
+ --ax-sys-color-warning-lightest-surface: 255, 238, 208;
882
+ --ax-sys-color-on-warning-lightest-surface: 32, 20, 0;
883
+ --ax-sys-color-border-warning-lightest-surface: 255, 255, 254;
832
884
 
833
- --ax-sys-color-warning-lighter-surface: 255, 232, 194;
834
- --ax-sys-color-on-warning-lighter-surface: 35, 18, 0;
835
- --ax-sys-color-border-warning-lighter-surface: 255, 249, 240;
885
+ --ax-sys-color-warning-lighter-surface: 255, 224, 181;
886
+ --ax-sys-color-on-warning-lighter-surface: 37, 16, 0;
887
+ --ax-sys-color-border-warning-lighter-surface: 255, 243, 227;
836
888
 
837
- --ax-sys-color-warning-light-surface: 255, 222, 174;
838
- --ax-sys-color-on-warning-light-surface: 37, 17, 0;
839
- --ax-sys-color-border-warning-light-surface: 255, 241, 220;
889
+ --ax-sys-color-warning-light-surface: 255, 210, 152;
890
+ --ax-sys-color-on-warning-light-surface: 38, 16, 0;
891
+ --ax-sys-color-border-warning-light-surface: 255, 230, 198;
840
892
 
841
- --ax-sys-color-warning-surface: 255, 201, 129;
842
- --ax-sys-color-on-warning-surface: 38, 16, 0;
843
- --ax-sys-color-border-warning-surface: 255, 221, 175;
893
+ --ax-sys-color-warning-surface: 255, 180, 82;
894
+ --ax-sys-color-on-warning-surface: 39, 15, 0;
895
+ --ax-sys-color-border-warning-surface: 255, 200, 128;
844
896
 
845
- --ax-sys-color-warning-dark-surface: 255, 192, 114;
846
- --ax-sys-color-on-warning-dark-surface: 39, 15, 0;
847
- --ax-sys-color-border-warning-dark-surface: 255, 213, 160;
897
+ --ax-sys-color-warning-dark-surface: 255, 165, 33;
898
+ --ax-sys-color-on-warning-dark-surface: 40, 14, 0;
899
+ --ax-sys-color-border-warning-dark-surface: 255, 184, 79;
848
900
 
849
- --ax-sys-color-warning-darker-surface: 255, 184, 106;
850
- --ax-sys-color-on-warning-darker-surface: 40, 14, 0;
851
- --ax-sys-color-border-warning-darker-surface: 255, 206, 152;
901
+ --ax-sys-color-warning-darker-surface: 253, 154, 1;
902
+ --ax-sys-color-on-warning-darker-surface: 41, 13, 0;
903
+ --ax-sys-color-border-warning-darker-surface: 254, 172, 46;
852
904
 
853
- --ax-sys-color-warning-darkest-surface: 229, 160, 81;
854
- --ax-sys-color-on-warning-darkest-surface: 40, 14, 0;
855
- --ax-sys-color-border-warning-darkest-surface: 235, 182, 121;
905
+ --ax-sys-color-warning-darkest-surface: 230, 133, 0;
906
+ --ax-sys-color-on-warning-darkest-surface: 42, 12, 0;
907
+ --ax-sys-color-border-warning-darkest-surface: 255, 156, 21;
856
908
 
857
- --ax-sys-color-danger-lightest-surface: 255, 237, 236;
858
- --ax-sys-color-on-danger-lightest-surface: 30, 19, 18;
909
+ --ax-sys-color-danger-lightest-surface: 255, 230, 233;
910
+ --ax-sys-color-on-danger-lightest-surface: 33, 17, 19;
859
911
  --ax-sys-color-border-danger-lightest-surface: 255, 255, 255;
860
912
 
861
- --ax-sys-color-danger-lighter-surface: 255, 224, 223;
862
- --ax-sys-color-on-danger-lighter-surface: 36, 15, 15;
913
+ --ax-sys-color-danger-lighter-surface: 255, 210, 215;
914
+ --ax-sys-color-on-danger-lighter-surface: 41, 10, 16;
863
915
  --ax-sys-color-border-danger-lighter-surface: 255, 255, 255;
864
916
 
865
- --ax-sys-color-danger-light-surface: 255, 211, 210;
866
- --ax-sys-color-on-danger-light-surface: 41, 11, 13;
867
- --ax-sys-color-border-danger-light-surface: 255, 255, 255;
917
+ --ax-sys-color-danger-light-surface: 255, 189, 196;
918
+ --ax-sys-color-on-danger-light-surface: 48, 1, 13;
919
+ --ax-sys-color-border-danger-light-surface: 255, 235, 237;
920
+
921
+ --ax-sys-color-danger-surface: 255, 144, 159;
922
+ --ax-sys-color-on-danger-surface: 54, 0, 9;
923
+ --ax-sys-color-border-danger-surface: 255, 190, 199;
868
924
 
869
- --ax-sys-color-danger-surface: 255, 184, 183;
870
- --ax-sys-color-on-danger-surface: 50, 0, 6;
871
- --ax-sys-color-border-danger-surface: 255, 229, 229;
925
+ --ax-sys-color-danger-dark-surface: 255, 117, 140;
926
+ --ax-sys-color-on-danger-dark-surface: 54, 0, 10;
927
+ --ax-sys-color-border-danger-dark-surface: 255, 163, 178;
872
928
 
873
- --ax-sys-color-danger-dark-surface: 255, 171, 171;
874
- --ax-sys-color-on-danger-dark-surface: 55, 0, 3;
875
- --ax-sys-color-border-danger-dark-surface: 255, 217, 217;
929
+ --ax-sys-color-danger-darker-surface: 255, 99, 126;
930
+ --ax-sys-color-on-danger-darker-surface: 54, 0, 9;
931
+ --ax-sys-color-border-danger-darker-surface: 255, 145, 164;
876
932
 
877
- --ax-sys-color-danger-darker-surface: 255, 162, 162;
878
- --ax-sys-color-on-danger-darker-surface: 55, 0, 3;
879
- --ax-sys-color-border-danger-darker-surface: 255, 208, 208;
933
+ --ax-sys-color-danger-darkest-surface: 234, 80, 109;
934
+ --ax-sys-color-on-danger-darkest-surface: 54, 0, 8;
935
+ --ax-sys-color-border-danger-darkest-surface: 239, 121, 143;
880
936
 
881
- --ax-sys-color-danger-darkest-surface: 230, 139, 140;
882
- --ax-sys-color-on-danger-darkest-surface: 55, 0, 3;
883
- --ax-sys-color-border-danger-darkest-surface: 238, 177, 177;
937
+ --ax-sys-color-surface-lightest-surface: 219, 219, 219;
938
+ --ax-sys-color-on-surface-lightest-surface: 22, 22, 22;
939
+ --ax-sys-color-border-surface-lightest-surface: 242, 242, 242;
884
940
 
885
- --ax-sys-color-accent-lightest-surface: 237, 244, 255;
886
- --ax-sys-color-on-accent-lightest-surface: 18, 22, 30;
887
- --ax-sys-color-border-accent-lightest-surface: 255, 255, 255;
941
+ --ax-sys-color-surface-lighter-surface: 185, 185, 185;
942
+ --ax-sys-color-on-surface-lighter-surface: 22, 22, 22;
943
+ --ax-sys-color-border-surface-lighter-surface: 208, 208, 208;
888
944
 
889
- --ax-sys-color-accent-lighter-surface: 224, 233, 255;
890
- --ax-sys-color-on-accent-lighter-surface: 16, 21, 36;
891
- --ax-sys-color-border-accent-lighter-surface: 255, 255, 255;
945
+ --ax-sys-color-surface-light-surface: 151, 151, 151;
946
+ --ax-sys-color-on-surface-light-surface: 22, 22, 22;
947
+ --ax-sys-color-border-surface-light-surface: 174, 174, 174;
892
948
 
893
- --ax-sys-color-accent-light-surface: 211, 222, 255;
894
- --ax-sys-color-on-accent-light-surface: 14, 20, 43;
895
- --ax-sys-color-border-accent-light-surface: 255, 255, 255;
949
+ --ax-sys-color-surface-surface: 89, 89, 89;
950
+ --ax-sys-color-on-surface-surface: 253, 253, 253;
951
+ --ax-sys-color-border-surface-surface: 112, 112, 112;
896
952
 
897
- --ax-sys-color-accent-surface: 184, 200, 255;
898
- --ax-sys-color-on-accent-surface: 11, 16, 57;
899
- --ax-sys-color-border-accent-surface: 230, 236, 255;
953
+ --ax-sys-color-surface-dark-surface: 60, 60, 60;
954
+ --ax-sys-color-on-surface-dark-surface: 253, 253, 253;
955
+ --ax-sys-color-border-surface-dark-surface: 83, 83, 83;
900
956
 
901
- --ax-sys-color-accent-dark-surface: 173, 189, 255;
902
- --ax-sys-color-on-accent-dark-surface: 12, 12, 64;
903
- --ax-sys-color-border-accent-dark-surface: 219, 226, 255;
957
+ --ax-sys-color-surface-darker-surface: 33, 33, 33;
958
+ --ax-sys-color-on-surface-darker-surface: 253, 253, 253;
959
+ --ax-sys-color-border-surface-darker-surface: 56, 56, 56;
904
960
 
905
- --ax-sys-color-accent-darker-surface: 163, 179, 255;
906
- --ax-sys-color-on-accent-darker-surface: 13, 6, 70;
907
- --ax-sys-color-border-accent-darker-surface: 209, 217, 255;
961
+ --ax-sys-color-surface-darkest-surface: 35, 35, 35;
962
+ --ax-sys-color-on-surface-darkest-surface: 253, 253, 253;
963
+ --ax-sys-color-border-surface-darkest-surface: 58, 58, 58;
908
964
 
909
- --ax-sys-color-accent-darkest-surface: 142, 157, 232;
910
- --ax-sys-color-on-accent-darkest-surface: 13, 6, 70;
911
- --ax-sys-color-border-accent-darkest-surface: 180, 190, 240;
965
+ --ax-sys-color-accent-lightest-surface: 192, 254, 255;
966
+ --ax-sys-color-on-accent-lightest-surface: 0, 29, 30;
967
+ --ax-sys-color-border-accent-lightest-surface: 238, 255, 255;
912
968
 
913
- --ax-sys-color-accent2-lightest-surface: 255, 240, 255;
914
- --ax-sys-color-on-accent2-lightest-surface: 28, 18, 28;
969
+ --ax-sys-color-accent-lighter-surface: 147, 245, 255;
970
+ --ax-sys-color-on-accent-lighter-surface: 0, 28, 33;
971
+ --ax-sys-color-border-accent-lighter-surface: 193, 249, 255;
972
+
973
+ --ax-sys-color-accent-light-surface: 97, 236, 255;
974
+ --ax-sys-color-on-accent-light-surface: 0, 28, 35;
975
+ --ax-sys-color-border-accent-light-surface: 143, 242, 255;
976
+
977
+ --ax-sys-color-accent-surface: 63, 208, 239;
978
+ --ax-sys-color-on-accent-surface: 0, 27, 38;
979
+ --ax-sys-color-border-accent-surface: 105, 218, 243;
980
+
981
+ --ax-sys-color-accent-dark-surface: 42, 195, 225;
982
+ --ax-sys-color-on-accent-dark-surface: 0, 27, 38;
983
+ --ax-sys-color-border-accent-dark-surface: 82, 206, 231;
984
+
985
+ --ax-sys-color-accent-darker-surface: 6, 182, 212;
986
+ --ax-sys-color-on-accent-darker-surface: 0, 27, 38;
987
+ --ax-sys-color-border-accent-darker-surface: 16, 214, 248;
988
+
989
+ --ax-sys-color-accent-darkest-surface: 0, 163, 193;
990
+ --ax-sys-color-on-accent-darkest-surface: 0, 27, 38;
991
+ --ax-sys-color-border-accent-darkest-surface: 0, 202, 239;
992
+
993
+ --ax-sys-color-accent2-lightest-surface: 255, 225, 255;
994
+ --ax-sys-color-on-accent2-lightest-surface: 33, 13, 34;
915
995
  --ax-sys-color-border-accent2-lightest-surface: 255, 255, 255;
916
996
 
917
- --ax-sys-color-accent2-lighter-surface: 249, 229, 255;
918
- --ax-sys-color-on-accent2-lighter-surface: 30, 16, 34;
919
- --ax-sys-color-border-accent2-lighter-surface: 255, 255, 255;
997
+ --ax-sys-color-accent2-lighter-surface: 255, 199, 255;
998
+ --ax-sys-color-on-accent2-lighter-surface: 42, 0, 44;
999
+ --ax-sys-color-border-accent2-lighter-surface: 255, 245, 255;
920
1000
 
921
- --ax-sys-color-accent2-light-surface: 244, 218, 255;
922
- --ax-sys-color-on-accent2-light-surface: 32, 12, 39;
923
- --ax-sys-color-border-accent2-light-surface: 255, 255, 255;
1001
+ --ax-sys-color-accent2-light-surface: 255, 172, 255;
1002
+ --ax-sys-color-on-accent2-light-surface: 45, 0, 48;
1003
+ --ax-sys-color-border-accent2-light-surface: 255, 218, 255;
924
1004
 
925
- --ax-sys-color-accent2-surface: 233, 195, 255;
926
- --ax-sys-color-on-accent2-surface: 36, 3, 50;
927
- --ax-sys-color-border-accent2-surface: 250, 241, 255;
1005
+ --ax-sys-color-accent2-surface: 248, 109, 255;
1006
+ --ax-sys-color-on-accent2-surface: 45, 0, 49;
1007
+ --ax-sys-color-border-accent2-surface: 250, 155, 255;
928
1008
 
929
- --ax-sys-color-accent2-dark-surface: 226, 186, 255;
930
- --ax-sys-color-on-accent2-dark-surface: 36, 0, 55;
931
- --ax-sys-color-border-accent2-dark-surface: 245, 232, 255;
1009
+ --ax-sys-color-accent2-dark-surface: 233, 88, 255;
1010
+ --ax-sys-color-on-accent2-dark-surface: 44, 0, 52;
1011
+ --ax-sys-color-border-accent2-dark-surface: 239, 134, 255;
932
1012
 
933
- --ax-sys-color-accent2-darker-surface: 218, 178, 255;
934
- --ax-sys-color-on-accent2-darker-surface: 36, 0, 60;
935
- --ax-sys-color-border-accent2-darker-surface: 240, 224, 255;
1013
+ --ax-sys-color-accent2-darker-surface: 217, 70, 239;
1014
+ --ax-sys-color-on-accent2-darker-surface: 44, 0, 52;
1015
+ --ax-sys-color-border-accent2-darker-surface: 226, 112, 243;
936
1016
 
937
- --ax-sys-color-accent2-darkest-surface: 194, 154, 230;
938
- --ax-sys-color-on-accent2-darkest-surface: 36, 0, 60;
939
- --ax-sys-color-border-accent2-darkest-surface: 216, 191, 239;
1017
+ --ax-sys-color-accent2-darkest-surface: 199, 48, 221;
1018
+ --ax-sys-color-on-accent2-darkest-surface: 44, 0, 52;
1019
+ --ax-sys-color-border-accent2-darkest-surface: 210, 87, 227;
940
1020
 
941
- --ax-sys-color-accent3-lightest-surface: 255, 237, 255;
942
- --ax-sys-color-on-accent3-lightest-surface: 29, 17, 29;
1021
+ --ax-sys-color-accent3-lightest-surface: 255, 232, 214;
1022
+ --ax-sys-color-on-accent3-lightest-surface: 33, 18, 5;
943
1023
  --ax-sys-color-border-accent3-lightest-surface: 255, 255, 255;
944
1024
 
945
- --ax-sys-color-accent3-lighter-surface: 255, 225, 255;
946
- --ax-sys-color-on-accent3-lighter-surface: 33, 13, 34;
947
- --ax-sys-color-border-accent3-lighter-surface: 255, 255, 255;
1025
+ --ax-sys-color-accent3-lighter-surface: 255, 213, 186;
1026
+ --ax-sys-color-on-accent3-lighter-surface: 41, 12, 0;
1027
+ --ax-sys-color-border-accent3-lighter-surface: 255, 241, 232;
948
1028
 
949
- --ax-sys-color-accent3-light-surface: 255, 212, 255;
950
- --ax-sys-color-on-accent3-light-surface: 38, 6, 39;
951
- --ax-sys-color-border-accent3-light-surface: 255, 255, 255;
1029
+ --ax-sys-color-accent3-light-surface: 255, 194, 157;
1030
+ --ax-sys-color-on-accent3-light-surface: 46, 7, 0;
1031
+ --ax-sys-color-border-accent3-light-surface: 255, 223, 203;
952
1032
 
953
- --ax-sys-color-accent3-surface: 255, 185, 255;
954
- --ax-sys-color-on-accent3-surface: 45, 0, 48;
955
- --ax-sys-color-border-accent3-surface: 255, 231, 255;
1033
+ --ax-sys-color-accent3-surface: 255, 151, 89;
1034
+ --ax-sys-color-on-accent3-surface: 47, 6, 0;
1035
+ --ax-sys-color-border-accent3-surface: 255, 180, 135;
956
1036
 
957
- --ax-sys-color-accent3-dark-surface: 252, 176, 255;
958
- --ax-sys-color-on-accent3-dark-surface: 45, 0, 49;
959
- --ax-sys-color-border-accent3-dark-surface: 254, 222, 255;
1037
+ --ax-sys-color-accent3-dark-surface: 255, 129, 45;
1038
+ --ax-sys-color-on-accent3-dark-surface: 47, 5, 0;
1039
+ --ax-sys-color-border-accent3-dark-surface: 255, 157, 91;
960
1040
 
961
- --ax-sys-color-accent3-darker-surface: 244, 168, 255;
962
- --ax-sys-color-on-accent3-darker-surface: 44, 0, 52;
963
- --ax-sys-color-border-accent3-darker-surface: 250, 214, 255;
1041
+ --ax-sys-color-accent3-darker-surface: 249, 115, 22;
1042
+ --ax-sys-color-on-accent3-darker-surface: 48, 4, 0;
1043
+ --ax-sys-color-border-accent3-darker-surface: 250, 142, 67;
964
1044
 
965
- --ax-sys-color-accent3-darkest-surface: 218, 144, 229;
966
- --ax-sys-color-on-accent3-darkest-surface: 44, 0, 52;
967
- --ax-sys-color-border-accent3-darkest-surface: 230, 181, 238;
1045
+ --ax-sys-color-accent3-darkest-surface: 228, 96, 0;
1046
+ --ax-sys-color-on-accent3-darkest-surface: 49, 3, 0;
1047
+ --ax-sys-color-border-accent3-darkest-surface: 255, 118, 19;
968
1048
 
969
- --ax-sys-color-accent4-lightest-surface: 255, 236, 253;
970
- --ax-sys-color-on-accent4-lightest-surface: 30, 17, 29;
971
- --ax-sys-color-border-accent4-lightest-surface: 255, 255, 255;
1049
+ --ax-sys-color-accent4-lightest-surface: 166, 255, 246;
1050
+ --ax-sys-color-on-accent4-lightest-surface: 0, 29, 26;
1051
+ --ax-sys-color-border-accent4-lightest-surface: 212, 255, 251;
972
1052
 
973
- --ax-sys-color-accent4-lighter-surface: 255, 223, 247;
974
- --ax-sys-color-on-accent4-lighter-surface: 35, 13, 30;
975
- --ax-sys-color-border-accent4-lighter-surface: 255, 255, 255;
1053
+ --ax-sys-color-accent4-lighter-surface: 118, 254, 234;
1054
+ --ax-sys-color-on-accent4-lighter-surface: 0, 30, 24;
1055
+ --ax-sys-color-border-accent4-lighter-surface: 164, 254, 241;
976
1056
 
977
- --ax-sys-color-accent4-light-surface: 255, 210, 240;
978
- --ax-sys-color-on-accent4-light-surface: 39, 8, 31;
979
- --ax-sys-color-border-accent4-light-surface: 255, 255, 255;
1057
+ --ax-sys-color-accent4-light-surface: 102, 240, 220;
1058
+ --ax-sys-color-on-accent4-light-surface: 0, 30, 24;
1059
+ --ax-sys-color-border-accent4-light-surface: 144, 244, 230;
980
1060
 
981
- --ax-sys-color-accent4-surface: 255, 183, 229;
982
- --ax-sys-color-on-accent4-surface: 48, 0, 35;
983
- --ax-sys-color-border-accent4-surface: 255, 229, 246;
1061
+ --ax-sys-color-accent4-surface: 69, 212, 193;
1062
+ --ax-sys-color-on-accent4-surface: 0, 30, 24;
1063
+ --ax-sys-color-border-accent4-surface: 106, 221, 205;
984
1064
 
985
- --ax-sys-color-accent4-dark-surface: 255, 173, 221;
986
- --ax-sys-color-on-accent4-dark-surface: 50, 0, 33;
987
- --ax-sys-color-border-accent4-dark-surface: 255, 219, 240;
1065
+ --ax-sys-color-accent4-dark-surface: 49, 198, 179;
1066
+ --ax-sys-color-on-accent4-dark-surface: 0, 30, 24;
1067
+ --ax-sys-color-border-accent4-dark-surface: 81, 212, 195;
988
1068
 
989
- --ax-sys-color-accent4-darker-surface: 253, 165, 213;
990
- --ax-sys-color-on-accent4-darker-surface: 50, 0, 32;
991
- --ax-sys-color-border-accent4-darker-surface: 254, 210, 234;
1069
+ --ax-sys-color-accent4-darker-surface: 20, 184, 166;
1070
+ --ax-sys-color-on-accent4-darker-surface: 0, 30, 24;
1071
+ --ax-sys-color-border-accent4-darker-surface: 25, 225, 203;
992
1072
 
993
- --ax-sys-color-accent4-darkest-surface: 227, 142, 189;
994
- --ax-sys-color-on-accent4-darkest-surface: 50, 0, 32;
995
- --ax-sys-color-border-accent4-darkest-surface: 236, 179, 210;
1073
+ --ax-sys-color-accent4-darkest-surface: 0, 166, 148;
1074
+ --ax-sys-color-on-accent4-darkest-surface: 0, 30, 24;
1075
+ --ax-sys-color-border-accent4-darkest-surface: 0, 212, 189;
996
1076
 
997
- --ax-sys-color-accent5-lightest-surface: 255, 237, 240;
998
- --ax-sys-color-on-accent5-lightest-surface: 30, 18, 21;
1077
+ --ax-sys-color-accent5-lightest-surface: 226, 233, 255;
1078
+ --ax-sys-color-on-accent5-lightest-surface: 17, 21, 36;
999
1079
  --ax-sys-color-border-accent5-lightest-surface: 255, 255, 255;
1000
1080
 
1001
- --ax-sys-color-accent5-lighter-surface: 255, 224, 228;
1002
- --ax-sys-color-on-accent5-lighter-surface: 35, 15, 19;
1003
- --ax-sys-color-border-accent5-lighter-surface: 255, 255, 255;
1081
+ --ax-sys-color-accent5-lighter-surface: 202, 212, 255;
1082
+ --ax-sys-color-on-accent5-lighter-surface: 15, 18, 49;
1083
+ --ax-sys-color-border-accent5-lighter-surface: 248, 249, 255;
1004
1084
 
1005
- --ax-sys-color-accent5-light-surface: 255, 210, 216;
1006
- --ax-sys-color-on-accent5-light-surface: 41, 10, 17;
1007
- --ax-sys-color-border-accent5-light-surface: 255, 255, 255;
1085
+ --ax-sys-color-accent5-light-surface: 178, 190, 255;
1086
+ --ax-sys-color-on-accent5-light-surface: 14, 12, 63;
1087
+ --ax-sys-color-border-accent5-light-surface: 224, 229, 255;
1008
1088
 
1009
- --ax-sys-color-accent5-surface: 255, 183, 193;
1010
- --ax-sys-color-on-accent5-surface: 50, 0, 13;
1011
- --ax-sys-color-border-accent5-surface: 255, 229, 233;
1089
+ --ax-sys-color-accent5-surface: 134, 144, 255;
1090
+ --ax-sys-color-on-accent5-surface: 18, 0, 85;
1091
+ --ax-sys-color-border-accent5-surface: 180, 186, 255;
1012
1092
 
1013
- --ax-sys-color-accent5-dark-surface: 255, 170, 182;
1014
- --ax-sys-color-on-accent5-dark-surface: 54, 0, 11;
1015
- --ax-sys-color-border-accent5-dark-surface: 255, 216, 221;
1093
+ --ax-sys-color-accent5-dark-surface: 115, 121, 255;
1094
+ --ax-sys-color-on-accent5-dark-surface: 18, 0, 85;
1095
+ --ax-sys-color-border-accent5-dark-surface: 161, 165, 255;
1016
1096
 
1017
- --ax-sys-color-accent5-darker-surface: 255, 161, 173;
1018
- --ax-sys-color-on-accent5-darker-surface: 54, 0, 10;
1019
- --ax-sys-color-border-accent5-darker-surface: 255, 207, 213;
1097
+ --ax-sys-color-accent5-darker-surface: 99, 102, 241;
1098
+ --ax-sys-color-on-accent5-darker-surface: 18, 0, 85;
1099
+ --ax-sys-color-border-accent5-darker-surface: 141, 143, 245;
1020
1100
 
1021
- --ax-sys-color-accent5-darkest-surface: 230, 138, 151;
1022
- --ax-sys-color-on-accent5-darkest-surface: 54, 0, 10;
1023
- --ax-sys-color-border-accent5-darkest-surface: 238, 176, 185;
1101
+ --ax-sys-color-accent5-darkest-surface: 88, 89, 227;
1102
+ --ax-sys-color-on-accent5-darkest-surface: 18, 0, 86;
1103
+ --ax-sys-color-border-accent5-darkest-surface: 127, 128, 234;
1024
1104
 
1025
- --ax-sys-color-accent6-lightest-surface: 203, 255, 251;
1026
- --ax-sys-color-on-accent6-lightest-surface: 0, 29, 28;
1027
- --ax-sys-color-border-accent6-lightest-surface: 249, 255, 255;
1105
+ --ax-sys-color-accent6-lightest-surface: 255, 225, 241;
1106
+ --ax-sys-color-on-accent6-lightest-surface: 34, 14, 26;
1107
+ --ax-sys-color-border-accent6-lightest-surface: 255, 255, 255;
1028
1108
 
1029
- --ax-sys-color-accent6-lighter-surface: 168, 255, 245;
1030
- --ax-sys-color-on-accent6-lighter-surface: 0, 29, 26;
1031
- --ax-sys-color-border-accent6-lighter-surface: 214, 255, 250;
1109
+ --ax-sys-color-accent6-lighter-surface: 255, 200, 226;
1110
+ --ax-sys-color-on-accent6-lighter-surface: 43, 5, 27;
1111
+ --ax-sys-color-border-accent6-lighter-surface: 255, 246, 250;
1032
1112
 
1033
- --ax-sys-color-accent6-light-surface: 121, 255, 240;
1034
- --ax-sys-color-on-accent6-light-surface: 0, 29, 26;
1035
- --ax-sys-color-border-accent6-light-surface: 167, 255, 245;
1113
+ --ax-sys-color-accent6-light-surface: 255, 174, 211;
1114
+ --ax-sys-color-on-accent6-light-surface: 51, 0, 28;
1115
+ --ax-sys-color-border-accent6-light-surface: 255, 220, 236;
1036
1116
 
1037
- --ax-sys-color-accent6-surface: 89, 250, 227;
1038
- --ax-sys-color-on-accent6-surface: 0, 30, 24;
1039
- --ax-sys-color-border-accent6-surface: 134, 251, 235;
1117
+ --ax-sys-color-accent6-surface: 255, 113, 183;
1118
+ --ax-sys-color-on-accent6-surface: 52, 0, 27;
1119
+ --ax-sys-color-border-accent6-surface: 255, 159, 206;
1040
1120
 
1041
- --ax-sys-color-accent6-dark-surface: 80, 243, 220;
1042
- --ax-sys-color-on-accent6-dark-surface: 0, 30, 24;
1043
- --ax-sys-color-border-accent6-dark-surface: 123, 246, 229;
1121
+ --ax-sys-color-accent6-dark-surface: 254, 89, 168;
1122
+ --ax-sys-color-on-accent6-dark-surface: 52, 0, 25;
1123
+ --ax-sys-color-border-accent6-dark-surface: 254, 135, 192;
1044
1124
 
1045
- --ax-sys-color-accent6-darker-surface: 70, 236, 213;
1046
- --ax-sys-color-on-accent6-darker-surface: 0, 30, 24;
1047
- --ax-sys-color-border-accent6-darker-surface: 112, 240, 222;
1125
+ --ax-sys-color-accent6-darker-surface: 236, 72, 153;
1126
+ --ax-sys-color-on-accent6-darker-surface: 52, 0, 25;
1127
+ --ax-sys-color-border-accent6-darker-surface: 240, 114, 176;
1048
1128
 
1049
- --ax-sys-color-accent6-darkest-surface: 16, 210, 188;
1050
- --ax-sys-color-on-accent6-darkest-surface: 0, 30, 24;
1051
- --ax-sys-color-border-accent6-darkest-surface: 34, 238, 215;
1129
+ --ax-sys-color-accent6-darkest-surface: 218, 53, 138;
1130
+ --ax-sys-color-on-accent6-darkest-surface: 52, 0, 25;
1131
+ --ax-sys-color-border-accent6-darkest-surface: 225, 92, 160;
1052
1132
 
1053
- --ax-sys-color-accent7-lightest-surface: 255, 252, 164;
1054
- --ax-sys-color-on-accent7-lightest-surface: 26, 23, 0;
1055
- --ax-sys-color-border-accent7-lightest-surface: 255, 254, 210;
1133
+ --ax-sys-color-accent7-lightest-surface: 240, 232, 226;
1134
+ --ax-sys-color-on-accent7-lightest-surface: 26, 21, 17;
1135
+ --ax-sys-color-border-accent7-lightest-surface: 255, 255, 255;
1056
1136
 
1057
- --ax-sys-color-accent7-lighter-surface: 255, 247, 136;
1058
- --ax-sys-color-on-accent7-lighter-surface: 27, 23, 0;
1059
- --ax-sys-color-border-accent7-lighter-surface: 255, 250, 182;
1137
+ --ax-sys-color-accent7-lighter-surface: 219, 211, 206;
1138
+ --ax-sys-color-on-accent7-lighter-surface: 26, 21, 17;
1139
+ --ax-sys-color-border-accent7-lighter-surface: 238, 235, 232;
1060
1140
 
1061
- --ax-sys-color-accent7-light-surface: 255, 242, 104;
1062
- --ax-sys-color-on-accent7-light-surface: 27, 22, 0;
1063
- --ax-sys-color-border-accent7-light-surface: 255, 246, 150;
1141
+ --ax-sys-color-accent7-light-surface: 198, 191, 185;
1142
+ --ax-sys-color-on-accent7-light-surface: 26, 21, 17;
1143
+ --ax-sys-color-border-accent7-light-surface: 219, 214, 210;
1064
1144
 
1065
- --ax-sys-color-accent7-surface: 255, 232, 51;
1066
- --ax-sys-color-on-accent7-surface: 28, 22, 0;
1067
- --ax-sys-color-border-accent7-surface: 255, 237, 97;
1145
+ --ax-sys-color-accent7-surface: 158, 151, 146;
1146
+ --ax-sys-color-on-accent7-surface: 26, 21, 17;
1147
+ --ax-sys-color-border-accent7-surface: 180, 174, 170;
1068
1148
 
1069
- --ax-sys-color-accent7-dark-surface: 255, 228, 42;
1070
- --ax-sys-color-on-accent7-dark-surface: 29, 22, 0;
1071
- --ax-sys-color-border-accent7-dark-surface: 255, 234, 88;
1149
+ --ax-sys-color-accent7-dark-surface: 139, 132, 127;
1150
+ --ax-sys-color-on-accent7-dark-surface: 255, 252, 246;
1151
+ --ax-sys-color-border-accent7-dark-surface: 161, 155, 151;
1072
1152
 
1073
- --ax-sys-color-accent7-darker-surface: 255, 223, 32;
1074
- --ax-sys-color-on-accent7-darker-surface: 29, 21, 0;
1075
- --ax-sys-color-border-accent7-darker-surface: 255, 230, 78;
1076
-
1077
- --ax-sys-color-accent7-darkest-surface: 226, 195, 0;
1078
- --ax-sys-color-on-accent7-darkest-surface: 30, 21, 0;
1079
- --ax-sys-color-border-accent7-darkest-surface: 255, 222, 17;
1153
+ --ax-sys-color-accent7-darker-surface: 120, 113, 108;
1154
+ --ax-sys-color-on-accent7-darker-surface: 255, 252, 246;
1155
+ --ax-sys-color-border-accent7-darker-surface: 143, 136, 131;
1080
1156
 
1157
+ --ax-sys-color-accent7-darkest-surface: 109, 103, 98;
1158
+ --ax-sys-color-on-accent7-darkest-surface: 255, 252, 246;
1159
+ --ax-sys-color-border-accent7-darkest-surface: 133, 126, 120;
1081
1160
  }
1082
1161
 
1083
1162
  @theme {
@@ -1088,7 +1167,7 @@ html.dark {
1088
1167
  --radius-default: var(--ax-sys-border-radius);
1089
1168
  --breakpoint-3xl: 1920px;
1090
1169
  --breakpoint-4xl: 2560px;
1091
-
1170
+
1092
1171
  --color-lightest: rgba(var(--ax-sys-color-lightest-surface));
1093
1172
  --color-on-lightest: rgba(var(--ax-sys-color-on-lightest-surface));
1094
1173
  --color-border-lightest: rgba(var(--ax-sys-color-border-lightest-surface));
@@ -1280,6 +1359,40 @@ html.dark {
1280
1359
  --color-danger-darkest: rgba(var(--ax-sys-color-danger-darkest-surface));
1281
1360
  --color-on-danger-darkest: rgba(var(--ax-sys-color-on-danger-darkest-surface));
1282
1361
  --color-border-danger-darkest: rgba(var(--ax-sys-color-border-danger-darkest-surface));
1362
+ /* Surface Surfaces */
1363
+ --color-surface-50: rgba(var(--ax-sys-color-surface-50));
1364
+ --color-surface-100: rgba(var(--ax-sys-color-surface-100));
1365
+ --color-surface-200: rgba(var(--ax-sys-color-surface-200));
1366
+ --color-surface-300: rgba(var(--ax-sys-color-surface-300));
1367
+ --color-surface-400: rgba(var(--ax-sys-color-surface-400));
1368
+ --color-surface-500: rgba(var(--ax-sys-color-surface-500));
1369
+ --color-surface-600: rgba(var(--ax-sys-color-surface-600));
1370
+ --color-surface-700: rgba(var(--ax-sys-color-surface-700));
1371
+ --color-surface-800: rgba(var(--ax-sys-color-surface-800));
1372
+ --color-surface-900: rgba(var(--ax-sys-color-surface-900));
1373
+ --color-surface-950: rgba(var(--ax-sys-color-surface-950));
1374
+
1375
+ --color-surface-lightest: rgba(var(--ax-sys-color-surface-lightest-surface));
1376
+ --color-on-surface-lightest: rgba(var(--ax-sys-color-on-surface-lightest-surface));
1377
+ --color-border-surface-lightest: rgba(var(--ax-sys-color-border-surface-lightest-surface));
1378
+ --color-surface-lighter: rgba(var(--ax-sys-color-surface-lighter-surface));
1379
+ --color-on-surface-lighter: rgba(var(--ax-sys-color-on-surface-lighter-surface));
1380
+ --color-border-surface-lighter: rgba(var(--ax-sys-color-border-surface-lighter-surface));
1381
+ --color-surface-light: rgba(var(--ax-sys-color-surface-light-surface));
1382
+ --color-on-surface-light: rgba(var(--ax-sys-color-on-surface-light-surface));
1383
+ --color-border-surface-light: rgba(var(--ax-sys-color-border-surface-light-surface));
1384
+ --color-surface: rgba(var(--ax-sys-color-surface-surface));
1385
+ --color-on-surface: rgba(var(--ax-sys-color-on-surface-surface));
1386
+ --color-border-surface: rgba(var(--ax-sys-color-border-surface-surface));
1387
+ --color-surface-dark: rgba(var(--ax-sys-color-surface-dark-surface));
1388
+ --color-on-surface-dark: rgba(var(--ax-sys-color-on-surface-dark-surface));
1389
+ --color-border-surface-dark: rgba(var(--ax-sys-color-border-surface-dark-surface));
1390
+ --color-surface-darker: rgba(var(--ax-sys-color-surface-darker-surface));
1391
+ --color-on-surface-darker: rgba(var(--ax-sys-color-on-surface-darker-surface));
1392
+ --color-border-surface-darker: rgba(var(--ax-sys-color-border-surface-darker-surface));
1393
+ --color-surface-darkest: rgba(var(--ax-sys-color-surface-darkest-surface));
1394
+ --color-on-surface-darkest: rgba(var(--ax-sys-color-on-surface-darkest-surface));
1395
+ --color-border-surface-darkest: rgba(var(--ax-sys-color-border-surface-darkest-surface));
1283
1396
  /* Accent Surfaces */
1284
1397
  --color-accent-50: rgba(var(--ax-sys-color-accent-50));
1285
1398
  --color-accent-100: rgba(var(--ax-sys-color-accent-100));
@@ -1327,197 +1440,2125 @@ html.dark {
1327
1440
  --color-accent2-900: rgba(var(--ax-sys-color-accent2-900));
1328
1441
  --color-accent2-950: rgba(var(--ax-sys-color-accent2-950));
1329
1442
 
1330
- --color-accent2-lightest: rgba(var(--ax-sys-color-accent2-lightest-surface));
1331
- --color-on-accent2-lightest: rgba(var(--ax-sys-color-on-accent2-lightest-surface));
1332
- --color-border-accent2-lightest: rgba(var(--ax-sys-color-border-accent2-lightest-surface));
1333
- --color-accent2-lighter: rgba(var(--ax-sys-color-accent2-lighter-surface));
1334
- --color-on-accent2-lighter: rgba(var(--ax-sys-color-on-accent2-lighter-surface));
1335
- --color-border-accent2-lighter: rgba(var(--ax-sys-color-border-accent2-lighter-surface));
1336
- --color-accent2-light: rgba(var(--ax-sys-color-accent2-light-surface));
1337
- --color-on-accent2-light: rgba(var(--ax-sys-color-on-accent2-light-surface));
1338
- --color-border-accent2-light: rgba(var(--ax-sys-color-border-accent2-light-surface));
1339
- --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
1340
- --color-on-accent2: rgba(var(--ax-sys-color-on-accent2-surface));
1341
- --color-border-accent2: rgba(var(--ax-sys-color-border-accent2-surface));
1342
- --color-accent2-dark: rgba(var(--ax-sys-color-accent2-dark-surface));
1343
- --color-on-accent2-dark: rgba(var(--ax-sys-color-on-accent2-dark-surface));
1344
- --color-border-accent2-dark: rgba(var(--ax-sys-color-border-accent2-dark-surface));
1345
- --color-accent2-darker: rgba(var(--ax-sys-color-accent2-darker-surface));
1346
- --color-on-accent2-darker: rgba(var(--ax-sys-color-on-accent2-darker-surface));
1347
- --color-border-accent2-darker: rgba(var(--ax-sys-color-border-accent2-darker-surface));
1348
- --color-accent2-darkest: rgba(var(--ax-sys-color-accent2-darkest-surface));
1349
- --color-on-accent2-darkest: rgba(var(--ax-sys-color-on-accent2-darkest-surface));
1350
- --color-border-accent2-darkest: rgba(var(--ax-sys-color-border-accent2-darkest-surface));
1351
- /* Accent3 Surfaces */
1352
- --color-accent3-50: rgba(var(--ax-sys-color-accent3-50));
1353
- --color-accent3-100: rgba(var(--ax-sys-color-accent3-100));
1354
- --color-accent3-200: rgba(var(--ax-sys-color-accent3-200));
1355
- --color-accent3-300: rgba(var(--ax-sys-color-accent3-300));
1356
- --color-accent3-400: rgba(var(--ax-sys-color-accent3-400));
1357
- --color-accent3-500: rgba(var(--ax-sys-color-accent3-500));
1358
- --color-accent3-600: rgba(var(--ax-sys-color-accent3-600));
1359
- --color-accent3-700: rgba(var(--ax-sys-color-accent3-700));
1360
- --color-accent3-800: rgba(var(--ax-sys-color-accent3-800));
1361
- --color-accent3-900: rgba(var(--ax-sys-color-accent3-900));
1362
- --color-accent3-950: rgba(var(--ax-sys-color-accent3-950));
1443
+ --color-accent2-lightest: rgba(var(--ax-sys-color-accent2-lightest-surface));
1444
+ --color-on-accent2-lightest: rgba(var(--ax-sys-color-on-accent2-lightest-surface));
1445
+ --color-border-accent2-lightest: rgba(var(--ax-sys-color-border-accent2-lightest-surface));
1446
+ --color-accent2-lighter: rgba(var(--ax-sys-color-accent2-lighter-surface));
1447
+ --color-on-accent2-lighter: rgba(var(--ax-sys-color-on-accent2-lighter-surface));
1448
+ --color-border-accent2-lighter: rgba(var(--ax-sys-color-border-accent2-lighter-surface));
1449
+ --color-accent2-light: rgba(var(--ax-sys-color-accent2-light-surface));
1450
+ --color-on-accent2-light: rgba(var(--ax-sys-color-on-accent2-light-surface));
1451
+ --color-border-accent2-light: rgba(var(--ax-sys-color-border-accent2-light-surface));
1452
+ --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
1453
+ --color-on-accent2: rgba(var(--ax-sys-color-on-accent2-surface));
1454
+ --color-border-accent2: rgba(var(--ax-sys-color-border-accent2-surface));
1455
+ --color-accent2-dark: rgba(var(--ax-sys-color-accent2-dark-surface));
1456
+ --color-on-accent2-dark: rgba(var(--ax-sys-color-on-accent2-dark-surface));
1457
+ --color-border-accent2-dark: rgba(var(--ax-sys-color-border-accent2-dark-surface));
1458
+ --color-accent2-darker: rgba(var(--ax-sys-color-accent2-darker-surface));
1459
+ --color-on-accent2-darker: rgba(var(--ax-sys-color-on-accent2-darker-surface));
1460
+ --color-border-accent2-darker: rgba(var(--ax-sys-color-border-accent2-darker-surface));
1461
+ --color-accent2-darkest: rgba(var(--ax-sys-color-accent2-darkest-surface));
1462
+ --color-on-accent2-darkest: rgba(var(--ax-sys-color-on-accent2-darkest-surface));
1463
+ --color-border-accent2-darkest: rgba(var(--ax-sys-color-border-accent2-darkest-surface));
1464
+ /* Accent3 Surfaces */
1465
+ --color-accent3-50: rgba(var(--ax-sys-color-accent3-50));
1466
+ --color-accent3-100: rgba(var(--ax-sys-color-accent3-100));
1467
+ --color-accent3-200: rgba(var(--ax-sys-color-accent3-200));
1468
+ --color-accent3-300: rgba(var(--ax-sys-color-accent3-300));
1469
+ --color-accent3-400: rgba(var(--ax-sys-color-accent3-400));
1470
+ --color-accent3-500: rgba(var(--ax-sys-color-accent3-500));
1471
+ --color-accent3-600: rgba(var(--ax-sys-color-accent3-600));
1472
+ --color-accent3-700: rgba(var(--ax-sys-color-accent3-700));
1473
+ --color-accent3-800: rgba(var(--ax-sys-color-accent3-800));
1474
+ --color-accent3-900: rgba(var(--ax-sys-color-accent3-900));
1475
+ --color-accent3-950: rgba(var(--ax-sys-color-accent3-950));
1476
+
1477
+ --color-accent3-lightest: rgba(var(--ax-sys-color-accent3-lightest-surface));
1478
+ --color-on-accent3-lightest: rgba(var(--ax-sys-color-on-accent3-lightest-surface));
1479
+ --color-border-accent3-lightest: rgba(var(--ax-sys-color-border-accent3-lightest-surface));
1480
+ --color-accent3-lighter: rgba(var(--ax-sys-color-accent3-lighter-surface));
1481
+ --color-on-accent3-lighter: rgba(var(--ax-sys-color-on-accent3-lighter-surface));
1482
+ --color-border-accent3-lighter: rgba(var(--ax-sys-color-border-accent3-lighter-surface));
1483
+ --color-accent3-light: rgba(var(--ax-sys-color-accent3-light-surface));
1484
+ --color-on-accent3-light: rgba(var(--ax-sys-color-on-accent3-light-surface));
1485
+ --color-border-accent3-light: rgba(var(--ax-sys-color-border-accent3-light-surface));
1486
+ --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
1487
+ --color-on-accent3: rgba(var(--ax-sys-color-on-accent3-surface));
1488
+ --color-border-accent3: rgba(var(--ax-sys-color-border-accent3-surface));
1489
+ --color-accent3-dark: rgba(var(--ax-sys-color-accent3-dark-surface));
1490
+ --color-on-accent3-dark: rgba(var(--ax-sys-color-on-accent3-dark-surface));
1491
+ --color-border-accent3-dark: rgba(var(--ax-sys-color-border-accent3-dark-surface));
1492
+ --color-accent3-darker: rgba(var(--ax-sys-color-accent3-darker-surface));
1493
+ --color-on-accent3-darker: rgba(var(--ax-sys-color-on-accent3-darker-surface));
1494
+ --color-border-accent3-darker: rgba(var(--ax-sys-color-border-accent3-darker-surface));
1495
+ --color-accent3-darkest: rgba(var(--ax-sys-color-accent3-darkest-surface));
1496
+ --color-on-accent3-darkest: rgba(var(--ax-sys-color-on-accent3-darkest-surface));
1497
+ --color-border-accent3-darkest: rgba(var(--ax-sys-color-border-accent3-darkest-surface));
1498
+ /* Accent4 Surfaces */
1499
+ --color-accent4-50: rgba(var(--ax-sys-color-accent4-50));
1500
+ --color-accent4-100: rgba(var(--ax-sys-color-accent4-100));
1501
+ --color-accent4-200: rgba(var(--ax-sys-color-accent4-200));
1502
+ --color-accent4-300: rgba(var(--ax-sys-color-accent4-300));
1503
+ --color-accent4-400: rgba(var(--ax-sys-color-accent4-400));
1504
+ --color-accent4-500: rgba(var(--ax-sys-color-accent4-500));
1505
+ --color-accent4-600: rgba(var(--ax-sys-color-accent4-600));
1506
+ --color-accent4-700: rgba(var(--ax-sys-color-accent4-700));
1507
+ --color-accent4-800: rgba(var(--ax-sys-color-accent4-800));
1508
+ --color-accent4-900: rgba(var(--ax-sys-color-accent4-900));
1509
+ --color-accent4-950: rgba(var(--ax-sys-color-accent4-950));
1510
+
1511
+ --color-accent4-lightest: rgba(var(--ax-sys-color-accent4-lightest-surface));
1512
+ --color-on-accent4-lightest: rgba(var(--ax-sys-color-on-accent4-lightest-surface));
1513
+ --color-border-accent4-lightest: rgba(var(--ax-sys-color-border-accent4-lightest-surface));
1514
+ --color-accent4-lighter: rgba(var(--ax-sys-color-accent4-lighter-surface));
1515
+ --color-on-accent4-lighter: rgba(var(--ax-sys-color-on-accent4-lighter-surface));
1516
+ --color-border-accent4-lighter: rgba(var(--ax-sys-color-border-accent4-lighter-surface));
1517
+ --color-accent4-light: rgba(var(--ax-sys-color-accent4-light-surface));
1518
+ --color-on-accent4-light: rgba(var(--ax-sys-color-on-accent4-light-surface));
1519
+ --color-border-accent4-light: rgba(var(--ax-sys-color-border-accent4-light-surface));
1520
+ --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
1521
+ --color-on-accent4: rgba(var(--ax-sys-color-on-accent4-surface));
1522
+ --color-border-accent4: rgba(var(--ax-sys-color-border-accent4-surface));
1523
+ --color-accent4-dark: rgba(var(--ax-sys-color-accent4-dark-surface));
1524
+ --color-on-accent4-dark: rgba(var(--ax-sys-color-on-accent4-dark-surface));
1525
+ --color-border-accent4-dark: rgba(var(--ax-sys-color-border-accent4-dark-surface));
1526
+ --color-accent4-darker: rgba(var(--ax-sys-color-accent4-darker-surface));
1527
+ --color-on-accent4-darker: rgba(var(--ax-sys-color-on-accent4-darker-surface));
1528
+ --color-border-accent4-darker: rgba(var(--ax-sys-color-border-accent4-darker-surface));
1529
+ --color-accent4-darkest: rgba(var(--ax-sys-color-accent4-darkest-surface));
1530
+ --color-on-accent4-darkest: rgba(var(--ax-sys-color-on-accent4-darkest-surface));
1531
+ --color-border-accent4-darkest: rgba(var(--ax-sys-color-border-accent4-darkest-surface));
1532
+ /* Accent5 Surfaces */
1533
+ --color-accent5-50: rgba(var(--ax-sys-color-accent5-50));
1534
+ --color-accent5-100: rgba(var(--ax-sys-color-accent5-100));
1535
+ --color-accent5-200: rgba(var(--ax-sys-color-accent5-200));
1536
+ --color-accent5-300: rgba(var(--ax-sys-color-accent5-300));
1537
+ --color-accent5-400: rgba(var(--ax-sys-color-accent5-400));
1538
+ --color-accent5-500: rgba(var(--ax-sys-color-accent5-500));
1539
+ --color-accent5-600: rgba(var(--ax-sys-color-accent5-600));
1540
+ --color-accent5-700: rgba(var(--ax-sys-color-accent5-700));
1541
+ --color-accent5-800: rgba(var(--ax-sys-color-accent5-800));
1542
+ --color-accent5-900: rgba(var(--ax-sys-color-accent5-900));
1543
+ --color-accent5-950: rgba(var(--ax-sys-color-accent5-950));
1544
+
1545
+ --color-accent5-lightest: rgba(var(--ax-sys-color-accent5-lightest-surface));
1546
+ --color-on-accent5-lightest: rgba(var(--ax-sys-color-on-accent5-lightest-surface));
1547
+ --color-border-accent5-lightest: rgba(var(--ax-sys-color-border-accent5-lightest-surface));
1548
+ --color-accent5-lighter: rgba(var(--ax-sys-color-accent5-lighter-surface));
1549
+ --color-on-accent5-lighter: rgba(var(--ax-sys-color-on-accent5-lighter-surface));
1550
+ --color-border-accent5-lighter: rgba(var(--ax-sys-color-border-accent5-lighter-surface));
1551
+ --color-accent5-light: rgba(var(--ax-sys-color-accent5-light-surface));
1552
+ --color-on-accent5-light: rgba(var(--ax-sys-color-on-accent5-light-surface));
1553
+ --color-border-accent5-light: rgba(var(--ax-sys-color-border-accent5-light-surface));
1554
+ --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
1555
+ --color-on-accent5: rgba(var(--ax-sys-color-on-accent5-surface));
1556
+ --color-border-accent5: rgba(var(--ax-sys-color-border-accent5-surface));
1557
+ --color-accent5-dark: rgba(var(--ax-sys-color-accent5-dark-surface));
1558
+ --color-on-accent5-dark: rgba(var(--ax-sys-color-on-accent5-dark-surface));
1559
+ --color-border-accent5-dark: rgba(var(--ax-sys-color-border-accent5-dark-surface));
1560
+ --color-accent5-darker: rgba(var(--ax-sys-color-accent5-darker-surface));
1561
+ --color-on-accent5-darker: rgba(var(--ax-sys-color-on-accent5-darker-surface));
1562
+ --color-border-accent5-darker: rgba(var(--ax-sys-color-border-accent5-darker-surface));
1563
+ --color-accent5-darkest: rgba(var(--ax-sys-color-accent5-darkest-surface));
1564
+ --color-on-accent5-darkest: rgba(var(--ax-sys-color-on-accent5-darkest-surface));
1565
+ --color-border-accent5-darkest: rgba(var(--ax-sys-color-border-accent5-darkest-surface));
1566
+ /* Accent6 Surfaces */
1567
+ --color-accent6-50: rgba(var(--ax-sys-color-accent6-50));
1568
+ --color-accent6-100: rgba(var(--ax-sys-color-accent6-100));
1569
+ --color-accent6-200: rgba(var(--ax-sys-color-accent6-200));
1570
+ --color-accent6-300: rgba(var(--ax-sys-color-accent6-300));
1571
+ --color-accent6-400: rgba(var(--ax-sys-color-accent6-400));
1572
+ --color-accent6-500: rgba(var(--ax-sys-color-accent6-500));
1573
+ --color-accent6-600: rgba(var(--ax-sys-color-accent6-600));
1574
+ --color-accent6-700: rgba(var(--ax-sys-color-accent6-700));
1575
+ --color-accent6-800: rgba(var(--ax-sys-color-accent6-800));
1576
+ --color-accent6-900: rgba(var(--ax-sys-color-accent6-900));
1577
+ --color-accent6-950: rgba(var(--ax-sys-color-accent6-950));
1578
+
1579
+ --color-accent6-lightest: rgba(var(--ax-sys-color-accent6-lightest-surface));
1580
+ --color-on-accent6-lightest: rgba(var(--ax-sys-color-on-accent6-lightest-surface));
1581
+ --color-border-accent6-lightest: rgba(var(--ax-sys-color-border-accent6-lightest-surface));
1582
+ --color-accent6-lighter: rgba(var(--ax-sys-color-accent6-lighter-surface));
1583
+ --color-on-accent6-lighter: rgba(var(--ax-sys-color-on-accent6-lighter-surface));
1584
+ --color-border-accent6-lighter: rgba(var(--ax-sys-color-border-accent6-lighter-surface));
1585
+ --color-accent6-light: rgba(var(--ax-sys-color-accent6-light-surface));
1586
+ --color-on-accent6-light: rgba(var(--ax-sys-color-on-accent6-light-surface));
1587
+ --color-border-accent6-light: rgba(var(--ax-sys-color-border-accent6-light-surface));
1588
+ --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
1589
+ --color-on-accent6: rgba(var(--ax-sys-color-on-accent6-surface));
1590
+ --color-border-accent6: rgba(var(--ax-sys-color-border-accent6-surface));
1591
+ --color-accent6-dark: rgba(var(--ax-sys-color-accent6-dark-surface));
1592
+ --color-on-accent6-dark: rgba(var(--ax-sys-color-on-accent6-dark-surface));
1593
+ --color-border-accent6-dark: rgba(var(--ax-sys-color-border-accent6-dark-surface));
1594
+ --color-accent6-darker: rgba(var(--ax-sys-color-accent6-darker-surface));
1595
+ --color-on-accent6-darker: rgba(var(--ax-sys-color-on-accent6-darker-surface));
1596
+ --color-border-accent6-darker: rgba(var(--ax-sys-color-border-accent6-darker-surface));
1597
+ --color-accent6-darkest: rgba(var(--ax-sys-color-accent6-darkest-surface));
1598
+ --color-on-accent6-darkest: rgba(var(--ax-sys-color-on-accent6-darkest-surface));
1599
+ --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
1600
+ /* Accent7 Surfaces */
1601
+ --color-accent7-50: rgba(var(--ax-sys-color-accent7-50));
1602
+ --color-accent7-100: rgba(var(--ax-sys-color-accent7-100));
1603
+ --color-accent7-200: rgba(var(--ax-sys-color-accent7-200));
1604
+ --color-accent7-300: rgba(var(--ax-sys-color-accent7-300));
1605
+ --color-accent7-400: rgba(var(--ax-sys-color-accent7-400));
1606
+ --color-accent7-500: rgba(var(--ax-sys-color-accent7-500));
1607
+ --color-accent7-600: rgba(var(--ax-sys-color-accent7-600));
1608
+ --color-accent7-700: rgba(var(--ax-sys-color-accent7-700));
1609
+ --color-accent7-800: rgba(var(--ax-sys-color-accent7-800));
1610
+ --color-accent7-900: rgba(var(--ax-sys-color-accent7-900));
1611
+ --color-accent7-950: rgba(var(--ax-sys-color-accent7-950));
1612
+
1613
+ --color-accent7-lightest: rgba(var(--ax-sys-color-accent7-lightest-surface));
1614
+ --color-on-accent7-lightest: rgba(var(--ax-sys-color-on-accent7-lightest-surface));
1615
+ --color-border-accent7-lightest: rgba(var(--ax-sys-color-border-accent7-lightest-surface));
1616
+ --color-accent7-lighter: rgba(var(--ax-sys-color-accent7-lighter-surface));
1617
+ --color-on-accent7-lighter: rgba(var(--ax-sys-color-on-accent7-lighter-surface));
1618
+ --color-border-accent7-lighter: rgba(var(--ax-sys-color-border-accent7-lighter-surface));
1619
+ --color-accent7-light: rgba(var(--ax-sys-color-accent7-light-surface));
1620
+ --color-on-accent7-light: rgba(var(--ax-sys-color-on-accent7-light-surface));
1621
+ --color-border-accent7-light: rgba(var(--ax-sys-color-border-accent7-light-surface));
1622
+ --color-accent7: rgba(var(--ax-sys-color-accent7-surface));
1623
+ --color-on-accent7: rgba(var(--ax-sys-color-on-accent7-surface));
1624
+ --color-border-accent7: rgba(var(--ax-sys-color-border-accent7-surface));
1625
+ --color-accent7-dark: rgba(var(--ax-sys-color-accent7-dark-surface));
1626
+ --color-on-accent7-dark: rgba(var(--ax-sys-color-on-accent7-dark-surface));
1627
+ --color-border-accent7-dark: rgba(var(--ax-sys-color-border-accent7-dark-surface));
1628
+ --color-accent7-darker: rgba(var(--ax-sys-color-accent7-darker-surface));
1629
+ --color-on-accent7-darker: rgba(var(--ax-sys-color-on-accent7-darker-surface));
1630
+ --color-border-accent7-darker: rgba(var(--ax-sys-color-border-accent7-darker-surface));
1631
+ --color-accent7-darkest: rgba(var(--ax-sys-color-accent7-darkest-surface));
1632
+ --color-on-accent7-darkest: rgba(var(--ax-sys-color-on-accent7-darkest-surface));
1633
+ --color-border-accent7-darkest: rgba(var(--ax-sys-color-border-accent7-darkest-surface));
1634
+ }
1635
+
1636
+ @utility bg-lightest-surface {
1637
+ background-color: var(--color-lightest);
1638
+ }
1639
+
1640
+ @utility text-lightest-surface {
1641
+ color: var(--color-on-lightest);
1642
+ }
1643
+
1644
+ @utility bg-lighter-surface {
1645
+ background-color: var(--color-lighter);
1646
+ }
1647
+
1648
+ @utility text-lighter-surface {
1649
+ color: var(--color-on-lighter);
1650
+ }
1651
+
1652
+ @utility bg-light-surface {
1653
+ background-color: var(--color-light);
1654
+ }
1655
+
1656
+ @utility text-light-surface {
1657
+ color: var(--color-on-light);
1658
+ }
1659
+
1660
+ @utility bg-surface {
1661
+ background-color: var(--color-surface);
1662
+ }
1663
+
1664
+ @utility text-surface {
1665
+ color: var(--color-on-surface);
1666
+ }
1667
+
1668
+ @utility bg-dark-surface {
1669
+ background-color: var(--color-dark);
1670
+ }
1671
+
1672
+ @utility text-dark-surface {
1673
+ color: var(--color-on-dark);
1674
+ }
1675
+
1676
+ @utility bg-darker-surface {
1677
+ background-color: var(--color-darker);
1678
+ }
1679
+
1680
+ @utility text-darker-surface {
1681
+ color: var(--color-on-darker);
1682
+ }
1683
+
1684
+ @utility bg-darkest-surface {
1685
+ background-color: var(--color-darkest);
1686
+ }
1687
+
1688
+ @utility text-darkest-surface {
1689
+ color: var(--color-on-darkest);
1690
+ }
1691
+
1692
+ @utility bg-primary-lightest-surface {
1693
+ background-color: var(--color-primary-lightest);
1694
+ }
1695
+
1696
+ @utility text-primary-lightest-surface {
1697
+ color: var(--color-on-primary-lightest);
1698
+ }
1699
+
1700
+ @utility bg-primary-lighter-surface {
1701
+ background-color: var(--color-primary-lighter);
1702
+ }
1703
+
1704
+ @utility text-primary-lighter-surface {
1705
+ color: var(--color-on-primary-lighter);
1706
+ }
1707
+
1708
+ @utility bg-primary-light-surface {
1709
+ background-color: var(--color-primary-light);
1710
+ }
1711
+
1712
+ @utility text-primary-light-surface {
1713
+ color: var(--color-on-primary-light);
1714
+ }
1715
+
1716
+ @utility bg-primary-surface {
1717
+ background-color: var(--color-primary);
1718
+ }
1719
+
1720
+ @utility text-primary-surface {
1721
+ color: var(--color-on-primary);
1722
+ }
1723
+
1724
+ @utility bg-primary-dark-surface {
1725
+ background-color: var(--color-primary-dark);
1726
+ }
1727
+
1728
+ @utility text-primary-dark-surface {
1729
+ color: var(--color-on-primary-dark);
1730
+ }
1731
+
1732
+ @utility bg-primary-darker-surface {
1733
+ background-color: var(--color-primary-darker);
1734
+ }
1735
+
1736
+ @utility text-primary-darker-surface {
1737
+ color: var(--color-on-primary-darker);
1738
+ }
1739
+
1740
+ @utility bg-primary-darkest-surface {
1741
+ background-color: var(--color-primary-darkest);
1742
+ }
1743
+
1744
+ @utility text-primary-darkest-surface {
1745
+ color: var(--color-on-primary-darkest);
1746
+ }
1747
+
1748
+ @utility bg-primary-50 {
1749
+ background-color: var(--color-primary-50);
1750
+ }
1751
+
1752
+ @utility text-primary-50 {
1753
+ color: var(--color-primary-50);
1754
+ }
1755
+
1756
+ @utility bg-primary-100 {
1757
+ background-color: var(--color-primary-100);
1758
+ }
1759
+
1760
+ @utility text-primary-100 {
1761
+ color: var(--color-primary-100);
1762
+ }
1763
+
1764
+ @utility bg-primary-200 {
1765
+ background-color: var(--color-primary-200);
1766
+ }
1767
+
1768
+ @utility text-primary-200 {
1769
+ color: var(--color-primary-200);
1770
+ }
1771
+
1772
+ @utility bg-primary-300 {
1773
+ background-color: var(--color-primary-300);
1774
+ }
1775
+
1776
+ @utility text-primary-300 {
1777
+ color: var(--color-primary-300);
1778
+ }
1779
+
1780
+ @utility bg-primary-400 {
1781
+ background-color: var(--color-primary-400);
1782
+ }
1783
+
1784
+ @utility text-primary-400 {
1785
+ color: var(--color-primary-400);
1786
+ }
1787
+
1788
+ @utility bg-primary-500 {
1789
+ background-color: var(--color-primary-500);
1790
+ }
1791
+
1792
+ @utility text-primary-500 {
1793
+ color: var(--color-primary-500);
1794
+ }
1795
+
1796
+ @utility bg-primary-600 {
1797
+ background-color: var(--color-primary-600);
1798
+ }
1799
+
1800
+ @utility text-primary-600 {
1801
+ color: var(--color-primary-600);
1802
+ }
1803
+
1804
+ @utility bg-primary-700 {
1805
+ background-color: var(--color-primary-700);
1806
+ }
1807
+
1808
+ @utility text-primary-700 {
1809
+ color: var(--color-primary-700);
1810
+ }
1811
+
1812
+ @utility bg-primary-800 {
1813
+ background-color: var(--color-primary-800);
1814
+ }
1815
+
1816
+ @utility text-primary-800 {
1817
+ color: var(--color-primary-800);
1818
+ }
1819
+
1820
+ @utility bg-primary-900 {
1821
+ background-color: var(--color-primary-900);
1822
+ }
1823
+
1824
+ @utility text-primary-900 {
1825
+ color: var(--color-primary-900);
1826
+ }
1827
+
1828
+ @utility bg-primary-950 {
1829
+ background-color: var(--color-primary-950);
1830
+ }
1831
+
1832
+ @utility text-primary-950 {
1833
+ color: var(--color-primary-950);
1834
+ }
1835
+
1836
+ @utility bg-secondary-lightest-surface {
1837
+ background-color: var(--color-secondary-lightest);
1838
+ }
1839
+
1840
+ @utility text-secondary-lightest-surface {
1841
+ color: var(--color-on-secondary-lightest);
1842
+ }
1843
+
1844
+ @utility bg-secondary-lighter-surface {
1845
+ background-color: var(--color-secondary-lighter);
1846
+ }
1847
+
1848
+ @utility text-secondary-lighter-surface {
1849
+ color: var(--color-on-secondary-lighter);
1850
+ }
1851
+
1852
+ @utility bg-secondary-light-surface {
1853
+ background-color: var(--color-secondary-light);
1854
+ }
1855
+
1856
+ @utility text-secondary-light-surface {
1857
+ color: var(--color-on-secondary-light);
1858
+ }
1859
+
1860
+ @utility bg-secondary-surface {
1861
+ background-color: var(--color-secondary);
1862
+ }
1863
+
1864
+ @utility text-secondary-surface {
1865
+ color: var(--color-on-secondary);
1866
+ }
1867
+
1868
+ @utility bg-secondary-dark-surface {
1869
+ background-color: var(--color-secondary-dark);
1870
+ }
1871
+
1872
+ @utility text-secondary-dark-surface {
1873
+ color: var(--color-on-secondary-dark);
1874
+ }
1875
+
1876
+ @utility bg-secondary-darker-surface {
1877
+ background-color: var(--color-secondary-darker);
1878
+ }
1879
+
1880
+ @utility text-secondary-darker-surface {
1881
+ color: var(--color-on-secondary-darker);
1882
+ }
1883
+
1884
+ @utility bg-secondary-darkest-surface {
1885
+ background-color: var(--color-secondary-darkest);
1886
+ }
1887
+
1888
+ @utility text-secondary-darkest-surface {
1889
+ color: var(--color-on-secondary-darkest);
1890
+ }
1891
+
1892
+ @utility bg-secondary-50 {
1893
+ background-color: var(--color-secondary-50);
1894
+ }
1895
+
1896
+ @utility text-secondary-50 {
1897
+ color: var(--color-secondary-50);
1898
+ }
1899
+
1900
+ @utility bg-secondary-100 {
1901
+ background-color: var(--color-secondary-100);
1902
+ }
1903
+
1904
+ @utility text-secondary-100 {
1905
+ color: var(--color-secondary-100);
1906
+ }
1907
+
1908
+ @utility bg-secondary-200 {
1909
+ background-color: var(--color-secondary-200);
1910
+ }
1911
+
1912
+ @utility text-secondary-200 {
1913
+ color: var(--color-secondary-200);
1914
+ }
1915
+
1916
+ @utility bg-secondary-300 {
1917
+ background-color: var(--color-secondary-300);
1918
+ }
1919
+
1920
+ @utility text-secondary-300 {
1921
+ color: var(--color-secondary-300);
1922
+ }
1923
+
1924
+ @utility bg-secondary-400 {
1925
+ background-color: var(--color-secondary-400);
1926
+ }
1927
+
1928
+ @utility text-secondary-400 {
1929
+ color: var(--color-secondary-400);
1930
+ }
1931
+
1932
+ @utility bg-secondary-500 {
1933
+ background-color: var(--color-secondary-500);
1934
+ }
1935
+
1936
+ @utility text-secondary-500 {
1937
+ color: var(--color-secondary-500);
1938
+ }
1939
+
1940
+ @utility bg-secondary-600 {
1941
+ background-color: var(--color-secondary-600);
1942
+ }
1943
+
1944
+ @utility text-secondary-600 {
1945
+ color: var(--color-secondary-600);
1946
+ }
1947
+
1948
+ @utility bg-secondary-700 {
1949
+ background-color: var(--color-secondary-700);
1950
+ }
1951
+
1952
+ @utility text-secondary-700 {
1953
+ color: var(--color-secondary-700);
1954
+ }
1955
+
1956
+ @utility bg-secondary-800 {
1957
+ background-color: var(--color-secondary-800);
1958
+ }
1959
+
1960
+ @utility text-secondary-800 {
1961
+ color: var(--color-secondary-800);
1962
+ }
1963
+
1964
+ @utility bg-secondary-900 {
1965
+ background-color: var(--color-secondary-900);
1966
+ }
1967
+
1968
+ @utility text-secondary-900 {
1969
+ color: var(--color-secondary-900);
1970
+ }
1971
+
1972
+ @utility bg-secondary-950 {
1973
+ background-color: var(--color-secondary-950);
1974
+ }
1975
+
1976
+ @utility text-secondary-950 {
1977
+ color: var(--color-secondary-950);
1978
+ }
1979
+
1980
+ @utility bg-success-lightest-surface {
1981
+ background-color: var(--color-success-lightest);
1982
+ }
1983
+
1984
+ @utility text-success-lightest-surface {
1985
+ color: var(--color-on-success-lightest);
1986
+ }
1987
+
1988
+ @utility bg-success-lighter-surface {
1989
+ background-color: var(--color-success-lighter);
1990
+ }
1991
+
1992
+ @utility text-success-lighter-surface {
1993
+ color: var(--color-on-success-lighter);
1994
+ }
1995
+
1996
+ @utility bg-success-light-surface {
1997
+ background-color: var(--color-success-light);
1998
+ }
1999
+
2000
+ @utility text-success-light-surface {
2001
+ color: var(--color-on-success-light);
2002
+ }
2003
+
2004
+ @utility bg-success-surface {
2005
+ background-color: var(--color-success);
2006
+ }
2007
+
2008
+ @utility text-success-surface {
2009
+ color: var(--color-on-success);
2010
+ }
2011
+
2012
+ @utility bg-success-dark-surface {
2013
+ background-color: var(--color-success-dark);
2014
+ }
2015
+
2016
+ @utility text-success-dark-surface {
2017
+ color: var(--color-on-success-dark);
2018
+ }
2019
+
2020
+ @utility bg-success-darker-surface {
2021
+ background-color: var(--color-success-darker);
2022
+ }
2023
+
2024
+ @utility text-success-darker-surface {
2025
+ color: var(--color-on-success-darker);
2026
+ }
2027
+
2028
+ @utility bg-success-darkest-surface {
2029
+ background-color: var(--color-success-darkest);
2030
+ }
2031
+
2032
+ @utility text-success-darkest-surface {
2033
+ color: var(--color-on-success-darkest);
2034
+ }
2035
+
2036
+ @utility bg-success-50 {
2037
+ background-color: var(--color-success-50);
2038
+ }
2039
+
2040
+ @utility text-success-50 {
2041
+ color: var(--color-success-50);
2042
+ }
2043
+
2044
+ @utility bg-success-100 {
2045
+ background-color: var(--color-success-100);
2046
+ }
2047
+
2048
+ @utility text-success-100 {
2049
+ color: var(--color-success-100);
2050
+ }
2051
+
2052
+ @utility bg-success-200 {
2053
+ background-color: var(--color-success-200);
2054
+ }
2055
+
2056
+ @utility text-success-200 {
2057
+ color: var(--color-success-200);
2058
+ }
2059
+
2060
+ @utility bg-success-300 {
2061
+ background-color: var(--color-success-300);
2062
+ }
2063
+
2064
+ @utility text-success-300 {
2065
+ color: var(--color-success-300);
2066
+ }
2067
+
2068
+ @utility bg-success-400 {
2069
+ background-color: var(--color-success-400);
2070
+ }
2071
+
2072
+ @utility text-success-400 {
2073
+ color: var(--color-success-400);
2074
+ }
2075
+
2076
+ @utility bg-success-500 {
2077
+ background-color: var(--color-success-500);
2078
+ }
2079
+
2080
+ @utility text-success-500 {
2081
+ color: var(--color-success-500);
2082
+ }
2083
+
2084
+ @utility bg-success-600 {
2085
+ background-color: var(--color-success-600);
2086
+ }
2087
+
2088
+ @utility text-success-600 {
2089
+ color: var(--color-success-600);
2090
+ }
2091
+
2092
+ @utility bg-success-700 {
2093
+ background-color: var(--color-success-700);
2094
+ }
2095
+
2096
+ @utility text-success-700 {
2097
+ color: var(--color-success-700);
2098
+ }
2099
+
2100
+ @utility bg-success-800 {
2101
+ background-color: var(--color-success-800);
2102
+ }
2103
+
2104
+ @utility text-success-800 {
2105
+ color: var(--color-success-800);
2106
+ }
2107
+
2108
+ @utility bg-success-900 {
2109
+ background-color: var(--color-success-900);
2110
+ }
2111
+
2112
+ @utility text-success-900 {
2113
+ color: var(--color-success-900);
2114
+ }
2115
+
2116
+ @utility bg-success-950 {
2117
+ background-color: var(--color-success-950);
2118
+ }
2119
+
2120
+ @utility text-success-950 {
2121
+ color: var(--color-success-950);
2122
+ }
2123
+
2124
+ @utility bg-warning-lightest-surface {
2125
+ background-color: var(--color-warning-lightest);
2126
+ }
2127
+
2128
+ @utility text-warning-lightest-surface {
2129
+ color: var(--color-on-warning-lightest);
2130
+ }
2131
+
2132
+ @utility bg-warning-lighter-surface {
2133
+ background-color: var(--color-warning-lighter);
2134
+ }
2135
+
2136
+ @utility text-warning-lighter-surface {
2137
+ color: var(--color-on-warning-lighter);
2138
+ }
2139
+
2140
+ @utility bg-warning-light-surface {
2141
+ background-color: var(--color-warning-light);
2142
+ }
2143
+
2144
+ @utility text-warning-light-surface {
2145
+ color: var(--color-on-warning-light);
2146
+ }
2147
+
2148
+ @utility bg-warning-surface {
2149
+ background-color: var(--color-warning);
2150
+ }
2151
+
2152
+ @utility text-warning-surface {
2153
+ color: var(--color-on-warning);
2154
+ }
2155
+
2156
+ @utility bg-warning-dark-surface {
2157
+ background-color: var(--color-warning-dark);
2158
+ }
2159
+
2160
+ @utility text-warning-dark-surface {
2161
+ color: var(--color-on-warning-dark);
2162
+ }
2163
+
2164
+ @utility bg-warning-darker-surface {
2165
+ background-color: var(--color-warning-darker);
2166
+ }
2167
+
2168
+ @utility text-warning-darker-surface {
2169
+ color: var(--color-on-warning-darker);
2170
+ }
2171
+
2172
+ @utility bg-warning-darkest-surface {
2173
+ background-color: var(--color-warning-darkest);
2174
+ }
2175
+
2176
+ @utility text-warning-darkest-surface {
2177
+ color: var(--color-on-warning-darkest);
2178
+ }
2179
+
2180
+ @utility bg-warning-50 {
2181
+ background-color: var(--color-warning-50);
2182
+ }
2183
+
2184
+ @utility text-warning-50 {
2185
+ color: var(--color-warning-50);
2186
+ }
2187
+
2188
+ @utility bg-warning-100 {
2189
+ background-color: var(--color-warning-100);
2190
+ }
2191
+
2192
+ @utility text-warning-100 {
2193
+ color: var(--color-warning-100);
2194
+ }
2195
+
2196
+ @utility bg-warning-200 {
2197
+ background-color: var(--color-warning-200);
2198
+ }
2199
+
2200
+ @utility text-warning-200 {
2201
+ color: var(--color-warning-200);
2202
+ }
2203
+
2204
+ @utility bg-warning-300 {
2205
+ background-color: var(--color-warning-300);
2206
+ }
2207
+
2208
+ @utility text-warning-300 {
2209
+ color: var(--color-warning-300);
2210
+ }
2211
+
2212
+ @utility bg-warning-400 {
2213
+ background-color: var(--color-warning-400);
2214
+ }
2215
+
2216
+ @utility text-warning-400 {
2217
+ color: var(--color-warning-400);
2218
+ }
2219
+
2220
+ @utility bg-warning-500 {
2221
+ background-color: var(--color-warning-500);
2222
+ }
2223
+
2224
+ @utility text-warning-500 {
2225
+ color: var(--color-warning-500);
2226
+ }
2227
+
2228
+ @utility bg-warning-600 {
2229
+ background-color: var(--color-warning-600);
2230
+ }
2231
+
2232
+ @utility text-warning-600 {
2233
+ color: var(--color-warning-600);
2234
+ }
2235
+
2236
+ @utility bg-warning-700 {
2237
+ background-color: var(--color-warning-700);
2238
+ }
2239
+
2240
+ @utility text-warning-700 {
2241
+ color: var(--color-warning-700);
2242
+ }
2243
+
2244
+ @utility bg-warning-800 {
2245
+ background-color: var(--color-warning-800);
2246
+ }
2247
+
2248
+ @utility text-warning-800 {
2249
+ color: var(--color-warning-800);
2250
+ }
2251
+
2252
+ @utility bg-warning-900 {
2253
+ background-color: var(--color-warning-900);
2254
+ }
2255
+
2256
+ @utility text-warning-900 {
2257
+ color: var(--color-warning-900);
2258
+ }
2259
+
2260
+ @utility bg-warning-950 {
2261
+ background-color: var(--color-warning-950);
2262
+ }
2263
+
2264
+ @utility text-warning-950 {
2265
+ color: var(--color-warning-950);
2266
+ }
2267
+
2268
+ @utility bg-danger-lightest-surface {
2269
+ background-color: var(--color-danger-lightest);
2270
+ }
2271
+
2272
+ @utility text-danger-lightest-surface {
2273
+ color: var(--color-on-danger-lightest);
2274
+ }
2275
+
2276
+ @utility bg-danger-lighter-surface {
2277
+ background-color: var(--color-danger-lighter);
2278
+ }
2279
+
2280
+ @utility text-danger-lighter-surface {
2281
+ color: var(--color-on-danger-lighter);
2282
+ }
2283
+
2284
+ @utility bg-danger-light-surface {
2285
+ background-color: var(--color-danger-light);
2286
+ }
2287
+
2288
+ @utility text-danger-light-surface {
2289
+ color: var(--color-on-danger-light);
2290
+ }
2291
+
2292
+ @utility bg-danger-surface {
2293
+ background-color: var(--color-danger);
2294
+ }
2295
+
2296
+ @utility text-danger-surface {
2297
+ color: var(--color-on-danger);
2298
+ }
2299
+
2300
+ @utility bg-danger-dark-surface {
2301
+ background-color: var(--color-danger-dark);
2302
+ }
2303
+
2304
+ @utility text-danger-dark-surface {
2305
+ color: var(--color-on-danger-dark);
2306
+ }
2307
+
2308
+ @utility bg-danger-darker-surface {
2309
+ background-color: var(--color-danger-darker);
2310
+ }
2311
+
2312
+ @utility text-danger-darker-surface {
2313
+ color: var(--color-on-danger-darker);
2314
+ }
2315
+
2316
+ @utility bg-danger-darkest-surface {
2317
+ background-color: var(--color-danger-darkest);
2318
+ }
2319
+
2320
+ @utility text-danger-darkest-surface {
2321
+ color: var(--color-on-danger-darkest);
2322
+ }
2323
+
2324
+ @utility bg-danger-50 {
2325
+ background-color: var(--color-danger-50);
2326
+ }
2327
+
2328
+ @utility text-danger-50 {
2329
+ color: var(--color-danger-50);
2330
+ }
2331
+
2332
+ @utility bg-danger-100 {
2333
+ background-color: var(--color-danger-100);
2334
+ }
2335
+
2336
+ @utility text-danger-100 {
2337
+ color: var(--color-danger-100);
2338
+ }
2339
+
2340
+ @utility bg-danger-200 {
2341
+ background-color: var(--color-danger-200);
2342
+ }
2343
+
2344
+ @utility text-danger-200 {
2345
+ color: var(--color-danger-200);
2346
+ }
2347
+
2348
+ @utility bg-danger-300 {
2349
+ background-color: var(--color-danger-300);
2350
+ }
2351
+
2352
+ @utility text-danger-300 {
2353
+ color: var(--color-danger-300);
2354
+ }
2355
+
2356
+ @utility bg-danger-400 {
2357
+ background-color: var(--color-danger-400);
2358
+ }
2359
+
2360
+ @utility text-danger-400 {
2361
+ color: var(--color-danger-400);
2362
+ }
2363
+
2364
+ @utility bg-danger-500 {
2365
+ background-color: var(--color-danger-500);
2366
+ }
2367
+
2368
+ @utility text-danger-500 {
2369
+ color: var(--color-danger-500);
2370
+ }
2371
+
2372
+ @utility bg-danger-600 {
2373
+ background-color: var(--color-danger-600);
2374
+ }
2375
+
2376
+ @utility text-danger-600 {
2377
+ color: var(--color-danger-600);
2378
+ }
2379
+
2380
+ @utility bg-danger-700 {
2381
+ background-color: var(--color-danger-700);
2382
+ }
2383
+
2384
+ @utility text-danger-700 {
2385
+ color: var(--color-danger-700);
2386
+ }
2387
+
2388
+ @utility bg-danger-800 {
2389
+ background-color: var(--color-danger-800);
2390
+ }
2391
+
2392
+ @utility text-danger-800 {
2393
+ color: var(--color-danger-800);
2394
+ }
2395
+
2396
+ @utility bg-danger-900 {
2397
+ background-color: var(--color-danger-900);
2398
+ }
2399
+
2400
+ @utility text-danger-900 {
2401
+ color: var(--color-danger-900);
2402
+ }
2403
+
2404
+ @utility bg-danger-950 {
2405
+ background-color: var(--color-danger-950);
2406
+ }
2407
+
2408
+ @utility text-danger-950 {
2409
+ color: var(--color-danger-950);
2410
+ }
2411
+
2412
+ @utility bg-surface-lightest-surface {
2413
+ background-color: var(--color-surface-lightest);
2414
+ }
2415
+
2416
+ @utility text-surface-lightest-surface {
2417
+ color: var(--color-on-surface-lightest);
2418
+ }
2419
+
2420
+ @utility bg-surface-lighter-surface {
2421
+ background-color: var(--color-surface-lighter);
2422
+ }
2423
+
2424
+ @utility text-surface-lighter-surface {
2425
+ color: var(--color-on-surface-lighter);
2426
+ }
2427
+
2428
+ @utility bg-surface-light-surface {
2429
+ background-color: var(--color-surface-light);
2430
+ }
2431
+
2432
+ @utility text-surface-light-surface {
2433
+ color: var(--color-on-surface-light);
2434
+ }
2435
+
2436
+ @utility bg-surface-surface {
2437
+ background-color: var(--color-surface);
2438
+ }
2439
+
2440
+ @utility text-surface-surface {
2441
+ color: var(--color-on-surface);
2442
+ }
2443
+
2444
+ @utility bg-surface-dark-surface {
2445
+ background-color: var(--color-surface-dark);
2446
+ }
2447
+
2448
+ @utility text-surface-dark-surface {
2449
+ color: var(--color-on-surface-dark);
2450
+ }
2451
+
2452
+ @utility bg-surface-darker-surface {
2453
+ background-color: var(--color-surface-darker);
2454
+ }
2455
+
2456
+ @utility text-surface-darker-surface {
2457
+ color: var(--color-on-surface-darker);
2458
+ }
2459
+
2460
+ @utility bg-surface-darkest-surface {
2461
+ background-color: var(--color-surface-darkest);
2462
+ }
2463
+
2464
+ @utility text-surface-darkest-surface {
2465
+ color: var(--color-on-surface-darkest);
2466
+ }
2467
+
2468
+ @utility bg-surface-50 {
2469
+ background-color: var(--color-surface-50);
2470
+ }
2471
+
2472
+ @utility text-surface-50 {
2473
+ color: var(--color-surface-50);
2474
+ }
2475
+
2476
+ @utility bg-surface-100 {
2477
+ background-color: var(--color-surface-100);
2478
+ }
2479
+
2480
+ @utility text-surface-100 {
2481
+ color: var(--color-surface-100);
2482
+ }
2483
+
2484
+ @utility bg-surface-200 {
2485
+ background-color: var(--color-surface-200);
2486
+ }
2487
+
2488
+ @utility text-surface-200 {
2489
+ color: var(--color-surface-200);
2490
+ }
2491
+
2492
+ @utility bg-surface-300 {
2493
+ background-color: var(--color-surface-300);
2494
+ }
2495
+
2496
+ @utility text-surface-300 {
2497
+ color: var(--color-surface-300);
2498
+ }
2499
+
2500
+ @utility bg-surface-400 {
2501
+ background-color: var(--color-surface-400);
2502
+ }
2503
+
2504
+ @utility text-surface-400 {
2505
+ color: var(--color-surface-400);
2506
+ }
2507
+
2508
+ @utility bg-surface-500 {
2509
+ background-color: var(--color-surface-500);
2510
+ }
2511
+
2512
+ @utility text-surface-500 {
2513
+ color: var(--color-surface-500);
2514
+ }
2515
+
2516
+ @utility bg-surface-600 {
2517
+ background-color: var(--color-surface-600);
2518
+ }
2519
+
2520
+ @utility text-surface-600 {
2521
+ color: var(--color-surface-600);
2522
+ }
2523
+
2524
+ @utility bg-surface-700 {
2525
+ background-color: var(--color-surface-700);
2526
+ }
2527
+
2528
+ @utility text-surface-700 {
2529
+ color: var(--color-surface-700);
2530
+ }
2531
+
2532
+ @utility bg-surface-800 {
2533
+ background-color: var(--color-surface-800);
2534
+ }
2535
+
2536
+ @utility text-surface-800 {
2537
+ color: var(--color-surface-800);
2538
+ }
2539
+
2540
+ @utility bg-surface-900 {
2541
+ background-color: var(--color-surface-900);
2542
+ }
2543
+
2544
+ @utility text-surface-900 {
2545
+ color: var(--color-surface-900);
2546
+ }
2547
+
2548
+ @utility bg-surface-950 {
2549
+ background-color: var(--color-surface-950);
2550
+ }
2551
+
2552
+ @utility text-surface-950 {
2553
+ color: var(--color-surface-950);
2554
+ }
2555
+
2556
+ @utility bg-accent-lightest-surface {
2557
+ background-color: var(--color-accent-lightest);
2558
+ }
2559
+
2560
+ @utility text-accent-lightest-surface {
2561
+ color: var(--color-on-accent-lightest);
2562
+ }
2563
+
2564
+ @utility bg-accent-lighter-surface {
2565
+ background-color: var(--color-accent-lighter);
2566
+ }
2567
+
2568
+ @utility text-accent-lighter-surface {
2569
+ color: var(--color-on-accent-lighter);
2570
+ }
2571
+
2572
+ @utility bg-accent-light-surface {
2573
+ background-color: var(--color-accent-light);
2574
+ }
2575
+
2576
+ @utility text-accent-light-surface {
2577
+ color: var(--color-on-accent-light);
2578
+ }
2579
+
2580
+ @utility bg-accent-surface {
2581
+ background-color: var(--color-accent);
2582
+ }
2583
+
2584
+ @utility text-accent-surface {
2585
+ color: var(--color-on-accent);
2586
+ }
2587
+
2588
+ @utility bg-accent-dark-surface {
2589
+ background-color: var(--color-accent-dark);
2590
+ }
2591
+
2592
+ @utility text-accent-dark-surface {
2593
+ color: var(--color-on-accent-dark);
2594
+ }
2595
+
2596
+ @utility bg-accent-darker-surface {
2597
+ background-color: var(--color-accent-darker);
2598
+ }
2599
+
2600
+ @utility text-accent-darker-surface {
2601
+ color: var(--color-on-accent-darker);
2602
+ }
2603
+
2604
+ @utility bg-accent-darkest-surface {
2605
+ background-color: var(--color-accent-darkest);
2606
+ }
2607
+
2608
+ @utility text-accent-darkest-surface {
2609
+ color: var(--color-on-accent-darkest);
2610
+ }
2611
+
2612
+ @utility bg-accent-50 {
2613
+ background-color: var(--color-accent-50);
2614
+ }
2615
+
2616
+ @utility text-accent-50 {
2617
+ color: var(--color-accent-50);
2618
+ }
2619
+
2620
+ @utility bg-accent-100 {
2621
+ background-color: var(--color-accent-100);
2622
+ }
2623
+
2624
+ @utility text-accent-100 {
2625
+ color: var(--color-accent-100);
2626
+ }
2627
+
2628
+ @utility bg-accent-200 {
2629
+ background-color: var(--color-accent-200);
2630
+ }
2631
+
2632
+ @utility text-accent-200 {
2633
+ color: var(--color-accent-200);
2634
+ }
2635
+
2636
+ @utility bg-accent-300 {
2637
+ background-color: var(--color-accent-300);
2638
+ }
2639
+
2640
+ @utility text-accent-300 {
2641
+ color: var(--color-accent-300);
2642
+ }
2643
+
2644
+ @utility bg-accent-400 {
2645
+ background-color: var(--color-accent-400);
2646
+ }
2647
+
2648
+ @utility text-accent-400 {
2649
+ color: var(--color-accent-400);
2650
+ }
2651
+
2652
+ @utility bg-accent-500 {
2653
+ background-color: var(--color-accent-500);
2654
+ }
2655
+
2656
+ @utility text-accent-500 {
2657
+ color: var(--color-accent-500);
2658
+ }
2659
+
2660
+ @utility bg-accent-600 {
2661
+ background-color: var(--color-accent-600);
2662
+ }
2663
+
2664
+ @utility text-accent-600 {
2665
+ color: var(--color-accent-600);
2666
+ }
2667
+
2668
+ @utility bg-accent-700 {
2669
+ background-color: var(--color-accent-700);
2670
+ }
2671
+
2672
+ @utility text-accent-700 {
2673
+ color: var(--color-accent-700);
2674
+ }
2675
+
2676
+ @utility bg-accent-800 {
2677
+ background-color: var(--color-accent-800);
2678
+ }
2679
+
2680
+ @utility text-accent-800 {
2681
+ color: var(--color-accent-800);
2682
+ }
2683
+
2684
+ @utility bg-accent-900 {
2685
+ background-color: var(--color-accent-900);
2686
+ }
2687
+
2688
+ @utility text-accent-900 {
2689
+ color: var(--color-accent-900);
2690
+ }
2691
+
2692
+ @utility bg-accent-950 {
2693
+ background-color: var(--color-accent-950);
2694
+ }
2695
+
2696
+ @utility text-accent-950 {
2697
+ color: var(--color-accent-950);
2698
+ }
2699
+
2700
+ @utility bg-accent2-lightest-surface {
2701
+ background-color: var(--color-accent2-lightest);
2702
+ }
2703
+
2704
+ @utility text-accent2-lightest-surface {
2705
+ color: var(--color-on-accent2-lightest);
2706
+ }
2707
+
2708
+ @utility bg-accent2-lighter-surface {
2709
+ background-color: var(--color-accent2-lighter);
2710
+ }
2711
+
2712
+ @utility text-accent2-lighter-surface {
2713
+ color: var(--color-on-accent2-lighter);
2714
+ }
2715
+
2716
+ @utility bg-accent2-light-surface {
2717
+ background-color: var(--color-accent2-light);
2718
+ }
2719
+
2720
+ @utility text-accent2-light-surface {
2721
+ color: var(--color-on-accent2-light);
2722
+ }
2723
+
2724
+ @utility bg-accent2-surface {
2725
+ background-color: var(--color-accent2);
2726
+ }
2727
+
2728
+ @utility text-accent2-surface {
2729
+ color: var(--color-on-accent2);
2730
+ }
2731
+
2732
+ @utility bg-accent2-dark-surface {
2733
+ background-color: var(--color-accent2-dark);
2734
+ }
2735
+
2736
+ @utility text-accent2-dark-surface {
2737
+ color: var(--color-on-accent2-dark);
2738
+ }
2739
+
2740
+ @utility bg-accent2-darker-surface {
2741
+ background-color: var(--color-accent2-darker);
2742
+ }
2743
+
2744
+ @utility text-accent2-darker-surface {
2745
+ color: var(--color-on-accent2-darker);
2746
+ }
2747
+
2748
+ @utility bg-accent2-darkest-surface {
2749
+ background-color: var(--color-accent2-darkest);
2750
+ }
2751
+
2752
+ @utility text-accent2-darkest-surface {
2753
+ color: var(--color-on-accent2-darkest);
2754
+ }
2755
+
2756
+ @utility bg-accent2-50 {
2757
+ background-color: var(--color-accent2-50);
2758
+ }
2759
+
2760
+ @utility text-accent2-50 {
2761
+ color: var(--color-accent2-50);
2762
+ }
2763
+
2764
+ @utility bg-accent2-100 {
2765
+ background-color: var(--color-accent2-100);
2766
+ }
2767
+
2768
+ @utility text-accent2-100 {
2769
+ color: var(--color-accent2-100);
2770
+ }
2771
+
2772
+ @utility bg-accent2-200 {
2773
+ background-color: var(--color-accent2-200);
2774
+ }
2775
+
2776
+ @utility text-accent2-200 {
2777
+ color: var(--color-accent2-200);
2778
+ }
2779
+
2780
+ @utility bg-accent2-300 {
2781
+ background-color: var(--color-accent2-300);
2782
+ }
2783
+
2784
+ @utility text-accent2-300 {
2785
+ color: var(--color-accent2-300);
2786
+ }
2787
+
2788
+ @utility bg-accent2-400 {
2789
+ background-color: var(--color-accent2-400);
2790
+ }
2791
+
2792
+ @utility text-accent2-400 {
2793
+ color: var(--color-accent2-400);
2794
+ }
2795
+
2796
+ @utility bg-accent2-500 {
2797
+ background-color: var(--color-accent2-500);
2798
+ }
2799
+
2800
+ @utility text-accent2-500 {
2801
+ color: var(--color-accent2-500);
2802
+ }
2803
+
2804
+ @utility bg-accent2-600 {
2805
+ background-color: var(--color-accent2-600);
2806
+ }
2807
+
2808
+ @utility text-accent2-600 {
2809
+ color: var(--color-accent2-600);
2810
+ }
2811
+
2812
+ @utility bg-accent2-700 {
2813
+ background-color: var(--color-accent2-700);
2814
+ }
2815
+
2816
+ @utility text-accent2-700 {
2817
+ color: var(--color-accent2-700);
2818
+ }
2819
+
2820
+ @utility bg-accent2-800 {
2821
+ background-color: var(--color-accent2-800);
2822
+ }
2823
+
2824
+ @utility text-accent2-800 {
2825
+ color: var(--color-accent2-800);
2826
+ }
2827
+
2828
+ @utility bg-accent2-900 {
2829
+ background-color: var(--color-accent2-900);
2830
+ }
2831
+
2832
+ @utility text-accent2-900 {
2833
+ color: var(--color-accent2-900);
2834
+ }
2835
+
2836
+ @utility bg-accent2-950 {
2837
+ background-color: var(--color-accent2-950);
2838
+ }
2839
+
2840
+ @utility text-accent2-950 {
2841
+ color: var(--color-accent2-950);
2842
+ }
2843
+
2844
+ @utility bg-accent3-lightest-surface {
2845
+ background-color: var(--color-accent3-lightest);
2846
+ }
2847
+
2848
+ @utility text-accent3-lightest-surface {
2849
+ color: var(--color-on-accent3-lightest);
2850
+ }
2851
+
2852
+ @utility bg-accent3-lighter-surface {
2853
+ background-color: var(--color-accent3-lighter);
2854
+ }
2855
+
2856
+ @utility text-accent3-lighter-surface {
2857
+ color: var(--color-on-accent3-lighter);
2858
+ }
2859
+
2860
+ @utility bg-accent3-light-surface {
2861
+ background-color: var(--color-accent3-light);
2862
+ }
2863
+
2864
+ @utility text-accent3-light-surface {
2865
+ color: var(--color-on-accent3-light);
2866
+ }
2867
+
2868
+ @utility bg-accent3-surface {
2869
+ background-color: var(--color-accent3);
2870
+ }
2871
+
2872
+ @utility text-accent3-surface {
2873
+ color: var(--color-on-accent3);
2874
+ }
2875
+
2876
+ @utility bg-accent3-dark-surface {
2877
+ background-color: var(--color-accent3-dark);
2878
+ }
2879
+
2880
+ @utility text-accent3-dark-surface {
2881
+ color: var(--color-on-accent3-dark);
2882
+ }
2883
+
2884
+ @utility bg-accent3-darker-surface {
2885
+ background-color: var(--color-accent3-darker);
2886
+ }
2887
+
2888
+ @utility text-accent3-darker-surface {
2889
+ color: var(--color-on-accent3-darker);
2890
+ }
2891
+
2892
+ @utility bg-accent3-darkest-surface {
2893
+ background-color: var(--color-accent3-darkest);
2894
+ }
2895
+
2896
+ @utility text-accent3-darkest-surface {
2897
+ color: var(--color-on-accent3-darkest);
2898
+ }
2899
+
2900
+ @utility bg-accent3-50 {
2901
+ background-color: var(--color-accent3-50);
2902
+ }
2903
+
2904
+ @utility text-accent3-50 {
2905
+ color: var(--color-accent3-50);
2906
+ }
2907
+
2908
+ @utility bg-accent3-100 {
2909
+ background-color: var(--color-accent3-100);
2910
+ }
2911
+
2912
+ @utility text-accent3-100 {
2913
+ color: var(--color-accent3-100);
2914
+ }
2915
+
2916
+ @utility bg-accent3-200 {
2917
+ background-color: var(--color-accent3-200);
2918
+ }
2919
+
2920
+ @utility text-accent3-200 {
2921
+ color: var(--color-accent3-200);
2922
+ }
2923
+
2924
+ @utility bg-accent3-300 {
2925
+ background-color: var(--color-accent3-300);
2926
+ }
2927
+
2928
+ @utility text-accent3-300 {
2929
+ color: var(--color-accent3-300);
2930
+ }
2931
+
2932
+ @utility bg-accent3-400 {
2933
+ background-color: var(--color-accent3-400);
2934
+ }
2935
+
2936
+ @utility text-accent3-400 {
2937
+ color: var(--color-accent3-400);
2938
+ }
2939
+
2940
+ @utility bg-accent3-500 {
2941
+ background-color: var(--color-accent3-500);
2942
+ }
2943
+
2944
+ @utility text-accent3-500 {
2945
+ color: var(--color-accent3-500);
2946
+ }
2947
+
2948
+ @utility bg-accent3-600 {
2949
+ background-color: var(--color-accent3-600);
2950
+ }
2951
+
2952
+ @utility text-accent3-600 {
2953
+ color: var(--color-accent3-600);
2954
+ }
2955
+
2956
+ @utility bg-accent3-700 {
2957
+ background-color: var(--color-accent3-700);
2958
+ }
2959
+
2960
+ @utility text-accent3-700 {
2961
+ color: var(--color-accent3-700);
2962
+ }
2963
+
2964
+ @utility bg-accent3-800 {
2965
+ background-color: var(--color-accent3-800);
2966
+ }
2967
+
2968
+ @utility text-accent3-800 {
2969
+ color: var(--color-accent3-800);
2970
+ }
2971
+
2972
+ @utility bg-accent3-900 {
2973
+ background-color: var(--color-accent3-900);
2974
+ }
2975
+
2976
+ @utility text-accent3-900 {
2977
+ color: var(--color-accent3-900);
2978
+ }
2979
+
2980
+ @utility bg-accent3-950 {
2981
+ background-color: var(--color-accent3-950);
2982
+ }
2983
+
2984
+ @utility text-accent3-950 {
2985
+ color: var(--color-accent3-950);
2986
+ }
2987
+
2988
+ @utility bg-accent4-lightest-surface {
2989
+ background-color: var(--color-accent4-lightest);
2990
+ }
2991
+
2992
+ @utility text-accent4-lightest-surface {
2993
+ color: var(--color-on-accent4-lightest);
2994
+ }
2995
+
2996
+ @utility bg-accent4-lighter-surface {
2997
+ background-color: var(--color-accent4-lighter);
2998
+ }
2999
+
3000
+ @utility text-accent4-lighter-surface {
3001
+ color: var(--color-on-accent4-lighter);
3002
+ }
3003
+
3004
+ @utility bg-accent4-light-surface {
3005
+ background-color: var(--color-accent4-light);
3006
+ }
3007
+
3008
+ @utility text-accent4-light-surface {
3009
+ color: var(--color-on-accent4-light);
3010
+ }
3011
+
3012
+ @utility bg-accent4-surface {
3013
+ background-color: var(--color-accent4);
3014
+ }
3015
+
3016
+ @utility text-accent4-surface {
3017
+ color: var(--color-on-accent4);
3018
+ }
3019
+
3020
+ @utility bg-accent4-dark-surface {
3021
+ background-color: var(--color-accent4-dark);
3022
+ }
3023
+
3024
+ @utility text-accent4-dark-surface {
3025
+ color: var(--color-on-accent4-dark);
3026
+ }
3027
+
3028
+ @utility bg-accent4-darker-surface {
3029
+ background-color: var(--color-accent4-darker);
3030
+ }
3031
+
3032
+ @utility text-accent4-darker-surface {
3033
+ color: var(--color-on-accent4-darker);
3034
+ }
3035
+
3036
+ @utility bg-accent4-darkest-surface {
3037
+ background-color: var(--color-accent4-darkest);
3038
+ }
3039
+
3040
+ @utility text-accent4-darkest-surface {
3041
+ color: var(--color-on-accent4-darkest);
3042
+ }
3043
+
3044
+ @utility bg-accent4-50 {
3045
+ background-color: var(--color-accent4-50);
3046
+ }
3047
+
3048
+ @utility text-accent4-50 {
3049
+ color: var(--color-accent4-50);
3050
+ }
3051
+
3052
+ @utility bg-accent4-100 {
3053
+ background-color: var(--color-accent4-100);
3054
+ }
3055
+
3056
+ @utility text-accent4-100 {
3057
+ color: var(--color-accent4-100);
3058
+ }
3059
+
3060
+ @utility bg-accent4-200 {
3061
+ background-color: var(--color-accent4-200);
3062
+ }
3063
+
3064
+ @utility text-accent4-200 {
3065
+ color: var(--color-accent4-200);
3066
+ }
3067
+
3068
+ @utility bg-accent4-300 {
3069
+ background-color: var(--color-accent4-300);
3070
+ }
3071
+
3072
+ @utility text-accent4-300 {
3073
+ color: var(--color-accent4-300);
3074
+ }
3075
+
3076
+ @utility bg-accent4-400 {
3077
+ background-color: var(--color-accent4-400);
3078
+ }
3079
+
3080
+ @utility text-accent4-400 {
3081
+ color: var(--color-accent4-400);
3082
+ }
3083
+
3084
+ @utility bg-accent4-500 {
3085
+ background-color: var(--color-accent4-500);
3086
+ }
3087
+
3088
+ @utility text-accent4-500 {
3089
+ color: var(--color-accent4-500);
3090
+ }
3091
+
3092
+ @utility bg-accent4-600 {
3093
+ background-color: var(--color-accent4-600);
3094
+ }
3095
+
3096
+ @utility text-accent4-600 {
3097
+ color: var(--color-accent4-600);
3098
+ }
3099
+
3100
+ @utility bg-accent4-700 {
3101
+ background-color: var(--color-accent4-700);
3102
+ }
3103
+
3104
+ @utility text-accent4-700 {
3105
+ color: var(--color-accent4-700);
3106
+ }
3107
+
3108
+ @utility bg-accent4-800 {
3109
+ background-color: var(--color-accent4-800);
3110
+ }
3111
+
3112
+ @utility text-accent4-800 {
3113
+ color: var(--color-accent4-800);
3114
+ }
3115
+
3116
+ @utility bg-accent4-900 {
3117
+ background-color: var(--color-accent4-900);
3118
+ }
3119
+
3120
+ @utility text-accent4-900 {
3121
+ color: var(--color-accent4-900);
3122
+ }
3123
+
3124
+ @utility bg-accent4-950 {
3125
+ background-color: var(--color-accent4-950);
3126
+ }
3127
+
3128
+ @utility text-accent4-950 {
3129
+ color: var(--color-accent4-950);
3130
+ }
3131
+
3132
+ @utility bg-accent5-lightest-surface {
3133
+ background-color: var(--color-accent5-lightest);
3134
+ }
3135
+
3136
+ @utility text-accent5-lightest-surface {
3137
+ color: var(--color-on-accent5-lightest);
3138
+ }
3139
+
3140
+ @utility bg-accent5-lighter-surface {
3141
+ background-color: var(--color-accent5-lighter);
3142
+ }
3143
+
3144
+ @utility text-accent5-lighter-surface {
3145
+ color: var(--color-on-accent5-lighter);
3146
+ }
3147
+
3148
+ @utility bg-accent5-light-surface {
3149
+ background-color: var(--color-accent5-light);
3150
+ }
3151
+
3152
+ @utility text-accent5-light-surface {
3153
+ color: var(--color-on-accent5-light);
3154
+ }
3155
+
3156
+ @utility bg-accent5-surface {
3157
+ background-color: var(--color-accent5);
3158
+ }
3159
+
3160
+ @utility text-accent5-surface {
3161
+ color: var(--color-on-accent5);
3162
+ }
3163
+
3164
+ @utility bg-accent5-dark-surface {
3165
+ background-color: var(--color-accent5-dark);
3166
+ }
3167
+
3168
+ @utility text-accent5-dark-surface {
3169
+ color: var(--color-on-accent5-dark);
3170
+ }
3171
+
3172
+ @utility bg-accent5-darker-surface {
3173
+ background-color: var(--color-accent5-darker);
3174
+ }
3175
+
3176
+ @utility text-accent5-darker-surface {
3177
+ color: var(--color-on-accent5-darker);
3178
+ }
3179
+
3180
+ @utility bg-accent5-darkest-surface {
3181
+ background-color: var(--color-accent5-darkest);
3182
+ }
3183
+
3184
+ @utility text-accent5-darkest-surface {
3185
+ color: var(--color-on-accent5-darkest);
3186
+ }
3187
+
3188
+ @utility bg-accent5-50 {
3189
+ background-color: var(--color-accent5-50);
3190
+ }
3191
+
3192
+ @utility text-accent5-50 {
3193
+ color: var(--color-accent5-50);
3194
+ }
3195
+
3196
+ @utility bg-accent5-100 {
3197
+ background-color: var(--color-accent5-100);
3198
+ }
3199
+
3200
+ @utility text-accent5-100 {
3201
+ color: var(--color-accent5-100);
3202
+ }
3203
+
3204
+ @utility bg-accent5-200 {
3205
+ background-color: var(--color-accent5-200);
3206
+ }
3207
+
3208
+ @utility text-accent5-200 {
3209
+ color: var(--color-accent5-200);
3210
+ }
3211
+
3212
+ @utility bg-accent5-300 {
3213
+ background-color: var(--color-accent5-300);
3214
+ }
3215
+
3216
+ @utility text-accent5-300 {
3217
+ color: var(--color-accent5-300);
3218
+ }
3219
+
3220
+ @utility bg-accent5-400 {
3221
+ background-color: var(--color-accent5-400);
3222
+ }
3223
+
3224
+ @utility text-accent5-400 {
3225
+ color: var(--color-accent5-400);
3226
+ }
3227
+
3228
+ @utility bg-accent5-500 {
3229
+ background-color: var(--color-accent5-500);
3230
+ }
3231
+
3232
+ @utility text-accent5-500 {
3233
+ color: var(--color-accent5-500);
3234
+ }
3235
+
3236
+ @utility bg-accent5-600 {
3237
+ background-color: var(--color-accent5-600);
3238
+ }
3239
+
3240
+ @utility text-accent5-600 {
3241
+ color: var(--color-accent5-600);
3242
+ }
3243
+
3244
+ @utility bg-accent5-700 {
3245
+ background-color: var(--color-accent5-700);
3246
+ }
3247
+
3248
+ @utility text-accent5-700 {
3249
+ color: var(--color-accent5-700);
3250
+ }
3251
+
3252
+ @utility bg-accent5-800 {
3253
+ background-color: var(--color-accent5-800);
3254
+ }
3255
+
3256
+ @utility text-accent5-800 {
3257
+ color: var(--color-accent5-800);
3258
+ }
3259
+
3260
+ @utility bg-accent5-900 {
3261
+ background-color: var(--color-accent5-900);
3262
+ }
3263
+
3264
+ @utility text-accent5-900 {
3265
+ color: var(--color-accent5-900);
3266
+ }
3267
+
3268
+ @utility bg-accent5-950 {
3269
+ background-color: var(--color-accent5-950);
3270
+ }
3271
+
3272
+ @utility text-accent5-950 {
3273
+ color: var(--color-accent5-950);
3274
+ }
3275
+
3276
+ @utility bg-accent6-lightest-surface {
3277
+ background-color: var(--color-accent6-lightest);
3278
+ }
3279
+
3280
+ @utility text-accent6-lightest-surface {
3281
+ color: var(--color-on-accent6-lightest);
3282
+ }
3283
+
3284
+ @utility bg-accent6-lighter-surface {
3285
+ background-color: var(--color-accent6-lighter);
3286
+ }
3287
+
3288
+ @utility text-accent6-lighter-surface {
3289
+ color: var(--color-on-accent6-lighter);
3290
+ }
3291
+
3292
+ @utility bg-accent6-light-surface {
3293
+ background-color: var(--color-accent6-light);
3294
+ }
3295
+
3296
+ @utility text-accent6-light-surface {
3297
+ color: var(--color-on-accent6-light);
3298
+ }
3299
+
3300
+ @utility bg-accent6-surface {
3301
+ background-color: var(--color-accent6);
3302
+ }
3303
+
3304
+ @utility text-accent6-surface {
3305
+ color: var(--color-on-accent6);
3306
+ }
3307
+
3308
+ @utility bg-accent6-dark-surface {
3309
+ background-color: var(--color-accent6-dark);
3310
+ }
3311
+
3312
+ @utility text-accent6-dark-surface {
3313
+ color: var(--color-on-accent6-dark);
3314
+ }
3315
+
3316
+ @utility bg-accent6-darker-surface {
3317
+ background-color: var(--color-accent6-darker);
3318
+ }
3319
+
3320
+ @utility text-accent6-darker-surface {
3321
+ color: var(--color-on-accent6-darker);
3322
+ }
3323
+
3324
+ @utility bg-accent6-darkest-surface {
3325
+ background-color: var(--color-accent6-darkest);
3326
+ }
3327
+
3328
+ @utility text-accent6-darkest-surface {
3329
+ color: var(--color-on-accent6-darkest);
3330
+ }
3331
+
3332
+ @utility bg-accent6-50 {
3333
+ background-color: var(--color-accent6-50);
3334
+ }
3335
+
3336
+ @utility text-accent6-50 {
3337
+ color: var(--color-accent6-50);
3338
+ }
3339
+
3340
+ @utility bg-accent6-100 {
3341
+ background-color: var(--color-accent6-100);
3342
+ }
3343
+
3344
+ @utility text-accent6-100 {
3345
+ color: var(--color-accent6-100);
3346
+ }
3347
+
3348
+ @utility bg-accent6-200 {
3349
+ background-color: var(--color-accent6-200);
3350
+ }
3351
+
3352
+ @utility text-accent6-200 {
3353
+ color: var(--color-accent6-200);
3354
+ }
3355
+
3356
+ @utility bg-accent6-300 {
3357
+ background-color: var(--color-accent6-300);
3358
+ }
3359
+
3360
+ @utility text-accent6-300 {
3361
+ color: var(--color-accent6-300);
3362
+ }
3363
+
3364
+ @utility bg-accent6-400 {
3365
+ background-color: var(--color-accent6-400);
3366
+ }
3367
+
3368
+ @utility text-accent6-400 {
3369
+ color: var(--color-accent6-400);
3370
+ }
3371
+
3372
+ @utility bg-accent6-500 {
3373
+ background-color: var(--color-accent6-500);
3374
+ }
3375
+
3376
+ @utility text-accent6-500 {
3377
+ color: var(--color-accent6-500);
3378
+ }
3379
+
3380
+ @utility bg-accent6-600 {
3381
+ background-color: var(--color-accent6-600);
3382
+ }
3383
+
3384
+ @utility text-accent6-600 {
3385
+ color: var(--color-accent6-600);
3386
+ }
3387
+
3388
+ @utility bg-accent6-700 {
3389
+ background-color: var(--color-accent6-700);
3390
+ }
3391
+
3392
+ @utility text-accent6-700 {
3393
+ color: var(--color-accent6-700);
3394
+ }
3395
+
3396
+ @utility bg-accent6-800 {
3397
+ background-color: var(--color-accent6-800);
3398
+ }
3399
+
3400
+ @utility text-accent6-800 {
3401
+ color: var(--color-accent6-800);
3402
+ }
3403
+
3404
+ @utility bg-accent6-900 {
3405
+ background-color: var(--color-accent6-900);
3406
+ }
3407
+
3408
+ @utility text-accent6-900 {
3409
+ color: var(--color-accent6-900);
3410
+ }
3411
+
3412
+ @utility bg-accent6-950 {
3413
+ background-color: var(--color-accent6-950);
3414
+ }
3415
+
3416
+ @utility text-accent6-950 {
3417
+ color: var(--color-accent6-950);
3418
+ }
3419
+
3420
+ @utility bg-accent7-lightest-surface {
3421
+ background-color: var(--color-accent7-lightest);
3422
+ }
3423
+
3424
+ @utility text-accent7-lightest-surface {
3425
+ color: var(--color-on-accent7-lightest);
3426
+ }
3427
+
3428
+ @utility bg-accent7-lighter-surface {
3429
+ background-color: var(--color-accent7-lighter);
3430
+ }
3431
+
3432
+ @utility text-accent7-lighter-surface {
3433
+ color: var(--color-on-accent7-lighter);
3434
+ }
3435
+
3436
+ @utility bg-accent7-light-surface {
3437
+ background-color: var(--color-accent7-light);
3438
+ }
3439
+
3440
+ @utility text-accent7-light-surface {
3441
+ color: var(--color-on-accent7-light);
3442
+ }
3443
+
3444
+ @utility bg-accent7-surface {
3445
+ background-color: var(--color-accent7);
3446
+ }
3447
+
3448
+ @utility text-accent7-surface {
3449
+ color: var(--color-on-accent7);
3450
+ }
3451
+
3452
+ @utility bg-accent7-dark-surface {
3453
+ background-color: var(--color-accent7-dark);
3454
+ }
3455
+
3456
+ @utility text-accent7-dark-surface {
3457
+ color: var(--color-on-accent7-dark);
3458
+ }
3459
+
3460
+ @utility bg-accent7-darker-surface {
3461
+ background-color: var(--color-accent7-darker);
3462
+ }
3463
+
3464
+ @utility text-accent7-darker-surface {
3465
+ color: var(--color-on-accent7-darker);
3466
+ }
3467
+
3468
+ @utility bg-accent7-darkest-surface {
3469
+ background-color: var(--color-accent7-darkest);
3470
+ }
3471
+
3472
+ @utility text-accent7-darkest-surface {
3473
+ color: var(--color-on-accent7-darkest);
3474
+ }
3475
+
3476
+ @utility bg-accent7-50 {
3477
+ background-color: var(--color-accent7-50);
3478
+ }
3479
+
3480
+ @utility text-accent7-50 {
3481
+ color: var(--color-accent7-50);
3482
+ }
3483
+
3484
+ @utility bg-accent7-100 {
3485
+ background-color: var(--color-accent7-100);
3486
+ }
3487
+
3488
+ @utility text-accent7-100 {
3489
+ color: var(--color-accent7-100);
3490
+ }
3491
+
3492
+ @utility bg-accent7-200 {
3493
+ background-color: var(--color-accent7-200);
3494
+ }
3495
+
3496
+ @utility text-accent7-200 {
3497
+ color: var(--color-accent7-200);
3498
+ }
3499
+
3500
+ @utility bg-accent7-300 {
3501
+ background-color: var(--color-accent7-300);
3502
+ }
1363
3503
 
1364
- --color-accent3-lightest: rgba(var(--ax-sys-color-accent3-lightest-surface));
1365
- --color-on-accent3-lightest: rgba(var(--ax-sys-color-on-accent3-lightest-surface));
1366
- --color-border-accent3-lightest: rgba(var(--ax-sys-color-border-accent3-lightest-surface));
1367
- --color-accent3-lighter: rgba(var(--ax-sys-color-accent3-lighter-surface));
1368
- --color-on-accent3-lighter: rgba(var(--ax-sys-color-on-accent3-lighter-surface));
1369
- --color-border-accent3-lighter: rgba(var(--ax-sys-color-border-accent3-lighter-surface));
1370
- --color-accent3-light: rgba(var(--ax-sys-color-accent3-light-surface));
1371
- --color-on-accent3-light: rgba(var(--ax-sys-color-on-accent3-light-surface));
1372
- --color-border-accent3-light: rgba(var(--ax-sys-color-border-accent3-light-surface));
1373
- --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
1374
- --color-on-accent3: rgba(var(--ax-sys-color-on-accent3-surface));
1375
- --color-border-accent3: rgba(var(--ax-sys-color-border-accent3-surface));
1376
- --color-accent3-dark: rgba(var(--ax-sys-color-accent3-dark-surface));
1377
- --color-on-accent3-dark: rgba(var(--ax-sys-color-on-accent3-dark-surface));
1378
- --color-border-accent3-dark: rgba(var(--ax-sys-color-border-accent3-dark-surface));
1379
- --color-accent3-darker: rgba(var(--ax-sys-color-accent3-darker-surface));
1380
- --color-on-accent3-darker: rgba(var(--ax-sys-color-on-accent3-darker-surface));
1381
- --color-border-accent3-darker: rgba(var(--ax-sys-color-border-accent3-darker-surface));
1382
- --color-accent3-darkest: rgba(var(--ax-sys-color-accent3-darkest-surface));
1383
- --color-on-accent3-darkest: rgba(var(--ax-sys-color-on-accent3-darkest-surface));
1384
- --color-border-accent3-darkest: rgba(var(--ax-sys-color-border-accent3-darkest-surface));
1385
- /* Accent4 Surfaces */
1386
- --color-accent4-50: rgba(var(--ax-sys-color-accent4-50));
1387
- --color-accent4-100: rgba(var(--ax-sys-color-accent4-100));
1388
- --color-accent4-200: rgba(var(--ax-sys-color-accent4-200));
1389
- --color-accent4-300: rgba(var(--ax-sys-color-accent4-300));
1390
- --color-accent4-400: rgba(var(--ax-sys-color-accent4-400));
1391
- --color-accent4-500: rgba(var(--ax-sys-color-accent4-500));
1392
- --color-accent4-600: rgba(var(--ax-sys-color-accent4-600));
1393
- --color-accent4-700: rgba(var(--ax-sys-color-accent4-700));
1394
- --color-accent4-800: rgba(var(--ax-sys-color-accent4-800));
1395
- --color-accent4-900: rgba(var(--ax-sys-color-accent4-900));
1396
- --color-accent4-950: rgba(var(--ax-sys-color-accent4-950));
3504
+ @utility text-accent7-300 {
3505
+ color: var(--color-accent7-300);
3506
+ }
1397
3507
 
1398
- --color-accent4-lightest: rgba(var(--ax-sys-color-accent4-lightest-surface));
1399
- --color-on-accent4-lightest: rgba(var(--ax-sys-color-on-accent4-lightest-surface));
1400
- --color-border-accent4-lightest: rgba(var(--ax-sys-color-border-accent4-lightest-surface));
1401
- --color-accent4-lighter: rgba(var(--ax-sys-color-accent4-lighter-surface));
1402
- --color-on-accent4-lighter: rgba(var(--ax-sys-color-on-accent4-lighter-surface));
1403
- --color-border-accent4-lighter: rgba(var(--ax-sys-color-border-accent4-lighter-surface));
1404
- --color-accent4-light: rgba(var(--ax-sys-color-accent4-light-surface));
1405
- --color-on-accent4-light: rgba(var(--ax-sys-color-on-accent4-light-surface));
1406
- --color-border-accent4-light: rgba(var(--ax-sys-color-border-accent4-light-surface));
1407
- --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
1408
- --color-on-accent4: rgba(var(--ax-sys-color-on-accent4-surface));
1409
- --color-border-accent4: rgba(var(--ax-sys-color-border-accent4-surface));
1410
- --color-accent4-dark: rgba(var(--ax-sys-color-accent4-dark-surface));
1411
- --color-on-accent4-dark: rgba(var(--ax-sys-color-on-accent4-dark-surface));
1412
- --color-border-accent4-dark: rgba(var(--ax-sys-color-border-accent4-dark-surface));
1413
- --color-accent4-darker: rgba(var(--ax-sys-color-accent4-darker-surface));
1414
- --color-on-accent4-darker: rgba(var(--ax-sys-color-on-accent4-darker-surface));
1415
- --color-border-accent4-darker: rgba(var(--ax-sys-color-border-accent4-darker-surface));
1416
- --color-accent4-darkest: rgba(var(--ax-sys-color-accent4-darkest-surface));
1417
- --color-on-accent4-darkest: rgba(var(--ax-sys-color-on-accent4-darkest-surface));
1418
- --color-border-accent4-darkest: rgba(var(--ax-sys-color-border-accent4-darkest-surface));
1419
- /* Accent5 Surfaces */
1420
- --color-accent5-50: rgba(var(--ax-sys-color-accent5-50));
1421
- --color-accent5-100: rgba(var(--ax-sys-color-accent5-100));
1422
- --color-accent5-200: rgba(var(--ax-sys-color-accent5-200));
1423
- --color-accent5-300: rgba(var(--ax-sys-color-accent5-300));
1424
- --color-accent5-400: rgba(var(--ax-sys-color-accent5-400));
1425
- --color-accent5-500: rgba(var(--ax-sys-color-accent5-500));
1426
- --color-accent5-600: rgba(var(--ax-sys-color-accent5-600));
1427
- --color-accent5-700: rgba(var(--ax-sys-color-accent5-700));
1428
- --color-accent5-800: rgba(var(--ax-sys-color-accent5-800));
1429
- --color-accent5-900: rgba(var(--ax-sys-color-accent5-900));
1430
- --color-accent5-950: rgba(var(--ax-sys-color-accent5-950));
3508
+ @utility bg-accent7-400 {
3509
+ background-color: var(--color-accent7-400);
3510
+ }
1431
3511
 
1432
- --color-accent5-lightest: rgba(var(--ax-sys-color-accent5-lightest-surface));
1433
- --color-on-accent5-lightest: rgba(var(--ax-sys-color-on-accent5-lightest-surface));
1434
- --color-border-accent5-lightest: rgba(var(--ax-sys-color-border-accent5-lightest-surface));
1435
- --color-accent5-lighter: rgba(var(--ax-sys-color-accent5-lighter-surface));
1436
- --color-on-accent5-lighter: rgba(var(--ax-sys-color-on-accent5-lighter-surface));
1437
- --color-border-accent5-lighter: rgba(var(--ax-sys-color-border-accent5-lighter-surface));
1438
- --color-accent5-light: rgba(var(--ax-sys-color-accent5-light-surface));
1439
- --color-on-accent5-light: rgba(var(--ax-sys-color-on-accent5-light-surface));
1440
- --color-border-accent5-light: rgba(var(--ax-sys-color-border-accent5-light-surface));
1441
- --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
1442
- --color-on-accent5: rgba(var(--ax-sys-color-on-accent5-surface));
1443
- --color-border-accent5: rgba(var(--ax-sys-color-border-accent5-surface));
1444
- --color-accent5-dark: rgba(var(--ax-sys-color-accent5-dark-surface));
1445
- --color-on-accent5-dark: rgba(var(--ax-sys-color-on-accent5-dark-surface));
1446
- --color-border-accent5-dark: rgba(var(--ax-sys-color-border-accent5-dark-surface));
1447
- --color-accent5-darker: rgba(var(--ax-sys-color-accent5-darker-surface));
1448
- --color-on-accent5-darker: rgba(var(--ax-sys-color-on-accent5-darker-surface));
1449
- --color-border-accent5-darker: rgba(var(--ax-sys-color-border-accent5-darker-surface));
1450
- --color-accent5-darkest: rgba(var(--ax-sys-color-accent5-darkest-surface));
1451
- --color-on-accent5-darkest: rgba(var(--ax-sys-color-on-accent5-darkest-surface));
1452
- --color-border-accent5-darkest: rgba(var(--ax-sys-color-border-accent5-darkest-surface));
1453
- /* Accent6 Surfaces */
1454
- --color-accent6-50: rgba(var(--ax-sys-color-accent6-50));
1455
- --color-accent6-100: rgba(var(--ax-sys-color-accent6-100));
1456
- --color-accent6-200: rgba(var(--ax-sys-color-accent6-200));
1457
- --color-accent6-300: rgba(var(--ax-sys-color-accent6-300));
1458
- --color-accent6-400: rgba(var(--ax-sys-color-accent6-400));
1459
- --color-accent6-500: rgba(var(--ax-sys-color-accent6-500));
1460
- --color-accent6-600: rgba(var(--ax-sys-color-accent6-600));
1461
- --color-accent6-700: rgba(var(--ax-sys-color-accent6-700));
1462
- --color-accent6-800: rgba(var(--ax-sys-color-accent6-800));
1463
- --color-accent6-900: rgba(var(--ax-sys-color-accent6-900));
1464
- --color-accent6-950: rgba(var(--ax-sys-color-accent6-950));
3512
+ @utility text-accent7-400 {
3513
+ color: var(--color-accent7-400);
3514
+ }
1465
3515
 
1466
- --color-accent6-lightest: rgba(var(--ax-sys-color-accent6-lightest-surface));
1467
- --color-on-accent6-lightest: rgba(var(--ax-sys-color-on-accent6-lightest-surface));
1468
- --color-border-accent6-lightest: rgba(var(--ax-sys-color-border-accent6-lightest-surface));
1469
- --color-accent6-lighter: rgba(var(--ax-sys-color-accent6-lighter-surface));
1470
- --color-on-accent6-lighter: rgba(var(--ax-sys-color-on-accent6-lighter-surface));
1471
- --color-border-accent6-lighter: rgba(var(--ax-sys-color-border-accent6-lighter-surface));
1472
- --color-accent6-light: rgba(var(--ax-sys-color-accent6-light-surface));
1473
- --color-on-accent6-light: rgba(var(--ax-sys-color-on-accent6-light-surface));
1474
- --color-border-accent6-light: rgba(var(--ax-sys-color-border-accent6-light-surface));
1475
- --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
1476
- --color-on-accent6: rgba(var(--ax-sys-color-on-accent6-surface));
1477
- --color-border-accent6: rgba(var(--ax-sys-color-border-accent6-surface));
1478
- --color-accent6-dark: rgba(var(--ax-sys-color-accent6-dark-surface));
1479
- --color-on-accent6-dark: rgba(var(--ax-sys-color-on-accent6-dark-surface));
1480
- --color-border-accent6-dark: rgba(var(--ax-sys-color-border-accent6-dark-surface));
1481
- --color-accent6-darker: rgba(var(--ax-sys-color-accent6-darker-surface));
1482
- --color-on-accent6-darker: rgba(var(--ax-sys-color-on-accent6-darker-surface));
1483
- --color-border-accent6-darker: rgba(var(--ax-sys-color-border-accent6-darker-surface));
1484
- --color-accent6-darkest: rgba(var(--ax-sys-color-accent6-darkest-surface));
1485
- --color-on-accent6-darkest: rgba(var(--ax-sys-color-on-accent6-darkest-surface));
1486
- --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
1487
- /* Accent7 Surfaces */
1488
- --color-accent7-50: rgba(var(--ax-sys-color-accent7-50));
1489
- --color-accent7-100: rgba(var(--ax-sys-color-accent7-100));
1490
- --color-accent7-200: rgba(var(--ax-sys-color-accent7-200));
1491
- --color-accent7-300: rgba(var(--ax-sys-color-accent7-300));
1492
- --color-accent7-400: rgba(var(--ax-sys-color-accent7-400));
1493
- --color-accent7-500: rgba(var(--ax-sys-color-accent7-500));
1494
- --color-accent7-600: rgba(var(--ax-sys-color-accent7-600));
1495
- --color-accent7-700: rgba(var(--ax-sys-color-accent7-700));
1496
- --color-accent7-800: rgba(var(--ax-sys-color-accent7-800));
1497
- --color-accent7-900: rgba(var(--ax-sys-color-accent7-900));
1498
- --color-accent7-950: rgba(var(--ax-sys-color-accent7-950));
3516
+ @utility bg-accent7-500 {
3517
+ background-color: var(--color-accent7-500);
3518
+ }
1499
3519
 
1500
- --color-accent7-lightest: rgba(var(--ax-sys-color-accent7-lightest-surface));
1501
- --color-on-accent7-lightest: rgba(var(--ax-sys-color-on-accent7-lightest-surface));
1502
- --color-border-accent7-lightest: rgba(var(--ax-sys-color-border-accent7-lightest-surface));
1503
- --color-accent7-lighter: rgba(var(--ax-sys-color-accent7-lighter-surface));
1504
- --color-on-accent7-lighter: rgba(var(--ax-sys-color-on-accent7-lighter-surface));
1505
- --color-border-accent7-lighter: rgba(var(--ax-sys-color-border-accent7-lighter-surface));
1506
- --color-accent7-light: rgba(var(--ax-sys-color-accent7-light-surface));
1507
- --color-on-accent7-light: rgba(var(--ax-sys-color-on-accent7-light-surface));
1508
- --color-border-accent7-light: rgba(var(--ax-sys-color-border-accent7-light-surface));
1509
- --color-accent7: rgba(var(--ax-sys-color-accent7-surface));
1510
- --color-on-accent7: rgba(var(--ax-sys-color-on-accent7-surface));
1511
- --color-border-accent7: rgba(var(--ax-sys-color-border-accent7-surface));
1512
- --color-accent7-dark: rgba(var(--ax-sys-color-accent7-dark-surface));
1513
- --color-on-accent7-dark: rgba(var(--ax-sys-color-on-accent7-dark-surface));
1514
- --color-border-accent7-dark: rgba(var(--ax-sys-color-border-accent7-dark-surface));
1515
- --color-accent7-darker: rgba(var(--ax-sys-color-accent7-darker-surface));
1516
- --color-on-accent7-darker: rgba(var(--ax-sys-color-on-accent7-darker-surface));
1517
- --color-border-accent7-darker: rgba(var(--ax-sys-color-border-accent7-darker-surface));
1518
- --color-accent7-darkest: rgba(var(--ax-sys-color-accent7-darkest-surface));
1519
- --color-on-accent7-darkest: rgba(var(--ax-sys-color-on-accent7-darkest-surface));
1520
- --color-border-accent7-darkest: rgba(var(--ax-sys-color-border-accent7-darkest-surface));
3520
+ @utility text-accent7-500 {
3521
+ color: var(--color-accent7-500);
3522
+ }
3523
+
3524
+ @utility bg-accent7-600 {
3525
+ background-color: var(--color-accent7-600);
3526
+ }
3527
+
3528
+ @utility text-accent7-600 {
3529
+ color: var(--color-accent7-600);
3530
+ }
3531
+
3532
+ @utility bg-accent7-700 {
3533
+ background-color: var(--color-accent7-700);
3534
+ }
3535
+
3536
+ @utility text-accent7-700 {
3537
+ color: var(--color-accent7-700);
3538
+ }
3539
+
3540
+ @utility bg-accent7-800 {
3541
+ background-color: var(--color-accent7-800);
3542
+ }
3543
+
3544
+ @utility text-accent7-800 {
3545
+ color: var(--color-accent7-800);
3546
+ }
3547
+
3548
+ @utility bg-accent7-900 {
3549
+ background-color: var(--color-accent7-900);
3550
+ }
3551
+
3552
+ @utility text-accent7-900 {
3553
+ color: var(--color-accent7-900);
3554
+ }
3555
+
3556
+ @utility bg-accent7-950 {
3557
+ background-color: var(--color-accent7-950);
3558
+ }
3559
+
3560
+ @utility text-accent7-950 {
3561
+ color: var(--color-accent7-950);
1521
3562
  }
1522
3563
 
1523
3564
  @utility lightest-surface {
@@ -2070,6 +4111,102 @@ html.dark {
2070
4111
  --ax-comp-border-darkest: var(--color-border-danger-darkest);
2071
4112
  }
2072
4113
 
4114
+ /* Surface Surfaces */
4115
+
4116
+ @utility surface-lightest-surface {
4117
+ background-color: var(--color-surface-lightest);
4118
+ color: var(--color-on-surface-lightest);
4119
+ border-color: var(--color-border-surface-lightest);
4120
+ }
4121
+
4122
+ @utility surface-lighter-surface {
4123
+ background-color: var(--color-surface-lighter);
4124
+ color: var(--color-on-surface-lighter);
4125
+ border-color: var(--color-border-surface-lighter);
4126
+ }
4127
+
4128
+ @utility surface-light-surface {
4129
+ background-color: var(--color-surface-light);
4130
+ color: var(--color-on-surface-light);
4131
+ border-color: var(--color-border-surface-light);
4132
+ }
4133
+
4134
+ @utility surface-surface {
4135
+ background-color: var(--color-surface);
4136
+ color: var(--color-on-surface);
4137
+ border-color: var(--color-border-surface);
4138
+ }
4139
+
4140
+ @utility surface-dark-surface {
4141
+ background-color: var(--color-surface-dark);
4142
+ color: var(--color-on-surface-dark);
4143
+ border-color: var(--color-border-surface-dark);
4144
+ }
4145
+
4146
+ @utility surface-darker-surface {
4147
+ background-color: var(--color-surface-darker);
4148
+ color: var(--color-on-surface-darker);
4149
+ border-color: var(--color-border-surface-darker);
4150
+ }
4151
+
4152
+ @utility surface-darkest-surface {
4153
+ background-color: var(--color-surface-darkest);
4154
+ color: var(--color-on-surface-darkest);
4155
+ border-color: var(--color-border-surface-darkest);
4156
+ }
4157
+
4158
+ @utility border-surface-lightest-surface {
4159
+ border-color: var(--color-border-surface-lightest);
4160
+ }
4161
+
4162
+ @utility border-surface-lighter-surface {
4163
+ border-color: var(--color-border-surface-lighter);
4164
+ }
4165
+
4166
+ @utility border-surface-light-surface {
4167
+ border-color: var(--color-border-surface-light);
4168
+ }
4169
+
4170
+ @utility border-surface-surface {
4171
+ border-color: var(--color-border-surface);
4172
+ }
4173
+
4174
+ @utility border-surface-dark-surface {
4175
+ border-color: var(--color-border-surface-dark);
4176
+ }
4177
+
4178
+ @utility border-surface-darker-surface {
4179
+ border-color: var(--color-border-surface-darker);
4180
+ }
4181
+
4182
+ @utility border-surface-darkest-surface {
4183
+ border-color: var(--color-border-surface-darkest);
4184
+ }
4185
+
4186
+ @utility ax-surface {
4187
+ --ax-comp-bg-lightest: var(--color-surface-lightest);
4188
+ --ax-comp-text-lightest: var(--color-on-surface-lightest);
4189
+ --ax-comp-border-lightest: var(--color-border-surface-lightest);
4190
+ --ax-comp-bg-lighter: var(--color-surface-lighter);
4191
+ --ax-comp-text-lighter: var(--color-on-surface-lighter);
4192
+ --ax-comp-border-lighter: var(--color-border-surface-lighter);
4193
+ --ax-comp-bg-light: var(--color-surface-light);
4194
+ --ax-comp-text-light: var(--color-on-surface-light);
4195
+ --ax-comp-border-light: var(--color-border-surface-light);
4196
+ --ax-comp-bg: var(--color-surface);
4197
+ --ax-comp-text: var(--color-on-surface);
4198
+ --ax-comp-border: var(--color-border-surface);
4199
+ --ax-comp-bg-dark: var(--color-surface-dark);
4200
+ --ax-comp-text-dark: var(--color-on-surface-dark);
4201
+ --ax-comp-border-dark: var(--color-border-surface-dark);
4202
+ --ax-comp-bg-darker: var(--color-surface-darker);
4203
+ --ax-comp-text-darker: var(--color-on-surface-darker);
4204
+ --ax-comp-border-darker: var(--color-border-surface-darker);
4205
+ --ax-comp-bg-darkest: var(--color-surface-darkest);
4206
+ --ax-comp-text-darkest: var(--color-on-surface-darkest);
4207
+ --ax-comp-border-darkest: var(--color-border-surface-darkest);
4208
+ }
4209
+
2073
4210
  /* Accent Surfaces */
2074
4211
 
2075
4212
  @utility accent-lightest-surface {
@@ -3003,48 +5140,48 @@ html.dark {
3003
5140
  font-size: 2.5rem;
3004
5141
  font-weight: 500;
3005
5142
  line-height: 2.5rem;
3006
- }
5143
+ }
3007
5144
  @utility h2 {
3008
5145
  font-size: 2rem;
3009
5146
  font-weight: 500;
3010
5147
  line-height: 2rem;
3011
- }
5148
+ }
3012
5149
  @utility h3 {
3013
5150
  font-size: 1.75rem;
3014
5151
  font-weight: 500;
3015
5152
  line-height: 1.75rem;
3016
- }
5153
+ }
3017
5154
  @utility h4 {
3018
5155
  font-size: 1.5rem;
3019
5156
  font-weight: 500;
3020
5157
  line-height: 1.5rem;
3021
- }
5158
+ }
3022
5159
  @utility h5 {
3023
5160
  font-size: 1.125rem;
3024
5161
  font-weight: 500;
3025
5162
  line-height: 1.125rem;
3026
- }
5163
+ }
3027
5164
  @utility h6 {
3028
5165
  font-size: 1rem;
3029
5166
  font-weight: 500;
3030
5167
  line-height: 1rem;
3031
- }
5168
+ }
3032
5169
  @utility heading {
3033
5170
  width: 100%;
3034
5171
  border-bottom: 1px solid;
3035
5172
  border-color: rgba(var(--ax-sys-color-border-lightest-surface));
3036
5173
  line-height: 0.1em;
3037
5174
  margin: 1rem auto;
3038
- }
5175
+ }
3039
5176
  @utility heading-start {
3040
5177
  text-align: start;
3041
- }
5178
+ }
3042
5179
  @utility heading-center {
3043
5180
  text-align: center;
3044
- }
5181
+ }
3045
5182
  @utility heading-end {
3046
5183
  text-align: end;
3047
- }
5184
+ }
3048
5185
  @utility subtitle {
3049
5186
  opacity: 74%;
3050
5187
  display: block;