@acorex/styles 21.0.1-next.7 → 21.0.1-next.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/_actionsheet.css +7 -4
  2. package/components/_drop-down.css +9 -20
  3. package/components/_editor-container.css +1 -1
  4. package/package.json +5 -5
  5. package/themes/default.css +1053 -1381
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-accent1-50: 255, 236, 255;
169
+ --ax-sys-color-accent1-100: 255, 218, 255;
170
+ --ax-sys-color-accent1-200: 255, 192, 255;
171
+ --ax-sys-color-accent1-300: 253, 149, 255;
172
+ --ax-sys-color-accent1-400: 238, 92, 255;
173
+ --ax-sys-color-accent1-500: 217, 70, 239;
174
+ --ax-sys-color-accent1-600: 195, 42, 216;
175
+ --ax-sys-color-accent1-700: 167, 0, 189;
176
+ --ax-sys-color-accent1-800: 138, 24, 155;
177
+ --ax-sys-color-accent1-900: 107, 45, 118;
178
+ --ax-sys-color-accent1-950: 52, 26, 56;
179
+
180
+ --ax-sys-color-accent2-50: 255, 240, 226;
181
+ --ax-sys-color-accent2-100: 255, 228, 207;
182
+ --ax-sys-color-accent2-200: 255, 209, 179;
183
+ --ax-sys-color-accent2-300: 255, 178, 132;
184
+ --ax-sys-color-accent2-400: 255, 134, 54;
185
+ --ax-sys-color-accent2-500: 249, 115, 22;
186
+ --ax-sys-color-accent2-600: 223, 91, 0;
187
+ --ax-sys-color-accent2-700: 187, 68, 0;
188
+ --ax-sys-color-accent2-800: 151, 58, 18;
189
+ --ax-sys-color-accent2-900: 115, 57, 37;
190
+ --ax-sys-color-accent2-950: 52, 26, 19;
191
+
192
+ --ax-sys-color-accent3-50: 198, 255, 251;
193
+ --ax-sys-color-accent3-100: 143, 255, 244;
194
+ --ax-sys-color-accent3-200: 114, 250, 231;
195
+ --ax-sys-color-accent3-300: 90, 229, 209;
196
+ --ax-sys-color-accent3-400: 54, 201, 183;
197
+ --ax-sys-color-accent3-500: 20, 184, 166;
198
+ --ax-sys-color-accent3-600: 0, 161, 144;
199
+ --ax-sys-color-accent3-700: 0, 132, 117;
200
+ --ax-sys-color-accent3-800: 23, 108, 95;
201
+ --ax-sys-color-accent3-900: 43, 87, 79;
202
+ --ax-sys-color-accent3-950: 23, 40, 36;
203
+
204
+ --ax-sys-color-accent4-50: 237, 242, 255;
205
+ --ax-sys-color-accent4-100: 220, 228, 255;
206
+ --ax-sys-color-accent4-200: 196, 207, 255;
207
+ --ax-sys-color-accent4-300: 161, 173, 255;
208
+ --ax-sys-color-accent4-400: 119, 126, 255;
209
+ --ax-sys-color-accent4-500: 99, 102, 241;
210
+ --ax-sys-color-accent4-600: 86, 85, 223;
211
+ --ax-sys-color-accent4-700: 71, 64, 201;
212
+ --ax-sys-color-accent4-800: 59, 52, 175;
213
+ --ax-sys-color-accent4-900: 52, 53, 137;
214
+ --ax-sys-color-accent4-950: 31, 35, 83;
215
+
216
+ --ax-sys-color-accent5-50: 255, 235, 248;
217
+ --ax-sys-color-accent5-100: 255, 219, 237;
218
+ --ax-sys-color-accent5-200: 255, 194, 222;
219
+ --ax-sys-color-accent5-300: 255, 152, 200;
220
+ --ax-sys-color-accent5-400: 255, 94, 172;
221
+ --ax-sys-color-accent5-500: 236, 72, 153;
222
+ --ax-sys-color-accent5-600: 213, 48, 134;
223
+ --ax-sys-color-accent5-700: 185, 0, 111;
224
+ --ax-sys-color-accent5-800: 156, 23, 92;
225
+ --ax-sys-color-accent5-900: 119, 43, 77;
226
+ --ax-sys-color-accent5-950: 59, 26, 39;
227
+
228
+ --ax-sys-color-accent6-50: 250, 241, 236;
229
+ --ax-sys-color-accent6-100: 235, 227, 221;
230
+ --ax-sys-color-accent6-200: 214, 206, 201;
231
+ --ax-sys-color-accent6-300: 183, 175, 170;
232
+ --ax-sys-color-accent6-400: 144, 137, 132;
233
+ --ax-sys-color-accent6-500: 120, 113, 108;
234
+ --ax-sys-color-accent6-600: 107, 100, 95;
235
+ --ax-sys-color-accent6-700: 91, 84, 80;
236
+ --ax-sys-color-accent6-800: 78, 72, 68;
237
+ --ax-sys-color-accent6-900: 67, 63, 60;
238
+ --ax-sys-color-accent6-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,229 @@ 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-accent-lightest-surface: 181, 251, 255;
381
+ --ax-sys-color-on-accent-lightest-surface: 0, 55, 60;
382
+ --ax-sys-color-border-accent-lightest-surface: 145, 249, 255;
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-accent-lighter-surface: 135, 243, 255;
385
+ --ax-sys-color-on-accent-lighter-surface: 0, 55, 62;
386
+ --ax-sys-color-border-accent-lighter-surface: 99, 239, 255;
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-accent-light-surface: 85, 225, 255;
389
+ --ax-sys-color-on-accent-light-surface: 0, 54, 68;
390
+ --ax-sys-color-border-accent-light-surface: 49, 219, 255;
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-accent-surface: 6, 182, 212;
393
+ --ax-sys-color-on-accent-surface: 0, 54, 69;
394
+ --ax-sys-color-border-accent-surface: 5, 152, 177;
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-accent-dark-surface: 0, 158, 188;
397
+ --ax-sys-color-on-accent-dark-surface: 228, 255, 255;
398
+ --ax-sys-color-border-accent-dark-surface: 0, 128, 152;
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-accent-darker-surface: 0, 129, 156;
401
+ --ax-sys-color-on-accent-darker-surface: 229, 255, 255;
402
+ --ax-sys-color-border-accent-darker-surface: 0, 99, 120;
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-accent-darkest-surface: 22, 105, 126;
405
+ --ax-sys-color-on-accent-darkest-surface: 229, 255, 255;
406
+ --ax-sys-color-border-accent-darkest-surface: 17, 80, 96;
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-accent1-lightest-surface: 255, 218, 255;
409
+ --ax-sys-color-on-accent1-lightest-surface: 62, 34, 63;
410
+ --ax-sys-color-border-accent1-lightest-surface: 255, 182, 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-accent1-lighter-surface: 255, 192, 255;
413
+ --ax-sys-color-on-accent1-lighter-surface: 72, 19, 74;
414
+ --ax-sys-color-border-accent1-lighter-surface: 255, 156, 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-accent1-light-surface: 253, 149, 255;
417
+ --ax-sys-color-on-accent1-light-surface: 82, 0, 87;
418
+ --ax-sys-color-border-accent1-light-surface: 252, 113, 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-accent1-surface: 217, 70, 239;
421
+ --ax-sys-color-on-accent1-surface: 255, 247, 255;
422
+ --ax-sys-color-border-accent1-surface: 210, 37, 236;
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-accent1-dark-surface: 195, 42, 216;
425
+ --ax-sys-color-on-accent1-dark-surface: 255, 247, 255;
426
+ --ax-sys-color-border-accent1-dark-surface: 169, 34, 188;
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-accent1-darker-surface: 167, 0, 189;
429
+ --ax-sys-color-on-accent1-darker-surface: 255, 247, 255;
430
+ --ax-sys-color-border-accent1-darker-surface: 135, 0, 153;
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-accent1-darkest-surface: 138, 24, 155;
433
+ --ax-sys-color-on-accent1-darkest-surface: 255, 247, 255;
434
+ --ax-sys-color-border-accent1-darkest-surface: 110, 19, 124;
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, 228, 207;
437
+ --ax-sys-color-on-accent2-lightest-surface: 61, 41, 24;
438
+ --ax-sys-color-border-accent2-lightest-surface: 255, 208, 171;
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, 209, 179;
441
+ --ax-sys-color-on-accent2-lighter-surface: 70, 35, 8;
442
+ --ax-sys-color-border-accent2-lighter-surface: 255, 187, 143;
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: 255, 178, 132;
445
+ --ax-sys-color-on-accent2-light-surface: 83, 24, 0;
446
+ --ax-sys-color-border-accent2-light-surface: 255, 156, 96;
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: 249, 115, 22;
449
+ --ax-sys-color-on-accent2-surface: 255, 249, 238;
450
+ --ax-sys-color-border-accent2-surface: 229, 97, 6;
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: 223, 91, 0;
453
+ --ax-sys-color-on-accent2-dark-surface: 255, 248, 239;
454
+ --ax-sys-color-border-accent2-dark-surface: 187, 76, 0;
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: 187, 68, 0;
457
+ --ax-sys-color-on-accent2-darker-surface: 255, 248, 240;
458
+ --ax-sys-color-border-accent2-darker-surface: 151, 55, 0;
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: 151, 58, 18;
461
+ --ax-sys-color-on-accent2-darkest-surface: 255, 248, 241;
462
+ --ax-sys-color-border-accent2-darkest-surface: 119, 46, 14;
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: 143, 255, 244;
465
+ --ax-sys-color-on-accent3-lightest-surface: 0, 57, 52;
466
+ --ax-sys-color-border-accent3-lightest-surface: 107, 255, 240;
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: 114, 250, 231;
469
+ --ax-sys-color-on-accent3-lighter-surface: 0, 57, 49;
470
+ --ax-sys-color-border-accent3-lighter-surface: 80, 249, 225;
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: 90, 229, 209;
473
+ --ax-sys-color-on-accent3-light-surface: 0, 57, 49;
474
+ --ax-sys-color-border-accent3-light-surface: 59, 224, 200;
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: 20, 184, 166;
477
+ --ax-sys-color-on-accent3-surface: 226, 255, 255;
478
+ --ax-sys-color-border-accent3-surface: 17, 152, 137;
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: 0, 161, 144;
481
+ --ax-sys-color-on-accent3-dark-surface: 226, 255, 255;
482
+ --ax-sys-color-border-accent3-dark-surface: 0, 125, 112;
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: 0, 132, 117;
485
+ --ax-sys-color-on-accent3-darker-surface: 226, 255, 255;
486
+ --ax-sys-color-border-accent3-darker-surface: 0, 96, 85;
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: 23, 108, 95;
489
+ --ax-sys-color-on-accent3-darkest-surface: 227, 255, 254;
490
+ --ax-sys-color-border-accent3-darkest-surface: 17, 79, 69;
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: 220, 228, 255;
493
+ --ax-sys-color-on-accent4-lightest-surface: 39, 45, 65;
494
+ --ax-sys-color-border-accent4-lightest-surface: 184, 200, 255;
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: 196, 207, 255;
497
+ --ax-sys-color-on-accent4-lighter-surface: 36, 42, 79;
498
+ --ax-sys-color-border-accent4-lighter-surface: 160, 178, 255;
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: 161, 173, 255;
501
+ --ax-sys-color-on-accent4-light-surface: 34, 34, 103;
502
+ --ax-sys-color-border-accent4-light-surface: 125, 142, 255;
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: 99, 102, 241;
505
+ --ax-sys-color-on-accent4-surface: 249, 252, 255;
506
+ --ax-sys-color-border-accent4-surface: 66, 70, 238;
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: 86, 85, 223;
509
+ --ax-sys-color-on-accent4-dark-surface: 249, 252, 255;
510
+ --ax-sys-color-border-accent4-dark-surface: 56, 55, 217;
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: 71, 64, 201;
513
+ --ax-sys-color-on-accent4-darker-surface: 249, 252, 255;
514
+ --ax-sys-color-border-accent4-darker-surface: 57, 51, 179;
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: 59, 52, 175;
517
+ --ax-sys-color-on-accent4-darkest-surface: 249, 252, 255;
518
+ --ax-sys-color-border-accent4-darkest-surface: 50, 44, 147;
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: 255, 219, 237;
521
+ --ax-sys-color-on-accent5-lightest-surface: 63, 36, 50;
522
+ --ax-sys-color-border-accent5-lightest-surface: 255, 183, 219;
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: 255, 194, 222;
525
+ --ax-sys-color-on-accent5-lighter-surface: 73, 27, 51;
526
+ --ax-sys-color-border-accent5-lighter-surface: 255, 158, 203;
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: 255, 152, 200;
529
+ --ax-sys-color-on-accent5-light-surface: 90, 0, 54;
530
+ --ax-sys-color-border-accent5-light-surface: 255, 116, 181;
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: 236, 72, 153;
533
+ --ax-sys-color-on-accent5-surface: 255, 246, 255;
534
+ --ax-sys-color-border-accent5-surface: 233, 40, 135;
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: 213, 48, 134;
537
+ --ax-sys-color-on-accent5-dark-surface: 255, 246, 255;
538
+ --ax-sys-color-border-accent5-dark-surface: 187, 38, 116;
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: 185, 0, 111;
541
+ --ax-sys-color-on-accent5-darker-surface: 255, 246, 255;
542
+ --ax-sys-color-border-accent5-darker-surface: 149, 0, 90;
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: 156, 23, 92;
545
+ --ax-sys-color-on-accent5-darkest-surface: 255, 246, 254;
546
+ --ax-sys-color-border-accent5-darkest-surface: 125, 18, 74;
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: 235, 227, 221;
549
+ --ax-sys-color-on-accent6-lightest-surface: 50, 44, 40;
550
+ --ax-sys-color-border-accent6-lightest-surface: 222, 208, 199;
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: 214, 206, 201;
553
+ --ax-sys-color-on-accent6-lighter-surface: 51, 44, 41;
554
+ --ax-sys-color-border-accent6-lighter-surface: 199, 188, 181;
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: 183, 175, 170;
557
+ --ax-sys-color-on-accent6-light-surface: 255, 252, 246;
558
+ --ax-sys-color-border-accent6-light-surface: 167, 157, 151;
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: 120, 113, 108;
561
+ --ax-sys-color-on-accent6-surface: 255, 252, 246;
562
+ --ax-sys-color-border-accent6-surface: 101, 95, 91;
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: 107, 100, 95;
565
+ --ax-sys-color-on-accent6-dark-surface: 255, 252, 246;
566
+ --ax-sys-color-border-accent6-dark-surface: 88, 82, 78;
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: 91, 84, 80;
569
+ --ax-sys-color-on-accent6-darker-surface: 255, 252, 247;
570
+ --ax-sys-color-border-accent6-darker-surface: 72, 66, 63;
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: 78, 72, 68;
573
+ --ax-sys-color-on-accent6-darkest-surface: 255, 252, 247;
574
+ --ax-sys-color-border-accent6-darkest-surface: 59, 54, 51;
563
575
 
564
576
  --ax-sys-color-bg-default: var(--ax-sys-color-lightest-surface);
565
577
  --ax-sys-color-text-default: var(--ax-sys-color-on-lightest-surface);
@@ -598,497 +610,520 @@ html.dark {
598
610
  --ax-sys-color-on-darkest-surface: 245, 245, 245;
599
611
  --ax-sys-color-border-darkest-surface: 28, 28, 28;
600
612
 
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;
613
+ --ax-sys-color-primary-50: 233, 247, 255;
614
+ --ax-sys-color-primary-100: 219, 238, 255;
615
+ --ax-sys-color-primary-200: 190, 221, 255;
616
+ --ax-sys-color-primary-300: 161, 203, 255;
617
+ --ax-sys-color-primary-400: 132, 185, 255;
618
+ --ax-sys-color-primary-500: 101, 166, 255;
619
+ --ax-sys-color-primary-600: 67, 146, 255;
620
+ --ax-sys-color-primary-700: 43, 127, 255;
621
+ --ax-sys-color-primary-800: 25, 112, 239;
622
+ --ax-sys-color-primary-900: 0, 98, 223;
623
+ --ax-sys-color-primary-950: 0, 90, 215;
624
+
625
+ --ax-sys-color-secondary-50: 240, 249, 255;
626
+ --ax-sys-color-secondary-100: 233, 242, 255;
627
+ --ax-sys-color-secondary-200: 219, 228, 243;
628
+ --ax-sys-color-secondary-300: 206, 214, 229;
629
+ --ax-sys-color-secondary-400: 192, 201, 215;
630
+ --ax-sys-color-secondary-500: 179, 187, 202;
631
+ --ax-sys-color-secondary-600: 166, 174, 188;
632
+ --ax-sys-color-secondary-700: 153, 161, 175;
633
+ --ax-sys-color-secondary-800: 135, 143, 157;
634
+ --ax-sys-color-secondary-900: 118, 126, 139;
635
+ --ax-sys-color-secondary-950: 110, 117, 131;
636
+
637
+ --ax-sys-color-success-50: 210, 255, 233;
638
+ --ax-sys-color-success-100: 180, 255, 219;
639
+ --ax-sys-color-success-200: 115, 255, 191;
640
+ --ax-sys-color-success-300: 99, 244, 178;
641
+ --ax-sys-color-success-400: 82, 230, 164;
642
+ --ax-sys-color-success-500: 64, 216, 151;
643
+ --ax-sys-color-success-600: 42, 202, 138;
644
+ --ax-sys-color-success-700: 1, 188, 125;
645
+ --ax-sys-color-success-800: 0, 170, 108;
646
+ --ax-sys-color-success-900: 0, 151, 91;
647
+ --ax-sys-color-success-950: 0, 142, 85;
648
+
649
+ --ax-sys-color-warning-50: 255, 245, 222;
650
+ --ax-sys-color-warning-100: 255, 238, 208;
651
+ --ax-sys-color-warning-200: 255, 224, 181;
652
+ --ax-sys-color-warning-300: 255, 210, 152;
653
+ --ax-sys-color-warning-400: 255, 195, 120;
654
+ --ax-sys-color-warning-500: 255, 180, 82;
655
+ --ax-sys-color-warning-600: 255, 165, 33;
656
+ --ax-sys-color-warning-700: 253, 154, 1;
657
+ --ax-sys-color-warning-800: 230, 133, 0;
658
+ --ax-sys-color-warning-900: 203, 114, 0;
659
+ --ax-sys-color-warning-950: 190, 105, 0;
660
+
661
+ --ax-sys-color-danger-50: 255, 240, 242;
662
+ --ax-sys-color-danger-100: 255, 230, 233;
663
+ --ax-sys-color-danger-200: 255, 210, 215;
664
+ --ax-sys-color-danger-300: 255, 189, 196;
665
+ --ax-sys-color-danger-400: 255, 167, 178;
666
+ --ax-sys-color-danger-500: 255, 144, 159;
667
+ --ax-sys-color-danger-600: 255, 117, 140;
668
+ --ax-sys-color-danger-700: 255, 99, 126;
669
+ --ax-sys-color-danger-800: 234, 80, 109;
670
+ --ax-sys-color-danger-900: 213, 59, 92;
671
+ --ax-sys-color-danger-950: 203, 48, 84;
672
+
673
+ --ax-sys-color-surface-50: 237, 237, 237;
674
+ --ax-sys-color-surface-100: 219, 219, 219;
675
+ --ax-sys-color-surface-200: 185, 185, 185;
676
+ --ax-sys-color-surface-300: 151, 151, 151;
677
+ --ax-sys-color-surface-400: 119, 119, 119;
678
+ --ax-sys-color-surface-500: 89, 89, 89;
679
+ --ax-sys-color-surface-600: 60, 60, 60;
680
+ --ax-sys-color-surface-700: 33, 33, 33;
681
+ --ax-sys-color-surface-800: 35, 35, 35;
682
+ --ax-sys-color-surface-900: 37, 37, 37;
683
+ --ax-sys-color-surface-950: 37, 37, 37;
684
+
685
+ --ax-sys-color-accent-50: 210, 255, 255;
686
+ --ax-sys-color-accent-100: 192, 254, 255;
687
+ --ax-sys-color-accent-200: 147, 245, 255;
688
+ --ax-sys-color-accent-300: 97, 236, 255;
689
+ --ax-sys-color-accent-400: 81, 222, 253;
690
+ --ax-sys-color-accent-500: 63, 208, 239;
691
+ --ax-sys-color-accent-600: 42, 195, 225;
692
+ --ax-sys-color-accent-700: 6, 182, 212;
693
+ --ax-sys-color-accent-800: 0, 163, 193;
694
+ --ax-sys-color-accent-900: 0, 145, 174;
695
+ --ax-sys-color-accent-950: 0, 135, 162;
696
+
697
+ --ax-sys-color-accent1-50: 255, 237, 255;
698
+ --ax-sys-color-accent1-100: 255, 225, 255;
699
+ --ax-sys-color-accent1-200: 255, 199, 255;
700
+ --ax-sys-color-accent1-300: 255, 172, 255;
701
+ --ax-sys-color-accent1-400: 252, 142, 255;
702
+ --ax-sys-color-accent1-500: 248, 109, 255;
703
+ --ax-sys-color-accent1-600: 233, 88, 255;
704
+ --ax-sys-color-accent1-700: 217, 70, 239;
705
+ --ax-sys-color-accent1-800: 199, 48, 221;
706
+ --ax-sys-color-accent1-900: 181, 18, 203;
707
+ --ax-sys-color-accent1-950: 173, 0, 194;
708
+
709
+ --ax-sys-color-accent2-50: 255, 242, 228;
710
+ --ax-sys-color-accent2-100: 255, 232, 214;
711
+ --ax-sys-color-accent2-200: 255, 213, 186;
712
+ --ax-sys-color-accent2-300: 255, 194, 157;
713
+ --ax-sys-color-accent2-400: 255, 173, 125;
714
+ --ax-sys-color-accent2-500: 255, 151, 89;
715
+ --ax-sys-color-accent2-600: 255, 129, 45;
716
+ --ax-sys-color-accent2-700: 249, 115, 22;
717
+ --ax-sys-color-accent2-800: 228, 96, 0;
718
+ --ax-sys-color-accent2-900: 208, 77, 0;
719
+ --ax-sys-color-accent2-950: 195, 71, 0;
720
+
721
+ --ax-sys-color-accent3-50: 202, 255, 252;
722
+ --ax-sys-color-accent3-100: 166, 255, 246;
723
+ --ax-sys-color-accent3-200: 118, 254, 234;
724
+ --ax-sys-color-accent3-300: 102, 240, 220;
725
+ --ax-sys-color-accent3-400: 86, 225, 206;
726
+ --ax-sys-color-accent3-500: 69, 212, 193;
727
+ --ax-sys-color-accent3-600: 49, 198, 179;
728
+ --ax-sys-color-accent3-700: 20, 184, 166;
729
+ --ax-sys-color-accent3-800: 0, 166, 148;
730
+ --ax-sys-color-accent3-900: 0, 148, 131;
731
+ --ax-sys-color-accent3-950: 0, 138, 122;
732
+
733
+ --ax-sys-color-accent4-50: 239, 244, 255;
734
+ --ax-sys-color-accent4-100: 226, 233, 255;
735
+ --ax-sys-color-accent4-200: 202, 212, 255;
736
+ --ax-sys-color-accent4-300: 178, 190, 255;
737
+ --ax-sys-color-accent4-400: 156, 168, 255;
738
+ --ax-sys-color-accent4-500: 134, 144, 255;
739
+ --ax-sys-color-accent4-600: 115, 121, 255;
740
+ --ax-sys-color-accent4-700: 99, 102, 241;
741
+ --ax-sys-color-accent4-800: 88, 89, 227;
742
+ --ax-sys-color-accent4-900: 78, 75, 213;
743
+ --ax-sys-color-accent4-950: 73, 69, 206;
744
+
745
+ --ax-sys-color-accent5-50: 255, 237, 248;
746
+ --ax-sys-color-accent5-100: 255, 225, 241;
747
+ --ax-sys-color-accent5-200: 255, 200, 226;
748
+ --ax-sys-color-accent5-300: 255, 174, 211;
749
+ --ax-sys-color-accent5-400: 255, 146, 197;
750
+ --ax-sys-color-accent5-500: 255, 113, 183;
751
+ --ax-sys-color-accent5-600: 254, 89, 168;
752
+ --ax-sys-color-accent5-700: 236, 72, 153;
753
+ --ax-sys-color-accent5-800: 218, 53, 138;
754
+ --ax-sys-color-accent5-900: 200, 30, 122;
755
+ --ax-sys-color-accent5-950: 190, 14, 115;
756
+
757
+ --ax-sys-color-accent6-50: 251, 243, 237;
758
+ --ax-sys-color-accent6-100: 240, 232, 226;
759
+ --ax-sys-color-accent6-200: 219, 211, 206;
760
+ --ax-sys-color-accent6-300: 198, 191, 185;
761
+ --ax-sys-color-accent6-400: 178, 171, 165;
762
+ --ax-sys-color-accent6-500: 158, 151, 146;
763
+ --ax-sys-color-accent6-600: 139, 132, 127;
764
+ --ax-sys-color-accent6-700: 120, 113, 108;
765
+ --ax-sys-color-accent6-800: 109, 103, 98;
766
+ --ax-sys-color-accent6-900: 99, 92, 88;
767
+ --ax-sys-color-accent6-950: 94, 87, 83;
768
+
769
+ --ax-sys-color-primary-lightest-surface: 219, 238, 255;
770
+ --ax-sys-color-on-primary-lightest-surface: 9, 23, 35;
747
771
  --ax-sys-color-border-primary-lightest-surface: 255, 255, 255;
748
772
 
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;
773
+ --ax-sys-color-primary-lighter-surface: 190, 221, 255;
774
+ --ax-sys-color-on-primary-lighter-surface: 0, 22, 47;
775
+ --ax-sys-color-border-primary-lighter-surface: 236, 245, 255;
752
776
 
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;
777
+ --ax-sys-color-primary-light-surface: 161, 203, 255;
778
+ --ax-sys-color-on-primary-light-surface: 0, 20, 59;
779
+ --ax-sys-color-border-primary-light-surface: 207, 228, 255;
756
780
 
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;
781
+ --ax-sys-color-primary-surface: 101, 166, 255;
782
+ --ax-sys-color-on-primary-surface: 0, 6, 82;
783
+ --ax-sys-color-border-primary-surface: 147, 193, 255;
760
784
 
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;
785
+ --ax-sys-color-primary-dark-surface: 67, 146, 255;
786
+ --ax-sys-color-on-primary-dark-surface: 0, 0, 87;
787
+ --ax-sys-color-border-primary-dark-surface: 113, 173, 255;
764
788
 
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;
789
+ --ax-sys-color-primary-darker-surface: 43, 127, 255;
790
+ --ax-sys-color-on-primary-darker-surface: 0, 0, 91;
791
+ --ax-sys-color-border-primary-darker-surface: 89, 155, 255;
768
792
 
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;
793
+ --ax-sys-color-primary-darkest-surface: 25, 112, 239;
794
+ --ax-sys-color-on-primary-darkest-surface: 0, 0, 91;
795
+ --ax-sys-color-border-primary-darkest-surface: 68, 139, 242;
772
796
 
773
- --ax-sys-color-secondary-lightest-surface: 241, 241, 241;
774
- --ax-sys-color-on-secondary-lightest-surface: 22, 22, 22;
797
+ --ax-sys-color-secondary-lightest-surface: 233, 242, 255;
798
+ --ax-sys-color-on-secondary-lightest-surface: 16, 22, 31;
775
799
  --ax-sys-color-border-secondary-lightest-surface: 255, 255, 255;
776
800
 
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;
801
+ --ax-sys-color-secondary-lighter-surface: 219, 228, 243;
802
+ --ax-sys-color-on-secondary-lighter-surface: 16, 22, 32;
803
+ --ax-sys-color-border-secondary-lighter-surface: 253, 254, 254;
780
804
 
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;
805
+ --ax-sys-color-secondary-light-surface: 206, 214, 229;
806
+ --ax-sys-color-on-secondary-light-surface: 17, 22, 32;
807
+ --ax-sys-color-border-secondary-light-surface: 236, 239, 245;
784
808
 
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;
809
+ --ax-sys-color-secondary-surface: 179, 187, 202;
810
+ --ax-sys-color-on-secondary-surface: 17, 22, 33;
811
+ --ax-sys-color-border-secondary-surface: 206, 211, 221;
788
812
 
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;
813
+ --ax-sys-color-secondary-dark-surface: 166, 174, 188;
814
+ --ax-sys-color-on-secondary-dark-surface: 16, 22, 32;
815
+ --ax-sys-color-border-secondary-dark-surface: 192, 198, 208;
792
816
 
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;
817
+ --ax-sys-color-secondary-darker-surface: 153, 161, 175;
818
+ --ax-sys-color-on-secondary-darker-surface: 16, 22, 32;
819
+ --ax-sys-color-border-secondary-darker-surface: 179, 185, 195;
796
820
 
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;
821
+ --ax-sys-color-secondary-darkest-surface: 135, 143, 157;
822
+ --ax-sys-color-on-secondary-darkest-surface: 16, 22, 33;
823
+ --ax-sys-color-border-secondary-darkest-surface: 160, 167, 178;
800
824
 
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;
825
+ --ax-sys-color-success-lightest-surface: 180, 255, 219;
826
+ --ax-sys-color-on-success-lightest-surface: 0, 31, 13;
827
+ --ax-sys-color-border-success-lightest-surface: 226, 255, 241;
804
828
 
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;
829
+ --ax-sys-color-success-lighter-surface: 115, 255, 191;
830
+ --ax-sys-color-on-success-lighter-surface: 0, 31, 11;
831
+ --ax-sys-color-border-success-lighter-surface: 161, 255, 212;
808
832
 
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;
833
+ --ax-sys-color-success-light-surface: 99, 244, 178;
834
+ --ax-sys-color-on-success-light-surface: 0, 31, 10;
835
+ --ax-sys-color-border-success-light-surface: 142, 247, 199;
812
836
 
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;
837
+ --ax-sys-color-success-surface: 64, 216, 151;
838
+ --ax-sys-color-on-success-surface: 0, 31, 10;
839
+ --ax-sys-color-border-success-surface: 102, 224, 172;
816
840
 
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;
841
+ --ax-sys-color-success-dark-surface: 42, 202, 138;
842
+ --ax-sys-color-on-success-dark-surface: 0, 31, 10;
843
+ --ax-sys-color-border-success-dark-surface: 73, 217, 159;
820
844
 
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;
845
+ --ax-sys-color-success-darker-surface: 1, 188, 125;
846
+ --ax-sys-color-on-success-darker-surface: 0, 31, 10;
847
+ --ax-sys-color-border-success-darker-surface: 1, 234, 155;
824
848
 
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;
849
+ --ax-sys-color-success-darkest-surface: 0, 170, 108;
850
+ --ax-sys-color-on-success-darkest-surface: 0, 31, 8;
851
+ --ax-sys-color-border-success-darkest-surface: 0, 216, 137;
828
852
 
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;
853
+ --ax-sys-color-warning-lightest-surface: 255, 238, 208;
854
+ --ax-sys-color-on-warning-lightest-surface: 32, 20, 0;
855
+ --ax-sys-color-border-warning-lightest-surface: 255, 255, 254;
832
856
 
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;
857
+ --ax-sys-color-warning-lighter-surface: 255, 224, 181;
858
+ --ax-sys-color-on-warning-lighter-surface: 37, 16, 0;
859
+ --ax-sys-color-border-warning-lighter-surface: 255, 243, 227;
836
860
 
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;
861
+ --ax-sys-color-warning-light-surface: 255, 210, 152;
862
+ --ax-sys-color-on-warning-light-surface: 38, 16, 0;
863
+ --ax-sys-color-border-warning-light-surface: 255, 230, 198;
840
864
 
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;
865
+ --ax-sys-color-warning-surface: 255, 180, 82;
866
+ --ax-sys-color-on-warning-surface: 39, 15, 0;
867
+ --ax-sys-color-border-warning-surface: 255, 200, 128;
844
868
 
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;
869
+ --ax-sys-color-warning-dark-surface: 255, 165, 33;
870
+ --ax-sys-color-on-warning-dark-surface: 40, 14, 0;
871
+ --ax-sys-color-border-warning-dark-surface: 255, 184, 79;
848
872
 
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;
873
+ --ax-sys-color-warning-darker-surface: 253, 154, 1;
874
+ --ax-sys-color-on-warning-darker-surface: 41, 13, 0;
875
+ --ax-sys-color-border-warning-darker-surface: 254, 172, 46;
852
876
 
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;
877
+ --ax-sys-color-warning-darkest-surface: 230, 133, 0;
878
+ --ax-sys-color-on-warning-darkest-surface: 42, 12, 0;
879
+ --ax-sys-color-border-warning-darkest-surface: 255, 156, 21;
856
880
 
857
- --ax-sys-color-danger-lightest-surface: 255, 237, 236;
858
- --ax-sys-color-on-danger-lightest-surface: 30, 19, 18;
881
+ --ax-sys-color-danger-lightest-surface: 255, 230, 233;
882
+ --ax-sys-color-on-danger-lightest-surface: 33, 17, 19;
859
883
  --ax-sys-color-border-danger-lightest-surface: 255, 255, 255;
860
884
 
861
- --ax-sys-color-danger-lighter-surface: 255, 224, 223;
862
- --ax-sys-color-on-danger-lighter-surface: 36, 15, 15;
885
+ --ax-sys-color-danger-lighter-surface: 255, 210, 215;
886
+ --ax-sys-color-on-danger-lighter-surface: 41, 10, 16;
863
887
  --ax-sys-color-border-danger-lighter-surface: 255, 255, 255;
864
888
 
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;
889
+ --ax-sys-color-danger-light-surface: 255, 189, 196;
890
+ --ax-sys-color-on-danger-light-surface: 48, 1, 13;
891
+ --ax-sys-color-border-danger-light-surface: 255, 235, 237;
868
892
 
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;
893
+ --ax-sys-color-danger-surface: 255, 144, 159;
894
+ --ax-sys-color-on-danger-surface: 54, 0, 9;
895
+ --ax-sys-color-border-danger-surface: 255, 190, 199;
872
896
 
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;
897
+ --ax-sys-color-danger-dark-surface: 255, 117, 140;
898
+ --ax-sys-color-on-danger-dark-surface: 54, 0, 10;
899
+ --ax-sys-color-border-danger-dark-surface: 255, 163, 178;
876
900
 
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;
901
+ --ax-sys-color-danger-darker-surface: 255, 99, 126;
902
+ --ax-sys-color-on-danger-darker-surface: 54, 0, 9;
903
+ --ax-sys-color-border-danger-darker-surface: 255, 145, 164;
880
904
 
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;
905
+ --ax-sys-color-danger-darkest-surface: 234, 80, 109;
906
+ --ax-sys-color-on-danger-darkest-surface: 54, 0, 8;
907
+ --ax-sys-color-border-danger-darkest-surface: 239, 121, 143;
884
908
 
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;
909
+ --ax-sys-color-accent-lightest-surface: 192, 254, 255;
910
+ --ax-sys-color-on-accent-lightest-surface: 0, 29, 30;
911
+ --ax-sys-color-border-accent-lightest-surface: 238, 255, 255;
888
912
 
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;
913
+ --ax-sys-color-accent-lighter-surface: 147, 245, 255;
914
+ --ax-sys-color-on-accent-lighter-surface: 0, 28, 33;
915
+ --ax-sys-color-border-accent-lighter-surface: 193, 249, 255;
892
916
 
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;
917
+ --ax-sys-color-accent-light-surface: 97, 236, 255;
918
+ --ax-sys-color-on-accent-light-surface: 0, 28, 35;
919
+ --ax-sys-color-border-accent-light-surface: 143, 242, 255;
896
920
 
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;
921
+ --ax-sys-color-accent-surface: 63, 208, 239;
922
+ --ax-sys-color-on-accent-surface: 0, 27, 38;
923
+ --ax-sys-color-border-accent-surface: 105, 218, 243;
900
924
 
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;
925
+ --ax-sys-color-accent-dark-surface: 42, 195, 225;
926
+ --ax-sys-color-on-accent-dark-surface: 0, 27, 38;
927
+ --ax-sys-color-border-accent-dark-surface: 82, 206, 231;
904
928
 
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;
929
+ --ax-sys-color-accent-darker-surface: 6, 182, 212;
930
+ --ax-sys-color-on-accent-darker-surface: 0, 27, 38;
931
+ --ax-sys-color-border-accent-darker-surface: 16, 214, 248;
908
932
 
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;
933
+ --ax-sys-color-accent-darkest-surface: 0, 163, 193;
934
+ --ax-sys-color-on-accent-darkest-surface: 0, 27, 38;
935
+ --ax-sys-color-border-accent-darkest-surface: 0, 202, 239;
912
936
 
913
- --ax-sys-color-accent2-lightest-surface: 255, 240, 255;
914
- --ax-sys-color-on-accent2-lightest-surface: 28, 18, 28;
915
- --ax-sys-color-border-accent2-lightest-surface: 255, 255, 255;
916
-
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;
937
+ --ax-sys-color-accent1-lightest-surface: 255, 225, 255;
938
+ --ax-sys-color-on-accent1-lightest-surface: 33, 13, 34;
939
+ --ax-sys-color-border-accent1-lightest-surface: 255, 255, 255;
920
940
 
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;
941
+ --ax-sys-color-accent1-lighter-surface: 255, 199, 255;
942
+ --ax-sys-color-on-accent1-lighter-surface: 42, 0, 44;
943
+ --ax-sys-color-border-accent1-lighter-surface: 255, 245, 255;
924
944
 
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;
945
+ --ax-sys-color-accent1-light-surface: 255, 172, 255;
946
+ --ax-sys-color-on-accent1-light-surface: 45, 0, 48;
947
+ --ax-sys-color-border-accent1-light-surface: 255, 218, 255;
928
948
 
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;
949
+ --ax-sys-color-accent1-surface: 248, 109, 255;
950
+ --ax-sys-color-on-accent1-surface: 45, 0, 49;
951
+ --ax-sys-color-border-accent1-surface: 250, 155, 255;
932
952
 
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;
953
+ --ax-sys-color-accent1-dark-surface: 233, 88, 255;
954
+ --ax-sys-color-on-accent1-dark-surface: 44, 0, 52;
955
+ --ax-sys-color-border-accent1-dark-surface: 239, 134, 255;
936
956
 
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;
957
+ --ax-sys-color-accent1-darker-surface: 217, 70, 239;
958
+ --ax-sys-color-on-accent1-darker-surface: 44, 0, 52;
959
+ --ax-sys-color-border-accent1-darker-surface: 226, 112, 243;
940
960
 
941
- --ax-sys-color-accent3-lightest-surface: 255, 237, 255;
942
- --ax-sys-color-on-accent3-lightest-surface: 29, 17, 29;
943
- --ax-sys-color-border-accent3-lightest-surface: 255, 255, 255;
961
+ --ax-sys-color-accent1-darkest-surface: 199, 48, 221;
962
+ --ax-sys-color-on-accent1-darkest-surface: 44, 0, 52;
963
+ --ax-sys-color-border-accent1-darkest-surface: 210, 87, 227;
944
964
 
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;
965
+ --ax-sys-color-accent2-lightest-surface: 255, 232, 214;
966
+ --ax-sys-color-on-accent2-lightest-surface: 33, 18, 5;
967
+ --ax-sys-color-border-accent2-lightest-surface: 255, 255, 255;
948
968
 
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;
969
+ --ax-sys-color-accent2-lighter-surface: 255, 213, 186;
970
+ --ax-sys-color-on-accent2-lighter-surface: 41, 12, 0;
971
+ --ax-sys-color-border-accent2-lighter-surface: 255, 241, 232;
952
972
 
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;
973
+ --ax-sys-color-accent2-light-surface: 255, 194, 157;
974
+ --ax-sys-color-on-accent2-light-surface: 46, 7, 0;
975
+ --ax-sys-color-border-accent2-light-surface: 255, 223, 203;
956
976
 
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;
977
+ --ax-sys-color-accent2-surface: 255, 151, 89;
978
+ --ax-sys-color-on-accent2-surface: 47, 6, 0;
979
+ --ax-sys-color-border-accent2-surface: 255, 180, 135;
960
980
 
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;
981
+ --ax-sys-color-accent2-dark-surface: 255, 129, 45;
982
+ --ax-sys-color-on-accent2-dark-surface: 47, 5, 0;
983
+ --ax-sys-color-border-accent2-dark-surface: 255, 157, 91;
964
984
 
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;
985
+ --ax-sys-color-accent2-darker-surface: 249, 115, 22;
986
+ --ax-sys-color-on-accent2-darker-surface: 48, 4, 0;
987
+ --ax-sys-color-border-accent2-darker-surface: 250, 142, 67;
968
988
 
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;
989
+ --ax-sys-color-accent2-darkest-surface: 228, 96, 0;
990
+ --ax-sys-color-on-accent2-darkest-surface: 49, 3, 0;
991
+ --ax-sys-color-border-accent2-darkest-surface: 255, 118, 19;
972
992
 
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;
993
+ --ax-sys-color-accent3-lightest-surface: 166, 255, 246;
994
+ --ax-sys-color-on-accent3-lightest-surface: 0, 29, 26;
995
+ --ax-sys-color-border-accent3-lightest-surface: 212, 255, 251;
976
996
 
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;
997
+ --ax-sys-color-accent3-lighter-surface: 118, 254, 234;
998
+ --ax-sys-color-on-accent3-lighter-surface: 0, 30, 24;
999
+ --ax-sys-color-border-accent3-lighter-surface: 164, 254, 241;
980
1000
 
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;
1001
+ --ax-sys-color-accent3-light-surface: 102, 240, 220;
1002
+ --ax-sys-color-on-accent3-light-surface: 0, 30, 24;
1003
+ --ax-sys-color-border-accent3-light-surface: 144, 244, 230;
984
1004
 
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;
1005
+ --ax-sys-color-accent3-surface: 69, 212, 193;
1006
+ --ax-sys-color-on-accent3-surface: 0, 30, 24;
1007
+ --ax-sys-color-border-accent3-surface: 106, 221, 205;
988
1008
 
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;
1009
+ --ax-sys-color-accent3-dark-surface: 49, 198, 179;
1010
+ --ax-sys-color-on-accent3-dark-surface: 0, 30, 24;
1011
+ --ax-sys-color-border-accent3-dark-surface: 81, 212, 195;
992
1012
 
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;
1013
+ --ax-sys-color-accent3-darker-surface: 20, 184, 166;
1014
+ --ax-sys-color-on-accent3-darker-surface: 0, 30, 24;
1015
+ --ax-sys-color-border-accent3-darker-surface: 25, 225, 203;
996
1016
 
997
- --ax-sys-color-accent5-lightest-surface: 255, 237, 240;
998
- --ax-sys-color-on-accent5-lightest-surface: 30, 18, 21;
999
- --ax-sys-color-border-accent5-lightest-surface: 255, 255, 255;
1017
+ --ax-sys-color-accent3-darkest-surface: 0, 166, 148;
1018
+ --ax-sys-color-on-accent3-darkest-surface: 0, 30, 24;
1019
+ --ax-sys-color-border-accent3-darkest-surface: 0, 212, 189;
1000
1020
 
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;
1021
+ --ax-sys-color-accent4-lightest-surface: 226, 233, 255;
1022
+ --ax-sys-color-on-accent4-lightest-surface: 17, 21, 36;
1023
+ --ax-sys-color-border-accent4-lightest-surface: 255, 255, 255;
1004
1024
 
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;
1025
+ --ax-sys-color-accent4-lighter-surface: 202, 212, 255;
1026
+ --ax-sys-color-on-accent4-lighter-surface: 15, 18, 49;
1027
+ --ax-sys-color-border-accent4-lighter-surface: 248, 249, 255;
1008
1028
 
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;
1029
+ --ax-sys-color-accent4-light-surface: 178, 190, 255;
1030
+ --ax-sys-color-on-accent4-light-surface: 14, 12, 63;
1031
+ --ax-sys-color-border-accent4-light-surface: 224, 229, 255;
1012
1032
 
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;
1033
+ --ax-sys-color-accent4-surface: 134, 144, 255;
1034
+ --ax-sys-color-on-accent4-surface: 18, 0, 85;
1035
+ --ax-sys-color-border-accent4-surface: 180, 186, 255;
1016
1036
 
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;
1037
+ --ax-sys-color-accent4-dark-surface: 115, 121, 255;
1038
+ --ax-sys-color-on-accent4-dark-surface: 18, 0, 85;
1039
+ --ax-sys-color-border-accent4-dark-surface: 161, 165, 255;
1020
1040
 
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;
1041
+ --ax-sys-color-accent4-darker-surface: 99, 102, 241;
1042
+ --ax-sys-color-on-accent4-darker-surface: 18, 0, 85;
1043
+ --ax-sys-color-border-accent4-darker-surface: 141, 143, 245;
1024
1044
 
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;
1045
+ --ax-sys-color-accent4-darkest-surface: 88, 89, 227;
1046
+ --ax-sys-color-on-accent4-darkest-surface: 18, 0, 86;
1047
+ --ax-sys-color-border-accent4-darkest-surface: 127, 128, 234;
1028
1048
 
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;
1049
+ --ax-sys-color-accent5-lightest-surface: 255, 225, 241;
1050
+ --ax-sys-color-on-accent5-lightest-surface: 34, 14, 26;
1051
+ --ax-sys-color-border-accent5-lightest-surface: 255, 255, 255;
1032
1052
 
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;
1053
+ --ax-sys-color-accent5-lighter-surface: 255, 200, 226;
1054
+ --ax-sys-color-on-accent5-lighter-surface: 43, 5, 27;
1055
+ --ax-sys-color-border-accent5-lighter-surface: 255, 246, 250;
1036
1056
 
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;
1057
+ --ax-sys-color-accent5-light-surface: 255, 174, 211;
1058
+ --ax-sys-color-on-accent5-light-surface: 51, 0, 28;
1059
+ --ax-sys-color-border-accent5-light-surface: 255, 220, 236;
1040
1060
 
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;
1061
+ --ax-sys-color-accent5-surface: 255, 113, 183;
1062
+ --ax-sys-color-on-accent5-surface: 52, 0, 27;
1063
+ --ax-sys-color-border-accent5-surface: 255, 159, 206;
1044
1064
 
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;
1065
+ --ax-sys-color-accent5-dark-surface: 254, 89, 168;
1066
+ --ax-sys-color-on-accent5-dark-surface: 52, 0, 25;
1067
+ --ax-sys-color-border-accent5-dark-surface: 254, 135, 192;
1048
1068
 
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;
1069
+ --ax-sys-color-accent5-darker-surface: 236, 72, 153;
1070
+ --ax-sys-color-on-accent5-darker-surface: 52, 0, 25;
1071
+ --ax-sys-color-border-accent5-darker-surface: 240, 114, 176;
1052
1072
 
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;
1073
+ --ax-sys-color-accent5-darkest-surface: 218, 53, 138;
1074
+ --ax-sys-color-on-accent5-darkest-surface: 52, 0, 25;
1075
+ --ax-sys-color-border-accent5-darkest-surface: 225, 92, 160;
1056
1076
 
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;
1077
+ --ax-sys-color-accent6-lightest-surface: 240, 232, 226;
1078
+ --ax-sys-color-on-accent6-lightest-surface: 26, 21, 17;
1079
+ --ax-sys-color-border-accent6-lightest-surface: 255, 255, 255;
1060
1080
 
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;
1081
+ --ax-sys-color-accent6-lighter-surface: 219, 211, 206;
1082
+ --ax-sys-color-on-accent6-lighter-surface: 26, 21, 17;
1083
+ --ax-sys-color-border-accent6-lighter-surface: 238, 235, 232;
1064
1084
 
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;
1085
+ --ax-sys-color-accent6-light-surface: 198, 191, 185;
1086
+ --ax-sys-color-on-accent6-light-surface: 26, 21, 17;
1087
+ --ax-sys-color-border-accent6-light-surface: 219, 214, 210;
1068
1088
 
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;
1089
+ --ax-sys-color-accent6-surface: 158, 151, 146;
1090
+ --ax-sys-color-on-accent6-surface: 26, 21, 17;
1091
+ --ax-sys-color-border-accent6-surface: 180, 174, 170;
1072
1092
 
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;
1093
+ --ax-sys-color-accent6-dark-surface: 139, 132, 127;
1094
+ --ax-sys-color-on-accent6-dark-surface: 255, 252, 246;
1095
+ --ax-sys-color-border-accent6-dark-surface: 161, 155, 151;
1076
1096
 
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;
1097
+ --ax-sys-color-accent6-darker-surface: 120, 113, 108;
1098
+ --ax-sys-color-on-accent6-darker-surface: 255, 252, 246;
1099
+ --ax-sys-color-border-accent6-darker-surface: 143, 136, 131;
1080
1100
 
1101
+ --ax-sys-color-accent6-darkest-surface: 109, 103, 98;
1102
+ --ax-sys-color-on-accent6-darkest-surface: 255, 252, 246;
1103
+ --ax-sys-color-border-accent6-darkest-surface: 133, 126, 120;
1081
1104
  }
1082
1105
 
1083
1106
  @theme {
1084
1107
  --color-bg-default: rgba(var(--ax-sys-color-bg-default));
1085
1108
  --color-text-default: rgba(var(--ax-sys-color-text-default));
1086
1109
  --color-border-default: rgba(var(--ax-sys-color-border-default));
1087
- --color-border: rgba(var(--ax-sys-color-border-default));
1088
1110
  --radius-default: var(--ax-sys-border-radius);
1089
1111
  --breakpoint-3xl: 1920px;
1090
1112
  --breakpoint-4xl: 2560px;
1091
-
1113
+ /* Surface Surfaces */
1114
+ --color-surface: rgba(var(--ax-sys-color-surface));
1115
+ --color-surface-50: rgba(var(--ax-sys-color-surface-50));
1116
+ --color-surface-100: rgba(var(--ax-sys-color-surface-100));
1117
+ --color-surface-200: rgba(var(--ax-sys-color-surface-200));
1118
+ --color-surface-300: rgba(var(--ax-sys-color-surface-300));
1119
+ --color-surface-400: rgba(var(--ax-sys-color-surface-400));
1120
+ --color-surface-500: rgba(var(--ax-sys-color-surface-500));
1121
+ --color-surface-600: rgba(var(--ax-sys-color-surface-600));
1122
+ --color-surface-700: rgba(var(--ax-sys-color-surface-700));
1123
+ --color-surface-800: rgba(var(--ax-sys-color-surface-800));
1124
+ --color-surface-900: rgba(var(--ax-sys-color-surface-900));
1125
+ --color-surface-950: rgba(var(--ax-sys-color-surface-950));
1126
+
1092
1127
  --color-lightest: rgba(var(--ax-sys-color-lightest-surface));
1093
1128
  --color-on-lightest: rgba(var(--ax-sys-color-on-lightest-surface));
1094
1129
  --color-border-lightest: rgba(var(--ax-sys-color-border-lightest-surface));
@@ -1111,6 +1146,7 @@ html.dark {
1111
1146
  --color-on-darkest: rgba(var(--ax-sys-color-on-darkest-surface));
1112
1147
  --color-border-darkest: rgba(var(--ax-sys-color-border-darkest-surface));
1113
1148
  /* Primary Surfaces */
1149
+ --color-primary: rgba(var(--ax-sys-color-primary-surface));
1114
1150
  --color-primary-50: rgba(var(--ax-sys-color-primary-50));
1115
1151
  --color-primary-100: rgba(var(--ax-sys-color-primary-100));
1116
1152
  --color-primary-200: rgba(var(--ax-sys-color-primary-200));
@@ -1144,7 +1180,9 @@ html.dark {
1144
1180
  --color-primary-darkest: rgba(var(--ax-sys-color-primary-darkest-surface));
1145
1181
  --color-on-primary-darkest: rgba(var(--ax-sys-color-on-primary-darkest-surface));
1146
1182
  --color-border-primary-darkest: rgba(var(--ax-sys-color-border-primary-darkest-surface));
1183
+
1147
1184
  /* Secondary Surfaces */
1185
+ --color-secondary: rgba(var(--ax-sys-color-secondary-surface));
1148
1186
  --color-secondary-50: rgba(var(--ax-sys-color-secondary-50));
1149
1187
  --color-secondary-100: rgba(var(--ax-sys-color-secondary-100));
1150
1188
  --color-secondary-200: rgba(var(--ax-sys-color-secondary-200));
@@ -1178,7 +1216,9 @@ html.dark {
1178
1216
  --color-secondary-darkest: rgba(var(--ax-sys-color-secondary-darkest-surface));
1179
1217
  --color-on-secondary-darkest: rgba(var(--ax-sys-color-on-secondary-darkest-surface));
1180
1218
  --color-border-secondary-darkest: rgba(var(--ax-sys-color-border-secondary-darkest-surface));
1219
+
1181
1220
  /* Success Surfaces */
1221
+ --color-success: rgba(var(--ax-sys-color-success-surface));
1182
1222
  --color-success-50: rgba(var(--ax-sys-color-success-50));
1183
1223
  --color-success-100: rgba(var(--ax-sys-color-success-100));
1184
1224
  --color-success-200: rgba(var(--ax-sys-color-success-200));
@@ -1212,7 +1252,9 @@ html.dark {
1212
1252
  --color-success-darkest: rgba(var(--ax-sys-color-success-darkest-surface));
1213
1253
  --color-on-success-darkest: rgba(var(--ax-sys-color-on-success-darkest-surface));
1214
1254
  --color-border-success-darkest: rgba(var(--ax-sys-color-border-success-darkest-surface));
1255
+
1215
1256
  /* Warning Surfaces */
1257
+ --color-warning: rgba(var(--ax-sys-color-warning-surface));
1216
1258
  --color-warning-50: rgba(var(--ax-sys-color-warning-50));
1217
1259
  --color-warning-100: rgba(var(--ax-sys-color-warning-100));
1218
1260
  --color-warning-200: rgba(var(--ax-sys-color-warning-200));
@@ -1246,7 +1288,9 @@ html.dark {
1246
1288
  --color-warning-darkest: rgba(var(--ax-sys-color-warning-darkest-surface));
1247
1289
  --color-on-warning-darkest: rgba(var(--ax-sys-color-on-warning-darkest-surface));
1248
1290
  --color-border-warning-darkest: rgba(var(--ax-sys-color-border-warning-darkest-surface));
1291
+
1249
1292
  /* Danger Surfaces */
1293
+ --color-danger: rgba(var(--ax-sys-color-danger-surface));
1250
1294
  --color-danger-50: rgba(var(--ax-sys-color-danger-50));
1251
1295
  --color-danger-100: rgba(var(--ax-sys-color-danger-100));
1252
1296
  --color-danger-200: rgba(var(--ax-sys-color-danger-200));
@@ -1280,7 +1324,9 @@ html.dark {
1280
1324
  --color-danger-darkest: rgba(var(--ax-sys-color-danger-darkest-surface));
1281
1325
  --color-on-danger-darkest: rgba(var(--ax-sys-color-on-danger-darkest-surface));
1282
1326
  --color-border-danger-darkest: rgba(var(--ax-sys-color-border-danger-darkest-surface));
1327
+
1283
1328
  /* Accent Surfaces */
1329
+ --color-accent: rgba(var(--ax-sys-color-accent-surface));
1284
1330
  --color-accent-50: rgba(var(--ax-sys-color-accent-50));
1285
1331
  --color-accent-100: rgba(var(--ax-sys-color-accent-100));
1286
1332
  --color-accent-200: rgba(var(--ax-sys-color-accent-200));
@@ -1314,7 +1360,45 @@ html.dark {
1314
1360
  --color-accent-darkest: rgba(var(--ax-sys-color-accent-darkest-surface));
1315
1361
  --color-on-accent-darkest: rgba(var(--ax-sys-color-on-accent-darkest-surface));
1316
1362
  --color-border-accent-darkest: rgba(var(--ax-sys-color-border-accent-darkest-surface));
1317
- /* Accent2 Surfaces */
1363
+
1364
+ /* Accent 1 Surfaces */
1365
+ --color-accent1: rgba(var(--ax-sys-color-accent1-surface));
1366
+ --color-accent1-50: rgba(var(--ax-sys-color-accent1-50));
1367
+ --color-accent1-100: rgba(var(--ax-sys-color-accent1-100));
1368
+ --color-accent1-200: rgba(var(--ax-sys-color-accent1-200));
1369
+ --color-accent1-300: rgba(var(--ax-sys-color-accent1-300));
1370
+ --color-accent1-400: rgba(var(--ax-sys-color-accent1-400));
1371
+ --color-accent1-500: rgba(var(--ax-sys-color-accent1-500));
1372
+ --color-accent1-600: rgba(var(--ax-sys-color-accent1-600));
1373
+ --color-accent1-700: rgba(var(--ax-sys-color-accent1-700));
1374
+ --color-accent1-800: rgba(var(--ax-sys-color-accent1-800));
1375
+ --color-accent1-900: rgba(var(--ax-sys-color-accent1-900));
1376
+ --color-accent1-950: rgba(var(--ax-sys-color-accent1-950));
1377
+
1378
+ --color-accent1-lightest: rgba(var(--ax-sys-color-accent1-lightest-surface));
1379
+ --color-on-accent1-lightest: rgba(var(--ax-sys-color-on-accent1-lightest-surface));
1380
+ --color-border-accent1-lightest: rgba(var(--ax-sys-color-border-accent1-lightest-surface));
1381
+ --color-accent1-lighter: rgba(var(--ax-sys-color-accent1-lighter-surface));
1382
+ --color-on-accent1-lighter: rgba(var(--ax-sys-color-on-accent1-lighter-surface));
1383
+ --color-border-accent1-lighter: rgba(var(--ax-sys-color-border-accent1-lighter-surface));
1384
+ --color-accent1-light: rgba(var(--ax-sys-color-accent1-light-surface));
1385
+ --color-on-accent1-light: rgba(var(--ax-sys-color-on-accent1-light-surface));
1386
+ --color-border-accent1-light: rgba(var(--ax-sys-color-border-accent1-light-surface));
1387
+ --color-accent1: rgba(var(--ax-sys-color-accent1-surface));
1388
+ --color-on-accent1: rgba(var(--ax-sys-color-on-accent1-surface));
1389
+ --color-border-accent1: rgba(var(--ax-sys-color-border-accent1-surface));
1390
+ --color-accent1-dark: rgba(var(--ax-sys-color-accent1-dark-surface));
1391
+ --color-on-accent1-dark: rgba(var(--ax-sys-color-on-accent1-dark-surface));
1392
+ --color-border-accent1-dark: rgba(var(--ax-sys-color-border-accent1-dark-surface));
1393
+ --color-accent1-darker: rgba(var(--ax-sys-color-accent1-darker-surface));
1394
+ --color-on-accent1-darker: rgba(var(--ax-sys-color-on-accent1-darker-surface));
1395
+ --color-border-accent1-darker: rgba(var(--ax-sys-color-border-accent1-darker-surface));
1396
+ --color-accent1-darkest: rgba(var(--ax-sys-color-accent1-darkest-surface));
1397
+ --color-on-accent1-darkest: rgba(var(--ax-sys-color-on-accent1-darkest-surface));
1398
+ --color-border-accent1-darkest: rgba(var(--ax-sys-color-border-accent1-darkest-surface));
1399
+
1400
+ /* Accent 2 Surfaces */
1401
+ --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
1318
1402
  --color-accent2-50: rgba(var(--ax-sys-color-accent2-50));
1319
1403
  --color-accent2-100: rgba(var(--ax-sys-color-accent2-100));
1320
1404
  --color-accent2-200: rgba(var(--ax-sys-color-accent2-200));
@@ -1348,7 +1432,9 @@ html.dark {
1348
1432
  --color-accent2-darkest: rgba(var(--ax-sys-color-accent2-darkest-surface));
1349
1433
  --color-on-accent2-darkest: rgba(var(--ax-sys-color-on-accent2-darkest-surface));
1350
1434
  --color-border-accent2-darkest: rgba(var(--ax-sys-color-border-accent2-darkest-surface));
1351
- /* Accent3 Surfaces */
1435
+
1436
+ /* Accent 3 Surfaces */
1437
+ --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
1352
1438
  --color-accent3-50: rgba(var(--ax-sys-color-accent3-50));
1353
1439
  --color-accent3-100: rgba(var(--ax-sys-color-accent3-100));
1354
1440
  --color-accent3-200: rgba(var(--ax-sys-color-accent3-200));
@@ -1382,7 +1468,9 @@ html.dark {
1382
1468
  --color-accent3-darkest: rgba(var(--ax-sys-color-accent3-darkest-surface));
1383
1469
  --color-on-accent3-darkest: rgba(var(--ax-sys-color-on-accent3-darkest-surface));
1384
1470
  --color-border-accent3-darkest: rgba(var(--ax-sys-color-border-accent3-darkest-surface));
1385
- /* Accent4 Surfaces */
1471
+
1472
+ /* Accent 4 Surfaces */
1473
+ --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
1386
1474
  --color-accent4-50: rgba(var(--ax-sys-color-accent4-50));
1387
1475
  --color-accent4-100: rgba(var(--ax-sys-color-accent4-100));
1388
1476
  --color-accent4-200: rgba(var(--ax-sys-color-accent4-200));
@@ -1416,7 +1504,9 @@ html.dark {
1416
1504
  --color-accent4-darkest: rgba(var(--ax-sys-color-accent4-darkest-surface));
1417
1505
  --color-on-accent4-darkest: rgba(var(--ax-sys-color-on-accent4-darkest-surface));
1418
1506
  --color-border-accent4-darkest: rgba(var(--ax-sys-color-border-accent4-darkest-surface));
1419
- /* Accent5 Surfaces */
1507
+
1508
+ /* Accent 5 Surfaces */
1509
+ --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
1420
1510
  --color-accent5-50: rgba(var(--ax-sys-color-accent5-50));
1421
1511
  --color-accent5-100: rgba(var(--ax-sys-color-accent5-100));
1422
1512
  --color-accent5-200: rgba(var(--ax-sys-color-accent5-200));
@@ -1450,7 +1540,9 @@ html.dark {
1450
1540
  --color-accent5-darkest: rgba(var(--ax-sys-color-accent5-darkest-surface));
1451
1541
  --color-on-accent5-darkest: rgba(var(--ax-sys-color-on-accent5-darkest-surface));
1452
1542
  --color-border-accent5-darkest: rgba(var(--ax-sys-color-border-accent5-darkest-surface));
1453
- /* Accent6 Surfaces */
1543
+
1544
+ /* Accent 6 Surfaces */
1545
+ --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
1454
1546
  --color-accent6-50: rgba(var(--ax-sys-color-accent6-50));
1455
1547
  --color-accent6-100: rgba(var(--ax-sys-color-accent6-100));
1456
1548
  --color-accent6-200: rgba(var(--ax-sys-color-accent6-200));
@@ -1484,110 +1576,48 @@ html.dark {
1484
1576
  --color-accent6-darkest: rgba(var(--ax-sys-color-accent6-darkest-surface));
1485
1577
  --color-on-accent6-darkest: rgba(var(--ax-sys-color-on-accent6-darkest-surface));
1486
1578
  --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));
1499
-
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));
1521
- }
1522
-
1523
- @utility lightest-surface {
1524
- background-color: var(--color-lightest);
1525
- color: var(--color-on-lightest);
1526
- border-color: var(--color-border-lightest);
1527
- }
1528
-
1529
- @utility lighter-surface {
1530
- background-color: var(--color-lighter);
1531
- color: var(--color-on-lighter);
1532
- border-color: var(--color-border-lighter);
1533
1579
  }
1534
1580
 
1535
- @utility light-surface {
1536
- background-color: var(--color-light);
1537
- color: var(--color-on-light);
1538
- border-color: var(--color-border-light);
1539
- }
1540
-
1541
- @utility surface {
1542
- background-color: var(--color-surface);
1543
- color: var(--color-on-surface);
1544
- border-color: var(--color-border-surface);
1545
- }
1546
-
1547
- @utility dark-surface {
1548
- background-color: var(--color-dark);
1549
- color: var(--color-on-dark);
1550
- border-color: var(--color-border-dark);
1581
+ @utility bg-default {
1582
+ background-color: var(--color-bg-default);
1551
1583
  }
1552
1584
 
1553
- @utility darker-surface {
1554
- background-color: var(--color-darker);
1555
- color: var(--color-on-darker);
1556
- border-color: var(--color-border-darker);
1585
+ @utility text-default {
1586
+ color: var(--color-text-default);
1557
1587
  }
1558
1588
 
1559
- @utility darkest-surface {
1560
- background-color: var(--color-darkest);
1561
- color: var(--color-on-darkest);
1562
- border-color: var(--color-border-darkest);
1589
+ @utility border-default {
1590
+ border-color: var(--color-border-default);
1563
1591
  }
1564
1592
 
1565
- @utility border-lightest-surface {
1566
- border-color: var(--color-border-lightest);
1593
+ @utility text {
1594
+ color: var(--color-text-default);
1567
1595
  }
1568
1596
 
1569
- @utility border-lighter-surface {
1570
- border-color: var(--color-border-lighter);
1597
+ @utility border-s-default {
1598
+ border-inline-start-width: 1px;
1571
1599
  }
1572
1600
 
1573
- @utility border-light-surface {
1574
- border-color: var(--color-border-light);
1601
+ @utility border-e-default {
1602
+ border-inline-end-width: 1px;
1575
1603
  }
1576
1604
 
1577
- @utility border-surface {
1578
- border-color: var(--color-border-surface);
1605
+ @utility border-t-default {
1606
+ border-top-width: 1px;
1579
1607
  }
1580
1608
 
1581
- @utility border-dark-surface {
1582
- border-color: var(--color-border-dark);
1609
+ @utility border-b-default {
1610
+ border-bottom-width: 1px;
1583
1611
  }
1584
1612
 
1585
- @utility border-darker-surface {
1586
- border-color: var(--color-border-darker);
1613
+ @utility border-x-default {
1614
+ border-left-width: 1px;
1615
+ border-right-width: 1px;
1587
1616
  }
1588
1617
 
1589
- @utility border-darkest-surface {
1590
- border-color: var(--color-border-darkest);
1618
+ @utility border-y-default {
1619
+ border-top-width: 1px;
1620
+ border-bottom-width: 1px;
1591
1621
  }
1592
1622
 
1593
1623
  /* Primary Surfaces */
@@ -1634,34 +1664,6 @@ html.dark {
1634
1664
  border-color: var(--color-border-primary-darkest);
1635
1665
  }
1636
1666
 
1637
- @utility border-primary-lightest-surface {
1638
- border-color: var(--color-border-primary-lightest);
1639
- }
1640
-
1641
- @utility border-primary-lighter-surface {
1642
- border-color: var(--color-border-primary-lighter);
1643
- }
1644
-
1645
- @utility border-primary-light-surface {
1646
- border-color: var(--color-border-primary-light);
1647
- }
1648
-
1649
- @utility border-primary-surface {
1650
- border-color: var(--color-border-primary);
1651
- }
1652
-
1653
- @utility border-primary-dark-surface {
1654
- border-color: var(--color-border-primary-dark);
1655
- }
1656
-
1657
- @utility border-primary-darker-surface {
1658
- border-color: var(--color-border-primary-darker);
1659
- }
1660
-
1661
- @utility border-primary-darkest-surface {
1662
- border-color: var(--color-border-primary-darkest);
1663
- }
1664
-
1665
1667
  @utility ax-primary {
1666
1668
  --ax-comp-bg-lightest: var(--color-primary-lightest);
1667
1669
  --ax-comp-text-lightest: var(--color-on-primary-lightest);
@@ -1730,34 +1732,6 @@ html.dark {
1730
1732
  border-color: var(--color-border-secondary-darkest);
1731
1733
  }
1732
1734
 
1733
- @utility border-secondary-lightest-surface {
1734
- border-color: var(--color-border-secondary-lightest);
1735
- }
1736
-
1737
- @utility border-secondary-lighter-surface {
1738
- border-color: var(--color-border-secondary-lighter);
1739
- }
1740
-
1741
- @utility border-secondary-light-surface {
1742
- border-color: var(--color-border-secondary-light);
1743
- }
1744
-
1745
- @utility border-secondary-surface {
1746
- border-color: var(--color-border-secondary);
1747
- }
1748
-
1749
- @utility border-secondary-dark-surface {
1750
- border-color: var(--color-border-secondary-dark);
1751
- }
1752
-
1753
- @utility border-secondary-darker-surface {
1754
- border-color: var(--color-border-secondary-darker);
1755
- }
1756
-
1757
- @utility border-secondary-darkest-surface {
1758
- border-color: var(--color-border-secondary-darkest);
1759
- }
1760
-
1761
1735
  @utility ax-secondary {
1762
1736
  --ax-comp-bg-lightest: var(--color-secondary-lightest);
1763
1737
  --ax-comp-text-lightest: var(--color-on-secondary-lightest);
@@ -1821,37 +1795,9 @@ html.dark {
1821
1795
  }
1822
1796
 
1823
1797
  @utility success-darkest-surface {
1824
- background-color: var(--color-success-darkest);
1825
- color: var(--color-on-success-darkest);
1826
- border-color: var(--color-border-success-darkest);
1827
- }
1828
-
1829
- @utility border-success-lightest-surface {
1830
- border-color: var(--color-border-success-lightest);
1831
- }
1832
-
1833
- @utility border-success-lighter-surface {
1834
- border-color: var(--color-border-success-lighter);
1835
- }
1836
-
1837
- @utility border-success-light-surface {
1838
- border-color: var(--color-border-success-light);
1839
- }
1840
-
1841
- @utility border-success-surface {
1842
- border-color: var(--color-border-success);
1843
- }
1844
-
1845
- @utility border-success-dark-surface {
1846
- border-color: var(--color-border-success-dark);
1847
- }
1848
-
1849
- @utility border-success-darker-surface {
1850
- border-color: var(--color-border-success-darker);
1851
- }
1852
-
1853
- @utility border-success-darkest-surface {
1854
- border-color: var(--color-border-success-darkest);
1798
+ background-color: var(--color-success-darkest-surface);
1799
+ color: var(--color-on-success-darkest-surface);
1800
+ border-color: var(--color-border-success-darkest-surface);
1855
1801
  }
1856
1802
 
1857
1803
  @utility ax-success {
@@ -1922,34 +1868,6 @@ html.dark {
1922
1868
  border-color: var(--color-border-warning-darkest);
1923
1869
  }
1924
1870
 
1925
- @utility border-warning-lightest-surface {
1926
- border-color: var(--color-border-warning-lightest);
1927
- }
1928
-
1929
- @utility border-warning-lighter-surface {
1930
- border-color: var(--color-border-warning-lighter);
1931
- }
1932
-
1933
- @utility border-warning-light-surface {
1934
- border-color: var(--color-border-warning-light);
1935
- }
1936
-
1937
- @utility border-warning-surface {
1938
- border-color: var(--color-border-warning);
1939
- }
1940
-
1941
- @utility border-warning-dark-surface {
1942
- border-color: var(--color-border-warning-dark);
1943
- }
1944
-
1945
- @utility border-warning-darker-surface {
1946
- border-color: var(--color-border-warning-darker);
1947
- }
1948
-
1949
- @utility border-warning-darkest-surface {
1950
- border-color: var(--color-border-warning-darkest);
1951
- }
1952
-
1953
1871
  @utility ax-warning {
1954
1872
  --ax-comp-bg-lightest: var(--color-warning-lightest);
1955
1873
  --ax-comp-text-lightest: var(--color-on-warning-lightest);
@@ -2018,34 +1936,6 @@ html.dark {
2018
1936
  border-color: var(--color-border-danger-darkest);
2019
1937
  }
2020
1938
 
2021
- @utility border-danger-lightest-surface {
2022
- border-color: var(--color-border-danger-lightest);
2023
- }
2024
-
2025
- @utility border-danger-lighter-surface {
2026
- border-color: var(--color-border-danger-lighter);
2027
- }
2028
-
2029
- @utility border-danger-light-surface {
2030
- border-color: var(--color-border-danger-light);
2031
- }
2032
-
2033
- @utility border-danger-surface {
2034
- border-color: var(--color-border-danger);
2035
- }
2036
-
2037
- @utility border-danger-dark-surface {
2038
- border-color: var(--color-border-danger-dark);
2039
- }
2040
-
2041
- @utility border-danger-darker-surface {
2042
- border-color: var(--color-border-danger-darker);
2043
- }
2044
-
2045
- @utility border-danger-darkest-surface {
2046
- border-color: var(--color-border-danger-darkest);
2047
- }
2048
-
2049
1939
  @utility ax-danger {
2050
1940
  --ax-comp-bg-lightest: var(--color-danger-lightest);
2051
1941
  --ax-comp-text-lightest: var(--color-on-danger-lightest);
@@ -2070,6 +1960,74 @@ html.dark {
2070
1960
  --ax-comp-border-darkest: var(--color-border-danger-darkest);
2071
1961
  }
2072
1962
 
1963
+ /* Surface Surfaces */
1964
+
1965
+ @utility lightest-surface {
1966
+ background-color: var(--color-lightest);
1967
+ color: var(--color-on-lightest);
1968
+ border-color: var(--color-border-lightest);
1969
+ }
1970
+
1971
+ @utility lighter-surface {
1972
+ background-color: var(--color-lighter);
1973
+ color: var(--color-on-lighter);
1974
+ border-color: var(--color-border-lighter);
1975
+ }
1976
+
1977
+ @utility light-surface {
1978
+ background-color: var(--color-light);
1979
+ color: var(--color-on-light);
1980
+ border-color: var(--color-border-light);
1981
+ }
1982
+
1983
+ @utility surface {
1984
+ background-color: var(--color-surface);
1985
+ color: var(--color-on-surface);
1986
+ border-color: var(--color-border-surface);
1987
+ }
1988
+
1989
+ @utility dark-surface {
1990
+ background-color: var(--color-dark);
1991
+ color: var(--color-on-dark);
1992
+ border-color: var(--color-border-dark);
1993
+ }
1994
+
1995
+ @utility darker-surface {
1996
+ background-color: var(--color-darker);
1997
+ color: var(--color-on-darker);
1998
+ border-color: var(--color-border-darker);
1999
+ }
2000
+
2001
+ @utility darkest-surface {
2002
+ background-color: var(--color-darkest);
2003
+ color: var(--color-on-darkest);
2004
+ border-color: var(--color-border-darkest);
2005
+ }
2006
+
2007
+ @utility ax-surface {
2008
+ --ax-comp-bg-lightest: var(--color-lightest);
2009
+ --ax-comp-text-lightest: var(--color-on-lightest);
2010
+ --ax-comp-border-lightest: var(--color-border-lightest);
2011
+ --ax-comp-bg-lighter: var(--color-lighter);
2012
+ --ax-comp-text-lighter: var(--color-on-lighter);
2013
+ --ax-comp-border-lighter: var(--color-border-lighter);
2014
+ --ax-comp-bg-light: var(--color-light);
2015
+ --ax-comp-text-light: var(--color-on-light);
2016
+ --ax-comp-border-light: var(--color-border-light);
2017
+ --ax-comp-bg: var(--color-surface);
2018
+ --ax-comp-text: var(--color-on-surface);
2019
+ --ax-comp-border: var(--color-border-surface);
2020
+ --ax-comp-bg-dark: var(--color-dark);
2021
+ --ax-comp-text-dark: var(--color-on-dark);
2022
+ --ax-comp-border-dark: var(--color-border-dark);
2023
+ --ax-comp-bg-darker: var(--color-darker);
2024
+ --ax-comp-text-darker: var(--color-on-darker);
2025
+ --ax-comp-border-darker: var(--color-border-darker);
2026
+ --ax-comp-bg-darkest: var(--color-darkest);
2027
+ --ax-comp-text-darkest: var(--color-on-darkest);
2028
+ --ax-comp-border-darkest: var(--color-border-darkest);
2029
+ }
2030
+
2073
2031
  /* Accent Surfaces */
2074
2032
 
2075
2033
  @utility accent-lightest-surface {
@@ -2114,34 +2072,6 @@ html.dark {
2114
2072
  border-color: var(--color-border-accent-darkest);
2115
2073
  }
2116
2074
 
2117
- @utility border-accent-lightest-surface {
2118
- border-color: var(--color-border-accent-lightest);
2119
- }
2120
-
2121
- @utility border-accent-lighter-surface {
2122
- border-color: var(--color-border-accent-lighter);
2123
- }
2124
-
2125
- @utility border-accent-light-surface {
2126
- border-color: var(--color-border-accent-light);
2127
- }
2128
-
2129
- @utility border-accent-surface {
2130
- border-color: var(--color-border-accent);
2131
- }
2132
-
2133
- @utility border-accent-dark-surface {
2134
- border-color: var(--color-border-accent-dark);
2135
- }
2136
-
2137
- @utility border-accent-darker-surface {
2138
- border-color: var(--color-border-accent-darker);
2139
- }
2140
-
2141
- @utility border-accent-darkest-surface {
2142
- border-color: var(--color-border-accent-darkest);
2143
- }
2144
-
2145
2075
  @utility ax-accent {
2146
2076
  --ax-comp-bg-lightest: var(--color-accent-lightest);
2147
2077
  --ax-comp-text-lightest: var(--color-on-accent-lightest);
@@ -2166,7 +2096,75 @@ html.dark {
2166
2096
  --ax-comp-border-darkest: var(--color-border-accent-darkest);
2167
2097
  }
2168
2098
 
2169
- /* Accent2 Surfaces */
2099
+ /* Accent 1 Surfaces */
2100
+
2101
+ @utility accent1-lightest-surface {
2102
+ background-color: var(--color-accent1-lightest);
2103
+ color: var(--color-on-accent1-lightest);
2104
+ border-color: var(--color-border-accent1-lightest);
2105
+ }
2106
+
2107
+ @utility accent1-lighter-surface {
2108
+ background-color: var(--color-accent1-lighter);
2109
+ color: var(--color-on-accent1-lighter);
2110
+ border-color: var(--color-border-accent1-lighter);
2111
+ }
2112
+
2113
+ @utility accent1-light-surface {
2114
+ background-color: var(--color-accent1-light);
2115
+ color: var(--color-on-accent1-light);
2116
+ border-color: var(--color-border-accent1-light);
2117
+ }
2118
+
2119
+ @utility accent1-surface {
2120
+ background-color: var(--color-accent1);
2121
+ color: var(--color-on-accent1);
2122
+ border-color: var(--color-border-accent1);
2123
+ }
2124
+
2125
+ @utility accent1-dark-surface {
2126
+ background-color: var(--color-accent1-dark);
2127
+ color: var(--color-on-accent1-dark);
2128
+ border-color: var(--color-border-accent1-dark);
2129
+ }
2130
+
2131
+ @utility accent1-darker-surface {
2132
+ background-color: var(--color-accent1-darker);
2133
+ color: var(--color-on-accent1-darker);
2134
+ border-color: var(--color-border-accent1-darker);
2135
+ }
2136
+
2137
+ @utility accent1-darkest-surface {
2138
+ background-color: var(--color-accent1-darkest);
2139
+ color: var(--color-on-accent1-darkest);
2140
+ border-color: var(--color-border-accent1-darkest);
2141
+ }
2142
+
2143
+ @utility ax-accent1 {
2144
+ --ax-comp-bg-lightest: var(--color-accent1-lightest);
2145
+ --ax-comp-text-lightest: var(--color-on-accent1-lightest);
2146
+ --ax-comp-border-lightest: var(--color-border-accent1-lightest);
2147
+ --ax-comp-bg-lighter: var(--color-accent1-lighter);
2148
+ --ax-comp-text-lighter: var(--color-on-accent1-lighter);
2149
+ --ax-comp-border-lighter: var(--color-border-accent1-lighter);
2150
+ --ax-comp-bg-light: var(--color-accent1-light);
2151
+ --ax-comp-text-light: var(--color-on-accent1-light);
2152
+ --ax-comp-border-light: var(--color-border-accent1-light);
2153
+ --ax-comp-bg: var(--color-accent1);
2154
+ --ax-comp-text: var(--color-on-accent1);
2155
+ --ax-comp-border: var(--color-border-accent1);
2156
+ --ax-comp-bg-dark: var(--color-accent1-dark);
2157
+ --ax-comp-text-dark: var(--color-on-accent1-dark);
2158
+ --ax-comp-border-dark: var(--color-border-accent1-dark);
2159
+ --ax-comp-bg-darker: var(--color-accent1-darker);
2160
+ --ax-comp-text-darker: var(--color-on-accent1-darker);
2161
+ --ax-comp-border-darker: var(--color-border-accent1-darker);
2162
+ --ax-comp-bg-darkest: var(--color-accent1-darkest);
2163
+ --ax-comp-text-darkest: var(--color-on-accent1-darkest);
2164
+ --ax-comp-border-darkest: var(--color-border-accent1-darkest);
2165
+ }
2166
+
2167
+ /* Accent 2 Surfaces */
2170
2168
 
2171
2169
  @utility accent2-lightest-surface {
2172
2170
  background-color: var(--color-accent2-lightest);
@@ -2210,34 +2208,6 @@ html.dark {
2210
2208
  border-color: var(--color-border-accent2-darkest);
2211
2209
  }
2212
2210
 
2213
- @utility border-accent2-lightest-surface {
2214
- border-color: var(--color-border-accent2-lightest);
2215
- }
2216
-
2217
- @utility border-accent2-lighter-surface {
2218
- border-color: var(--color-border-accent2-lighter);
2219
- }
2220
-
2221
- @utility border-accent2-light-surface {
2222
- border-color: var(--color-border-accent2-light);
2223
- }
2224
-
2225
- @utility border-accent2-surface {
2226
- border-color: var(--color-border-accent2);
2227
- }
2228
-
2229
- @utility border-accent2-dark-surface {
2230
- border-color: var(--color-border-accent2-dark);
2231
- }
2232
-
2233
- @utility border-accent2-darker-surface {
2234
- border-color: var(--color-border-accent2-darker);
2235
- }
2236
-
2237
- @utility border-accent2-darkest-surface {
2238
- border-color: var(--color-border-accent2-darkest);
2239
- }
2240
-
2241
2211
  @utility ax-accent2 {
2242
2212
  --ax-comp-bg-lightest: var(--color-accent2-lightest);
2243
2213
  --ax-comp-text-lightest: var(--color-on-accent2-lightest);
@@ -2262,7 +2232,7 @@ html.dark {
2262
2232
  --ax-comp-border-darkest: var(--color-border-accent2-darkest);
2263
2233
  }
2264
2234
 
2265
- /* Accent3 Surfaces */
2235
+ /* Accent 3 Surfaces */
2266
2236
 
2267
2237
  @utility accent3-lightest-surface {
2268
2238
  background-color: var(--color-accent3-lightest);
@@ -2306,34 +2276,6 @@ html.dark {
2306
2276
  border-color: var(--color-border-accent3-darkest);
2307
2277
  }
2308
2278
 
2309
- @utility border-accent3-lightest-surface {
2310
- border-color: var(--color-border-accent3-lightest);
2311
- }
2312
-
2313
- @utility border-accent3-lighter-surface {
2314
- border-color: var(--color-border-accent3-lighter);
2315
- }
2316
-
2317
- @utility border-accent3-light-surface {
2318
- border-color: var(--color-border-accent3-light);
2319
- }
2320
-
2321
- @utility border-accent3-surface {
2322
- border-color: var(--color-border-accent3);
2323
- }
2324
-
2325
- @utility border-accent3-dark-surface {
2326
- border-color: var(--color-border-accent3-dark);
2327
- }
2328
-
2329
- @utility border-accent3-darker-surface {
2330
- border-color: var(--color-border-accent3-darker);
2331
- }
2332
-
2333
- @utility border-accent3-darkest-surface {
2334
- border-color: var(--color-border-accent3-darkest);
2335
- }
2336
-
2337
2279
  @utility ax-accent3 {
2338
2280
  --ax-comp-bg-lightest: var(--color-accent3-lightest);
2339
2281
  --ax-comp-text-lightest: var(--color-on-accent3-lightest);
@@ -2358,7 +2300,7 @@ html.dark {
2358
2300
  --ax-comp-border-darkest: var(--color-border-accent3-darkest);
2359
2301
  }
2360
2302
 
2361
- /* Accent4 Surfaces */
2303
+ /* Accent 4 Surfaces */
2362
2304
 
2363
2305
  @utility accent4-lightest-surface {
2364
2306
  background-color: var(--color-accent4-lightest);
@@ -2402,34 +2344,6 @@ html.dark {
2402
2344
  border-color: var(--color-border-accent4-darkest);
2403
2345
  }
2404
2346
 
2405
- @utility border-accent4-lightest-surface {
2406
- border-color: var(--color-border-accent4-lightest);
2407
- }
2408
-
2409
- @utility border-accent4-lighter-surface {
2410
- border-color: var(--color-border-accent4-lighter);
2411
- }
2412
-
2413
- @utility border-accent4-light-surface {
2414
- border-color: var(--color-border-accent4-light);
2415
- }
2416
-
2417
- @utility border-accent4-surface {
2418
- border-color: var(--color-border-accent4);
2419
- }
2420
-
2421
- @utility border-accent4-dark-surface {
2422
- border-color: var(--color-border-accent4-dark);
2423
- }
2424
-
2425
- @utility border-accent4-darker-surface {
2426
- border-color: var(--color-border-accent4-darker);
2427
- }
2428
-
2429
- @utility border-accent4-darkest-surface {
2430
- border-color: var(--color-border-accent4-darkest);
2431
- }
2432
-
2433
2347
  @utility ax-accent4 {
2434
2348
  --ax-comp-bg-lightest: var(--color-accent4-lightest);
2435
2349
  --ax-comp-text-lightest: var(--color-on-accent4-lightest);
@@ -2454,7 +2368,7 @@ html.dark {
2454
2368
  --ax-comp-border-darkest: var(--color-border-accent4-darkest);
2455
2369
  }
2456
2370
 
2457
- /* Accent5 Surfaces */
2371
+ /* Accent 5 Surfaces */
2458
2372
 
2459
2373
  @utility accent5-lightest-surface {
2460
2374
  background-color: var(--color-accent5-lightest);
@@ -2498,34 +2412,6 @@ html.dark {
2498
2412
  border-color: var(--color-border-accent5-darkest);
2499
2413
  }
2500
2414
 
2501
- @utility border-accent5-lightest-surface {
2502
- border-color: var(--color-border-accent5-lightest);
2503
- }
2504
-
2505
- @utility border-accent5-lighter-surface {
2506
- border-color: var(--color-border-accent5-lighter);
2507
- }
2508
-
2509
- @utility border-accent5-light-surface {
2510
- border-color: var(--color-border-accent5-light);
2511
- }
2512
-
2513
- @utility border-accent5-surface {
2514
- border-color: var(--color-border-accent5);
2515
- }
2516
-
2517
- @utility border-accent5-dark-surface {
2518
- border-color: var(--color-border-accent5-dark);
2519
- }
2520
-
2521
- @utility border-accent5-darker-surface {
2522
- border-color: var(--color-border-accent5-darker);
2523
- }
2524
-
2525
- @utility border-accent5-darkest-surface {
2526
- border-color: var(--color-border-accent5-darkest);
2527
- }
2528
-
2529
2415
  @utility ax-accent5 {
2530
2416
  --ax-comp-bg-lightest: var(--color-accent5-lightest);
2531
2417
  --ax-comp-text-lightest: var(--color-on-accent5-lightest);
@@ -2550,7 +2436,7 @@ html.dark {
2550
2436
  --ax-comp-border-darkest: var(--color-border-accent5-darkest);
2551
2437
  }
2552
2438
 
2553
- /* Accent6 Surfaces */
2439
+ /* Accent 6 Surfaces */
2554
2440
 
2555
2441
  @utility accent6-lightest-surface {
2556
2442
  background-color: var(--color-accent6-lightest);
@@ -2594,34 +2480,6 @@ html.dark {
2594
2480
  border-color: var(--color-border-accent6-darkest);
2595
2481
  }
2596
2482
 
2597
- @utility border-accent6-lightest-surface {
2598
- border-color: var(--color-border-accent6-lightest);
2599
- }
2600
-
2601
- @utility border-accent6-lighter-surface {
2602
- border-color: var(--color-border-accent6-lighter);
2603
- }
2604
-
2605
- @utility border-accent6-light-surface {
2606
- border-color: var(--color-border-accent6-light);
2607
- }
2608
-
2609
- @utility border-accent6-surface {
2610
- border-color: var(--color-border-accent6);
2611
- }
2612
-
2613
- @utility border-accent6-dark-surface {
2614
- border-color: var(--color-border-accent6-dark);
2615
- }
2616
-
2617
- @utility border-accent6-darker-surface {
2618
- border-color: var(--color-border-accent6-darker);
2619
- }
2620
-
2621
- @utility border-accent6-darkest-surface {
2622
- border-color: var(--color-border-accent6-darkest);
2623
- }
2624
-
2625
2483
  @utility ax-accent6 {
2626
2484
  --ax-comp-bg-lightest: var(--color-accent6-lightest);
2627
2485
  --ax-comp-text-lightest: var(--color-on-accent6-lightest);
@@ -2646,196 +2504,10 @@ html.dark {
2646
2504
  --ax-comp-border-darkest: var(--color-border-accent6-darkest);
2647
2505
  }
2648
2506
 
2649
- /* Accent7 Surfaces */
2650
-
2651
- @utility accent7-lightest-surface {
2652
- background-color: var(--color-accent7-lightest);
2653
- color: var(--color-on-accent7-lightest);
2654
- border-color: var(--color-border-accent7-lightest);
2655
- }
2656
-
2657
- @utility accent7-lighter-surface {
2658
- background-color: var(--color-accent7-lighter);
2659
- color: var(--color-on-accent7-lighter);
2660
- border-color: var(--color-border-accent7-lighter);
2661
- }
2662
-
2663
- @utility accent7-light-surface {
2664
- background-color: var(--color-accent7-light);
2665
- color: var(--color-on-accent7-light);
2666
- border-color: var(--color-border-accent7-light);
2667
- }
2668
-
2669
- @utility accent7-surface {
2670
- background-color: var(--color-accent7);
2671
- color: var(--color-on-accent7);
2672
- border-color: var(--color-border-accent7);
2673
- }
2674
-
2675
- @utility accent7-dark-surface {
2676
- background-color: var(--color-accent7-dark);
2677
- color: var(--color-on-accent7-dark);
2678
- border-color: var(--color-border-accent7-dark);
2679
- }
2680
-
2681
- @utility accent7-darker-surface {
2682
- background-color: var(--color-accent7-darker);
2683
- color: var(--color-on-accent7-darker);
2684
- border-color: var(--color-border-accent7-darker);
2685
- }
2686
-
2687
- @utility accent7-darkest-surface {
2688
- background-color: var(--color-accent7-darkest);
2689
- color: var(--color-on-accent7-darkest);
2690
- border-color: var(--color-border-accent7-darkest);
2691
- }
2692
-
2693
- @utility border-accent7-lightest-surface {
2694
- border-color: var(--color-border-accent7-lightest);
2695
- }
2696
-
2697
- @utility border-accent7-lighter-surface {
2698
- border-color: var(--color-border-accent7-lighter);
2699
- }
2700
-
2701
- @utility border-accent7-light-surface {
2702
- border-color: var(--color-border-accent7-light);
2703
- }
2704
-
2705
- @utility border-accent7-surface {
2706
- border-color: var(--color-border-accent7);
2707
- }
2708
-
2709
- @utility border-accent7-dark-surface {
2710
- border-color: var(--color-border-accent7-dark);
2711
- }
2712
-
2713
- @utility border-accent7-darker-surface {
2714
- border-color: var(--color-border-accent7-darker);
2715
- }
2716
-
2717
- @utility border-accent7-darkest-surface {
2718
- border-color: var(--color-border-accent7-darkest);
2719
- }
2720
-
2721
- @utility ax-accent7 {
2722
- --ax-comp-bg-lightest: var(--color-accent7-lightest);
2723
- --ax-comp-text-lightest: var(--color-on-accent7-lightest);
2724
- --ax-comp-border-lightest: var(--color-border-accent7-lightest);
2725
- --ax-comp-bg-lighter: var(--color-accent7-lighter);
2726
- --ax-comp-text-lighter: var(--color-on-accent7-lighter);
2727
- --ax-comp-border-lighter: var(--color-border-accent7-lighter);
2728
- --ax-comp-bg-light: var(--color-accent7-light);
2729
- --ax-comp-text-light: var(--color-on-accent7-light);
2730
- --ax-comp-border-light: var(--color-border-accent7-light);
2731
- --ax-comp-bg: var(--color-accent7);
2732
- --ax-comp-text: var(--color-on-accent7);
2733
- --ax-comp-border: var(--color-border-accent7);
2734
- --ax-comp-bg-dark: var(--color-accent7-dark);
2735
- --ax-comp-text-dark: var(--color-on-accent7-dark);
2736
- --ax-comp-border-dark: var(--color-border-accent7-dark);
2737
- --ax-comp-bg-darker: var(--color-accent7-darker);
2738
- --ax-comp-text-darker: var(--color-on-accent7-darker);
2739
- --ax-comp-border-darker: var(--color-border-accent7-darker);
2740
- --ax-comp-bg-darkest: var(--color-accent7-darkest);
2741
- --ax-comp-text-darkest: var(--color-on-accent7-darkest);
2742
- --ax-comp-border-darkest: var(--color-border-accent7-darkest);
2743
- }
2744
-
2745
- @utility bg-default {
2746
- background-color: var(--color-bg-default);
2747
- }
2748
-
2749
- @utility text-default {
2750
- color: var(--color-text-default);
2751
- }
2752
-
2753
- @utility text {
2754
- color: var(--color-text-default);
2755
- }
2756
-
2757
- @utility border-default {
2758
- border-color: var(--color-border-default);
2759
- }
2760
-
2761
- @utility border-s-default {
2762
- border-inline-start-width: 1px;
2763
- }
2764
-
2765
- @utility border-e-default {
2766
- border-inline-end-width: 1px;
2767
- }
2768
-
2769
- @utility border-t-default {
2770
- border-top-width: 1px;
2771
- }
2772
-
2773
- @utility border-b-default {
2774
- border-bottom-width: 1px;
2775
- }
2776
-
2777
- @utility border-x-default {
2778
- border-left-width: 1px;
2779
- border-right-width: 1px;
2780
- }
2781
-
2782
- @utility border-y-default {
2783
- border-top-width: 1px;
2784
- border-bottom-width: 1px;
2785
- }
2786
-
2787
- @utility text-default {
2788
- color: var(--color-text-default);
2789
- }
2790
-
2791
- @utility bg-default {
2792
- background-color: var(--color-bg-default);
2793
- }
2794
-
2795
2507
  @utility max-w-8xl {
2796
2508
  max-width: 90rem;
2797
2509
  }
2798
2510
 
2799
- @utility rounded-default {
2800
- border-radius: var(--radius-default);
2801
- }
2802
-
2803
- @utility rounded-s-default {
2804
- border-start-start-radius: var(--radius-default);
2805
- border-end-start-radius: var(--radius-default);
2806
- }
2807
-
2808
- @utility rounded-e-default {
2809
- border-start-end-radius: var(--radius-default);
2810
- border-end-end-radius: var(--radius-default);
2811
- }
2812
-
2813
- @utility rounded-t-default {
2814
- border-top-left-radius: var(--radius-default);
2815
- border-top-right-radius: var(--radius-default);
2816
- }
2817
-
2818
- @utility rounded-b-default {
2819
- border-bottom-left-radius: var(--radius-default);
2820
- border-bottom-right-radius: var(--radius-default);
2821
- }
2822
-
2823
- @utility rounded-tl-default {
2824
- border-top-left-radius: var(--radius-default);
2825
- }
2826
-
2827
- @utility rounded-tr-default {
2828
- border-top-right-radius: var(--radius-default);
2829
- }
2830
-
2831
- @utility rounded-bl-default {
2832
- border-bottom-left-radius: var(--radius-default);
2833
- }
2834
-
2835
- @utility rounded-br-default {
2836
- border-bottom-right-radius: var(--radius-default);
2837
- }
2838
-
2839
2511
  @utility ax-state-disabled {
2840
2512
  @apply cursor-not-allowed opacity-50 *:cursor-not-allowed;
2841
2513
  }
@@ -3003,48 +2675,48 @@ html.dark {
3003
2675
  font-size: 2.5rem;
3004
2676
  font-weight: 500;
3005
2677
  line-height: 2.5rem;
3006
- }
2678
+ }
3007
2679
  @utility h2 {
3008
2680
  font-size: 2rem;
3009
2681
  font-weight: 500;
3010
2682
  line-height: 2rem;
3011
- }
2683
+ }
3012
2684
  @utility h3 {
3013
2685
  font-size: 1.75rem;
3014
2686
  font-weight: 500;
3015
2687
  line-height: 1.75rem;
3016
- }
2688
+ }
3017
2689
  @utility h4 {
3018
2690
  font-size: 1.5rem;
3019
2691
  font-weight: 500;
3020
2692
  line-height: 1.5rem;
3021
- }
2693
+ }
3022
2694
  @utility h5 {
3023
2695
  font-size: 1.125rem;
3024
2696
  font-weight: 500;
3025
2697
  line-height: 1.125rem;
3026
- }
2698
+ }
3027
2699
  @utility h6 {
3028
2700
  font-size: 1rem;
3029
2701
  font-weight: 500;
3030
2702
  line-height: 1rem;
3031
- }
2703
+ }
3032
2704
  @utility heading {
3033
2705
  width: 100%;
3034
2706
  border-bottom: 1px solid;
3035
2707
  border-color: rgba(var(--ax-sys-color-border-lightest-surface));
3036
2708
  line-height: 0.1em;
3037
2709
  margin: 1rem auto;
3038
- }
2710
+ }
3039
2711
  @utility heading-start {
3040
2712
  text-align: start;
3041
- }
2713
+ }
3042
2714
  @utility heading-center {
3043
2715
  text-align: center;
3044
- }
2716
+ }
3045
2717
  @utility heading-end {
3046
2718
  text-align: end;
3047
- }
2719
+ }
3048
2720
  @utility subtitle {
3049
2721
  opacity: 74%;
3050
2722
  display: block;