@acorex/styles 21.0.1-next.65 → 21.0.1-next.67

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 (2) hide show
  1. package/package.json +1 -1
  2. package/themes/default.css +498 -498
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "21.0.1-next.65",
3
+ "version": "21.0.1-next.67",
4
4
  "main": "index.css",
5
5
  "author": "Ali Safari",
6
6
  "license": "ISC",
package/themes/default.css CHANGED
@@ -165,77 +165,77 @@ html.dark {
165
165
  --ax-sys-color-accent-900: 43, 85, 98;
166
166
  --ax-sys-color-accent-950: 22, 38, 44;
167
167
 
168
- --ax-sys-color-accent2-50: 255, 236, 255;
169
- --ax-sys-color-accent2-100: 255, 218, 255;
170
- --ax-sys-color-accent2-200: 255, 192, 255;
171
- --ax-sys-color-accent2-300: 253, 149, 255;
172
- --ax-sys-color-accent2-400: 238, 92, 255;
173
- --ax-sys-color-accent2-500: 217, 70, 239;
174
- --ax-sys-color-accent2-600: 195, 42, 216;
175
- --ax-sys-color-accent2-700: 167, 0, 189;
176
- --ax-sys-color-accent2-800: 138, 24, 155;
177
- --ax-sys-color-accent2-900: 107, 45, 118;
178
- --ax-sys-color-accent2-950: 52, 26, 56;
179
-
180
- --ax-sys-color-accent3-50: 255, 240, 226;
181
- --ax-sys-color-accent3-100: 255, 228, 207;
182
- --ax-sys-color-accent3-200: 255, 209, 179;
183
- --ax-sys-color-accent3-300: 255, 178, 132;
184
- --ax-sys-color-accent3-400: 255, 134, 54;
185
- --ax-sys-color-accent3-500: 249, 115, 22;
186
- --ax-sys-color-accent3-600: 223, 91, 0;
187
- --ax-sys-color-accent3-700: 187, 68, 0;
188
- --ax-sys-color-accent3-800: 151, 58, 18;
189
- --ax-sys-color-accent3-900: 115, 57, 37;
190
- --ax-sys-color-accent3-950: 52, 26, 19;
191
-
192
- --ax-sys-color-accent4-50: 198, 255, 251;
193
- --ax-sys-color-accent4-100: 143, 255, 244;
194
- --ax-sys-color-accent4-200: 114, 250, 231;
195
- --ax-sys-color-accent4-300: 90, 229, 209;
196
- --ax-sys-color-accent4-400: 54, 201, 183;
197
- --ax-sys-color-accent4-500: 20, 184, 166;
198
- --ax-sys-color-accent4-600: 0, 161, 144;
199
- --ax-sys-color-accent4-700: 0, 132, 117;
200
- --ax-sys-color-accent4-800: 23, 108, 95;
201
- --ax-sys-color-accent4-900: 43, 87, 79;
202
- --ax-sys-color-accent4-950: 23, 40, 36;
203
-
204
- --ax-sys-color-accent5-50: 237, 242, 255;
205
- --ax-sys-color-accent5-100: 220, 228, 255;
206
- --ax-sys-color-accent5-200: 196, 207, 255;
207
- --ax-sys-color-accent5-300: 161, 173, 255;
208
- --ax-sys-color-accent5-400: 119, 126, 255;
209
- --ax-sys-color-accent5-500: 99, 102, 241;
210
- --ax-sys-color-accent5-600: 86, 85, 223;
211
- --ax-sys-color-accent5-700: 71, 64, 201;
212
- --ax-sys-color-accent5-800: 59, 52, 175;
213
- --ax-sys-color-accent5-900: 52, 53, 137;
214
- --ax-sys-color-accent5-950: 31, 35, 83;
215
-
216
- --ax-sys-color-accent6-50: 255, 235, 248;
217
- --ax-sys-color-accent6-100: 255, 219, 237;
218
- --ax-sys-color-accent6-200: 255, 194, 222;
219
- --ax-sys-color-accent6-300: 255, 152, 200;
220
- --ax-sys-color-accent6-400: 255, 94, 172;
221
- --ax-sys-color-accent6-500: 236, 72, 153;
222
- --ax-sys-color-accent6-600: 213, 48, 134;
223
- --ax-sys-color-accent6-700: 185, 0, 111;
224
- --ax-sys-color-accent6-800: 156, 23, 92;
225
- --ax-sys-color-accent6-900: 119, 43, 77;
226
- --ax-sys-color-accent6-950: 59, 26, 39;
227
-
228
- --ax-sys-color-accent7-50: 250, 241, 236;
229
- --ax-sys-color-accent7-100: 235, 227, 221;
230
- --ax-sys-color-accent7-200: 214, 206, 201;
231
- --ax-sys-color-accent7-300: 183, 175, 170;
232
- --ax-sys-color-accent7-400: 144, 137, 132;
233
- --ax-sys-color-accent7-500: 120, 113, 108;
234
- --ax-sys-color-accent7-600: 107, 100, 95;
235
- --ax-sys-color-accent7-700: 91, 84, 80;
236
- --ax-sys-color-accent7-800: 78, 72, 68;
237
- --ax-sys-color-accent7-900: 67, 63, 60;
238
- --ax-sys-color-accent7-950: 41, 38, 36;
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
239
 
240
240
  --ax-sys-color-primary-lightest-surface: 211, 234, 255;
241
241
  --ax-sys-color-on-primary-lightest-surface: 29, 48, 64;
@@ -405,173 +405,173 @@ html.dark {
405
405
  --ax-sys-color-on-accent-darkest-surface: 229, 255, 255;
406
406
  --ax-sys-color-border-accent-darkest-surface: 17, 80, 96;
407
407
 
408
- --ax-sys-color-accent2-lightest-surface: 255, 218, 255;
409
- --ax-sys-color-on-accent2-lightest-surface: 62, 34, 63;
410
- --ax-sys-color-border-accent2-lightest-surface: 255, 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;
411
411
 
412
- --ax-sys-color-accent2-lighter-surface: 255, 192, 255;
413
- --ax-sys-color-on-accent2-lighter-surface: 72, 19, 74;
414
- --ax-sys-color-border-accent2-lighter-surface: 255, 156, 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;
415
415
 
416
- --ax-sys-color-accent2-light-surface: 253, 149, 255;
417
- --ax-sys-color-on-accent2-light-surface: 82, 0, 87;
418
- --ax-sys-color-border-accent2-light-surface: 252, 113, 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;
419
419
 
420
- --ax-sys-color-accent2-surface: 217, 70, 239;
421
- --ax-sys-color-on-accent2-surface: 255, 247, 255;
422
- --ax-sys-color-border-accent2-surface: 210, 37, 236;
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;
423
423
 
424
- --ax-sys-color-accent2-dark-surface: 195, 42, 216;
425
- --ax-sys-color-on-accent2-dark-surface: 255, 247, 255;
426
- --ax-sys-color-border-accent2-dark-surface: 169, 34, 188;
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;
427
427
 
428
- --ax-sys-color-accent2-darker-surface: 167, 0, 189;
429
- --ax-sys-color-on-accent2-darker-surface: 255, 247, 255;
430
- --ax-sys-color-border-accent2-darker-surface: 135, 0, 153;
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;
431
431
 
432
- --ax-sys-color-accent2-darkest-surface: 138, 24, 155;
433
- --ax-sys-color-on-accent2-darkest-surface: 255, 247, 255;
434
- --ax-sys-color-border-accent2-darkest-surface: 110, 19, 124;
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;
435
435
 
436
- --ax-sys-color-accent3-lightest-surface: 255, 228, 207;
437
- --ax-sys-color-on-accent3-lightest-surface: 61, 41, 24;
438
- --ax-sys-color-border-accent3-lightest-surface: 255, 208, 171;
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;
439
439
 
440
- --ax-sys-color-accent3-lighter-surface: 255, 209, 179;
441
- --ax-sys-color-on-accent3-lighter-surface: 70, 35, 8;
442
- --ax-sys-color-border-accent3-lighter-surface: 255, 187, 143;
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;
443
443
 
444
- --ax-sys-color-accent3-light-surface: 255, 178, 132;
445
- --ax-sys-color-on-accent3-light-surface: 83, 24, 0;
446
- --ax-sys-color-border-accent3-light-surface: 255, 156, 96;
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;
447
447
 
448
- --ax-sys-color-accent3-surface: 249, 115, 22;
449
- --ax-sys-color-on-accent3-surface: 255, 249, 238;
450
- --ax-sys-color-border-accent3-surface: 229, 97, 6;
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;
451
451
 
452
- --ax-sys-color-accent3-dark-surface: 223, 91, 0;
453
- --ax-sys-color-on-accent3-dark-surface: 255, 248, 239;
454
- --ax-sys-color-border-accent3-dark-surface: 187, 76, 0;
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;
455
455
 
456
- --ax-sys-color-accent3-darker-surface: 187, 68, 0;
457
- --ax-sys-color-on-accent3-darker-surface: 255, 248, 240;
458
- --ax-sys-color-border-accent3-darker-surface: 151, 55, 0;
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;
459
459
 
460
- --ax-sys-color-accent3-darkest-surface: 151, 58, 18;
461
- --ax-sys-color-on-accent3-darkest-surface: 255, 248, 241;
462
- --ax-sys-color-border-accent3-darkest-surface: 119, 46, 14;
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;
463
463
 
464
- --ax-sys-color-accent4-lightest-surface: 143, 255, 244;
465
- --ax-sys-color-on-accent4-lightest-surface: 0, 57, 52;
466
- --ax-sys-color-border-accent4-lightest-surface: 107, 255, 240;
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;
467
467
 
468
- --ax-sys-color-accent4-lighter-surface: 114, 250, 231;
469
- --ax-sys-color-on-accent4-lighter-surface: 0, 57, 49;
470
- --ax-sys-color-border-accent4-lighter-surface: 80, 249, 225;
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;
471
471
 
472
- --ax-sys-color-accent4-light-surface: 90, 229, 209;
473
- --ax-sys-color-on-accent4-light-surface: 0, 57, 49;
474
- --ax-sys-color-border-accent4-light-surface: 59, 224, 200;
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;
475
475
 
476
- --ax-sys-color-accent4-surface: 20, 184, 166;
477
- --ax-sys-color-on-accent4-surface: 226, 255, 255;
478
- --ax-sys-color-border-accent4-surface: 17, 152, 137;
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;
479
479
 
480
- --ax-sys-color-accent4-dark-surface: 0, 161, 144;
481
- --ax-sys-color-on-accent4-dark-surface: 226, 255, 255;
482
- --ax-sys-color-border-accent4-dark-surface: 0, 125, 112;
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;
483
483
 
484
- --ax-sys-color-accent4-darker-surface: 0, 132, 117;
485
- --ax-sys-color-on-accent4-darker-surface: 226, 255, 255;
486
- --ax-sys-color-border-accent4-darker-surface: 0, 96, 85;
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;
487
487
 
488
- --ax-sys-color-accent4-darkest-surface: 23, 108, 95;
489
- --ax-sys-color-on-accent4-darkest-surface: 227, 255, 254;
490
- --ax-sys-color-border-accent4-darkest-surface: 17, 79, 69;
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;
491
491
 
492
- --ax-sys-color-accent5-lightest-surface: 220, 228, 255;
493
- --ax-sys-color-on-accent5-lightest-surface: 39, 45, 65;
494
- --ax-sys-color-border-accent5-lightest-surface: 184, 200, 255;
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;
495
495
 
496
- --ax-sys-color-accent5-lighter-surface: 196, 207, 255;
497
- --ax-sys-color-on-accent5-lighter-surface: 36, 42, 79;
498
- --ax-sys-color-border-accent5-lighter-surface: 160, 178, 255;
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;
499
499
 
500
- --ax-sys-color-accent5-light-surface: 161, 173, 255;
501
- --ax-sys-color-on-accent5-light-surface: 34, 34, 103;
502
- --ax-sys-color-border-accent5-light-surface: 125, 142, 255;
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;
503
503
 
504
- --ax-sys-color-accent5-surface: 99, 102, 241;
505
- --ax-sys-color-on-accent5-surface: 249, 252, 255;
506
- --ax-sys-color-border-accent5-surface: 66, 70, 238;
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;
507
507
 
508
- --ax-sys-color-accent5-dark-surface: 86, 85, 223;
509
- --ax-sys-color-on-accent5-dark-surface: 249, 252, 255;
510
- --ax-sys-color-border-accent5-dark-surface: 56, 55, 217;
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;
511
511
 
512
- --ax-sys-color-accent5-darker-surface: 71, 64, 201;
513
- --ax-sys-color-on-accent5-darker-surface: 249, 252, 255;
514
- --ax-sys-color-border-accent5-darker-surface: 57, 51, 179;
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;
515
515
 
516
- --ax-sys-color-accent5-darkest-surface: 59, 52, 175;
517
- --ax-sys-color-on-accent5-darkest-surface: 249, 252, 255;
518
- --ax-sys-color-border-accent5-darkest-surface: 50, 44, 147;
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;
519
519
 
520
- --ax-sys-color-accent6-lightest-surface: 255, 219, 237;
521
- --ax-sys-color-on-accent6-lightest-surface: 63, 36, 50;
522
- --ax-sys-color-border-accent6-lightest-surface: 255, 183, 219;
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;
523
523
 
524
- --ax-sys-color-accent6-lighter-surface: 255, 194, 222;
525
- --ax-sys-color-on-accent6-lighter-surface: 73, 27, 51;
526
- --ax-sys-color-border-accent6-lighter-surface: 255, 158, 203;
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;
527
527
 
528
- --ax-sys-color-accent6-light-surface: 255, 152, 200;
529
- --ax-sys-color-on-accent6-light-surface: 90, 0, 54;
530
- --ax-sys-color-border-accent6-light-surface: 255, 116, 181;
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;
531
531
 
532
- --ax-sys-color-accent6-surface: 236, 72, 153;
533
- --ax-sys-color-on-accent6-surface: 255, 246, 255;
534
- --ax-sys-color-border-accent6-surface: 233, 40, 135;
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;
535
535
 
536
- --ax-sys-color-accent6-dark-surface: 213, 48, 134;
537
- --ax-sys-color-on-accent6-dark-surface: 255, 246, 255;
538
- --ax-sys-color-border-accent6-dark-surface: 187, 38, 116;
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;
539
539
 
540
- --ax-sys-color-accent6-darker-surface: 185, 0, 111;
541
- --ax-sys-color-on-accent6-darker-surface: 255, 246, 255;
542
- --ax-sys-color-border-accent6-darker-surface: 149, 0, 90;
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;
543
543
 
544
- --ax-sys-color-accent6-darkest-surface: 156, 23, 92;
545
- --ax-sys-color-on-accent6-darkest-surface: 255, 246, 254;
546
- --ax-sys-color-border-accent6-darkest-surface: 125, 18, 74;
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;
547
547
 
548
- --ax-sys-color-accent7-lightest-surface: 235, 227, 221;
549
- --ax-sys-color-on-accent7-lightest-surface: 50, 44, 40;
550
- --ax-sys-color-border-accent7-lightest-surface: 222, 208, 199;
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;
551
551
 
552
- --ax-sys-color-accent7-lighter-surface: 214, 206, 201;
553
- --ax-sys-color-on-accent7-lighter-surface: 51, 44, 41;
554
- --ax-sys-color-border-accent7-lighter-surface: 199, 188, 181;
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;
555
555
 
556
- --ax-sys-color-accent7-light-surface: 183, 175, 170;
557
- --ax-sys-color-on-accent7-light-surface: 255, 252, 246;
558
- --ax-sys-color-border-accent7-light-surface: 167, 157, 151;
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;
559
559
 
560
- --ax-sys-color-accent7-surface: 120, 113, 108;
561
- --ax-sys-color-on-accent7-surface: 255, 252, 246;
562
- --ax-sys-color-border-accent7-surface: 101, 95, 91;
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;
563
563
 
564
- --ax-sys-color-accent7-dark-surface: 107, 100, 95;
565
- --ax-sys-color-on-accent7-dark-surface: 255, 252, 246;
566
- --ax-sys-color-border-accent7-dark-surface: 88, 82, 78;
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;
567
567
 
568
- --ax-sys-color-accent7-darker-surface: 91, 84, 80;
569
- --ax-sys-color-on-accent7-darker-surface: 255, 252, 247;
570
- --ax-sys-color-border-accent7-darker-surface: 72, 66, 63;
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;
571
571
 
572
- --ax-sys-color-accent7-darkest-surface: 78, 72, 68;
573
- --ax-sys-color-on-accent7-darkest-surface: 255, 252, 247;
574
- --ax-sys-color-border-accent7-darkest-surface: 59, 54, 51;
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;
575
575
 
576
576
  --ax-sys-color-bg-default: var(--ax-sys-color-lightest-surface);
577
577
  --ax-sys-color-text-default: var(--ax-sys-color-on-lightest-surface);
@@ -694,77 +694,77 @@ html.dark {
694
694
  --ax-sys-color-accent-900: 0, 145, 174;
695
695
  --ax-sys-color-accent-950: 0, 135, 162;
696
696
 
697
- --ax-sys-color-accent2-50: 255, 237, 255;
698
- --ax-sys-color-accent2-100: 255, 225, 255;
699
- --ax-sys-color-accent2-200: 255, 199, 255;
700
- --ax-sys-color-accent2-300: 255, 172, 255;
701
- --ax-sys-color-accent2-400: 252, 142, 255;
702
- --ax-sys-color-accent2-500: 248, 109, 255;
703
- --ax-sys-color-accent2-600: 233, 88, 255;
704
- --ax-sys-color-accent2-700: 217, 70, 239;
705
- --ax-sys-color-accent2-800: 199, 48, 221;
706
- --ax-sys-color-accent2-900: 181, 18, 203;
707
- --ax-sys-color-accent2-950: 173, 0, 194;
708
-
709
- --ax-sys-color-accent3-50: 255, 242, 228;
710
- --ax-sys-color-accent3-100: 255, 232, 214;
711
- --ax-sys-color-accent3-200: 255, 213, 186;
712
- --ax-sys-color-accent3-300: 255, 194, 157;
713
- --ax-sys-color-accent3-400: 255, 173, 125;
714
- --ax-sys-color-accent3-500: 255, 151, 89;
715
- --ax-sys-color-accent3-600: 255, 129, 45;
716
- --ax-sys-color-accent3-700: 249, 115, 22;
717
- --ax-sys-color-accent3-800: 228, 96, 0;
718
- --ax-sys-color-accent3-900: 208, 77, 0;
719
- --ax-sys-color-accent3-950: 195, 71, 0;
720
-
721
- --ax-sys-color-accent4-50: 202, 255, 252;
722
- --ax-sys-color-accent4-100: 166, 255, 246;
723
- --ax-sys-color-accent4-200: 118, 254, 234;
724
- --ax-sys-color-accent4-300: 102, 240, 220;
725
- --ax-sys-color-accent4-400: 86, 225, 206;
726
- --ax-sys-color-accent4-500: 69, 212, 193;
727
- --ax-sys-color-accent4-600: 49, 198, 179;
728
- --ax-sys-color-accent4-700: 20, 184, 166;
729
- --ax-sys-color-accent4-800: 0, 166, 148;
730
- --ax-sys-color-accent4-900: 0, 148, 131;
731
- --ax-sys-color-accent4-950: 0, 138, 122;
732
-
733
- --ax-sys-color-accent5-50: 239, 244, 255;
734
- --ax-sys-color-accent5-100: 226, 233, 255;
735
- --ax-sys-color-accent5-200: 202, 212, 255;
736
- --ax-sys-color-accent5-300: 178, 190, 255;
737
- --ax-sys-color-accent5-400: 156, 168, 255;
738
- --ax-sys-color-accent5-500: 134, 144, 255;
739
- --ax-sys-color-accent5-600: 115, 121, 255;
740
- --ax-sys-color-accent5-700: 99, 102, 241;
741
- --ax-sys-color-accent5-800: 88, 89, 227;
742
- --ax-sys-color-accent5-900: 78, 75, 213;
743
- --ax-sys-color-accent5-950: 73, 69, 206;
744
-
745
- --ax-sys-color-accent6-50: 255, 237, 248;
746
- --ax-sys-color-accent6-100: 255, 225, 241;
747
- --ax-sys-color-accent6-200: 255, 200, 226;
748
- --ax-sys-color-accent6-300: 255, 174, 211;
749
- --ax-sys-color-accent6-400: 255, 146, 197;
750
- --ax-sys-color-accent6-500: 255, 113, 183;
751
- --ax-sys-color-accent6-600: 254, 89, 168;
752
- --ax-sys-color-accent6-700: 236, 72, 153;
753
- --ax-sys-color-accent6-800: 218, 53, 138;
754
- --ax-sys-color-accent6-900: 200, 30, 122;
755
- --ax-sys-color-accent6-950: 190, 14, 115;
756
-
757
- --ax-sys-color-accent7-50: 251, 243, 237;
758
- --ax-sys-color-accent7-100: 240, 232, 226;
759
- --ax-sys-color-accent7-200: 219, 211, 206;
760
- --ax-sys-color-accent7-300: 198, 191, 185;
761
- --ax-sys-color-accent7-400: 178, 171, 165;
762
- --ax-sys-color-accent7-500: 158, 151, 146;
763
- --ax-sys-color-accent7-600: 139, 132, 127;
764
- --ax-sys-color-accent7-700: 120, 113, 108;
765
- --ax-sys-color-accent7-800: 109, 103, 98;
766
- --ax-sys-color-accent7-900: 99, 92, 88;
767
- --ax-sys-color-accent7-950: 94, 87, 83;
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
768
 
769
769
  --ax-sys-color-primary-lightest-surface: 219, 238, 255;
770
770
  --ax-sys-color-on-primary-lightest-surface: 9, 23, 35;
@@ -934,173 +934,173 @@ html.dark {
934
934
  --ax-sys-color-on-accent-darkest-surface: 0, 27, 38;
935
935
  --ax-sys-color-border-accent-darkest-surface: 0, 202, 239;
936
936
 
937
- --ax-sys-color-accent2-lightest-surface: 255, 225, 255;
938
- --ax-sys-color-on-accent2-lightest-surface: 33, 13, 34;
939
- --ax-sys-color-border-accent2-lightest-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;
940
940
 
941
- --ax-sys-color-accent2-lighter-surface: 255, 199, 255;
942
- --ax-sys-color-on-accent2-lighter-surface: 42, 0, 44;
943
- --ax-sys-color-border-accent2-lighter-surface: 255, 245, 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;
944
944
 
945
- --ax-sys-color-accent2-light-surface: 255, 172, 255;
946
- --ax-sys-color-on-accent2-light-surface: 45, 0, 48;
947
- --ax-sys-color-border-accent2-light-surface: 255, 218, 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;
948
948
 
949
- --ax-sys-color-accent2-surface: 248, 109, 255;
950
- --ax-sys-color-on-accent2-surface: 45, 0, 49;
951
- --ax-sys-color-border-accent2-surface: 250, 155, 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;
952
952
 
953
- --ax-sys-color-accent2-dark-surface: 233, 88, 255;
954
- --ax-sys-color-on-accent2-dark-surface: 44, 0, 52;
955
- --ax-sys-color-border-accent2-dark-surface: 239, 134, 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;
956
956
 
957
- --ax-sys-color-accent2-darker-surface: 217, 70, 239;
958
- --ax-sys-color-on-accent2-darker-surface: 44, 0, 52;
959
- --ax-sys-color-border-accent2-darker-surface: 226, 112, 243;
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;
960
960
 
961
- --ax-sys-color-accent2-darkest-surface: 199, 48, 221;
962
- --ax-sys-color-on-accent2-darkest-surface: 44, 0, 52;
963
- --ax-sys-color-border-accent2-darkest-surface: 210, 87, 227;
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;
964
964
 
965
- --ax-sys-color-accent3-lightest-surface: 255, 232, 214;
966
- --ax-sys-color-on-accent3-lightest-surface: 33, 18, 5;
967
- --ax-sys-color-border-accent3-lightest-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;
968
968
 
969
- --ax-sys-color-accent3-lighter-surface: 255, 213, 186;
970
- --ax-sys-color-on-accent3-lighter-surface: 41, 12, 0;
971
- --ax-sys-color-border-accent3-lighter-surface: 255, 241, 232;
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;
972
972
 
973
- --ax-sys-color-accent3-light-surface: 255, 194, 157;
974
- --ax-sys-color-on-accent3-light-surface: 46, 7, 0;
975
- --ax-sys-color-border-accent3-light-surface: 255, 223, 203;
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;
976
976
 
977
- --ax-sys-color-accent3-surface: 255, 151, 89;
978
- --ax-sys-color-on-accent3-surface: 47, 6, 0;
979
- --ax-sys-color-border-accent3-surface: 255, 180, 135;
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;
980
980
 
981
- --ax-sys-color-accent3-dark-surface: 255, 129, 45;
982
- --ax-sys-color-on-accent3-dark-surface: 47, 5, 0;
983
- --ax-sys-color-border-accent3-dark-surface: 255, 157, 91;
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;
984
984
 
985
- --ax-sys-color-accent3-darker-surface: 249, 115, 22;
986
- --ax-sys-color-on-accent3-darker-surface: 48, 4, 0;
987
- --ax-sys-color-border-accent3-darker-surface: 250, 142, 67;
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;
988
988
 
989
- --ax-sys-color-accent3-darkest-surface: 228, 96, 0;
990
- --ax-sys-color-on-accent3-darkest-surface: 49, 3, 0;
991
- --ax-sys-color-border-accent3-darkest-surface: 255, 118, 19;
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;
992
992
 
993
- --ax-sys-color-accent4-lightest-surface: 166, 255, 246;
994
- --ax-sys-color-on-accent4-lightest-surface: 0, 29, 26;
995
- --ax-sys-color-border-accent4-lightest-surface: 212, 255, 251;
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;
996
996
 
997
- --ax-sys-color-accent4-lighter-surface: 118, 254, 234;
998
- --ax-sys-color-on-accent4-lighter-surface: 0, 30, 24;
999
- --ax-sys-color-border-accent4-lighter-surface: 164, 254, 241;
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;
1000
1000
 
1001
- --ax-sys-color-accent4-light-surface: 102, 240, 220;
1002
- --ax-sys-color-on-accent4-light-surface: 0, 30, 24;
1003
- --ax-sys-color-border-accent4-light-surface: 144, 244, 230;
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;
1004
1004
 
1005
- --ax-sys-color-accent4-surface: 69, 212, 193;
1006
- --ax-sys-color-on-accent4-surface: 0, 30, 24;
1007
- --ax-sys-color-border-accent4-surface: 106, 221, 205;
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;
1008
1008
 
1009
- --ax-sys-color-accent4-dark-surface: 49, 198, 179;
1010
- --ax-sys-color-on-accent4-dark-surface: 0, 30, 24;
1011
- --ax-sys-color-border-accent4-dark-surface: 81, 212, 195;
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;
1012
1012
 
1013
- --ax-sys-color-accent4-darker-surface: 20, 184, 166;
1014
- --ax-sys-color-on-accent4-darker-surface: 0, 30, 24;
1015
- --ax-sys-color-border-accent4-darker-surface: 25, 225, 203;
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;
1016
1016
 
1017
- --ax-sys-color-accent4-darkest-surface: 0, 166, 148;
1018
- --ax-sys-color-on-accent4-darkest-surface: 0, 30, 24;
1019
- --ax-sys-color-border-accent4-darkest-surface: 0, 212, 189;
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;
1020
1020
 
1021
- --ax-sys-color-accent5-lightest-surface: 226, 233, 255;
1022
- --ax-sys-color-on-accent5-lightest-surface: 17, 21, 36;
1023
- --ax-sys-color-border-accent5-lightest-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;
1024
1024
 
1025
- --ax-sys-color-accent5-lighter-surface: 202, 212, 255;
1026
- --ax-sys-color-on-accent5-lighter-surface: 15, 18, 49;
1027
- --ax-sys-color-border-accent5-lighter-surface: 248, 249, 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;
1028
1028
 
1029
- --ax-sys-color-accent5-light-surface: 178, 190, 255;
1030
- --ax-sys-color-on-accent5-light-surface: 14, 12, 63;
1031
- --ax-sys-color-border-accent5-light-surface: 224, 229, 255;
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;
1032
1032
 
1033
- --ax-sys-color-accent5-surface: 134, 144, 255;
1034
- --ax-sys-color-on-accent5-surface: 18, 0, 85;
1035
- --ax-sys-color-border-accent5-surface: 180, 186, 255;
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;
1036
1036
 
1037
- --ax-sys-color-accent5-dark-surface: 115, 121, 255;
1038
- --ax-sys-color-on-accent5-dark-surface: 18, 0, 85;
1039
- --ax-sys-color-border-accent5-dark-surface: 161, 165, 255;
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;
1040
1040
 
1041
- --ax-sys-color-accent5-darker-surface: 99, 102, 241;
1042
- --ax-sys-color-on-accent5-darker-surface: 18, 0, 85;
1043
- --ax-sys-color-border-accent5-darker-surface: 141, 143, 245;
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;
1044
1044
 
1045
- --ax-sys-color-accent5-darkest-surface: 88, 89, 227;
1046
- --ax-sys-color-on-accent5-darkest-surface: 18, 0, 86;
1047
- --ax-sys-color-border-accent5-darkest-surface: 127, 128, 234;
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;
1048
1048
 
1049
- --ax-sys-color-accent6-lightest-surface: 255, 225, 241;
1050
- --ax-sys-color-on-accent6-lightest-surface: 34, 14, 26;
1051
- --ax-sys-color-border-accent6-lightest-surface: 255, 255, 255;
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;
1052
1052
 
1053
- --ax-sys-color-accent6-lighter-surface: 255, 200, 226;
1054
- --ax-sys-color-on-accent6-lighter-surface: 43, 5, 27;
1055
- --ax-sys-color-border-accent6-lighter-surface: 255, 246, 250;
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;
1056
1056
 
1057
- --ax-sys-color-accent6-light-surface: 255, 174, 211;
1058
- --ax-sys-color-on-accent6-light-surface: 51, 0, 28;
1059
- --ax-sys-color-border-accent6-light-surface: 255, 220, 236;
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;
1060
1060
 
1061
- --ax-sys-color-accent6-surface: 255, 113, 183;
1062
- --ax-sys-color-on-accent6-surface: 52, 0, 27;
1063
- --ax-sys-color-border-accent6-surface: 255, 159, 206;
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;
1064
1064
 
1065
- --ax-sys-color-accent6-dark-surface: 254, 89, 168;
1066
- --ax-sys-color-on-accent6-dark-surface: 52, 0, 25;
1067
- --ax-sys-color-border-accent6-dark-surface: 254, 135, 192;
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;
1068
1068
 
1069
- --ax-sys-color-accent6-darker-surface: 236, 72, 153;
1070
- --ax-sys-color-on-accent6-darker-surface: 52, 0, 25;
1071
- --ax-sys-color-border-accent6-darker-surface: 240, 114, 176;
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;
1072
1072
 
1073
- --ax-sys-color-accent6-darkest-surface: 218, 53, 138;
1074
- --ax-sys-color-on-accent6-darkest-surface: 52, 0, 25;
1075
- --ax-sys-color-border-accent6-darkest-surface: 225, 92, 160;
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;
1076
1076
 
1077
- --ax-sys-color-accent7-lightest-surface: 240, 232, 226;
1078
- --ax-sys-color-on-accent7-lightest-surface: 26, 21, 17;
1079
- --ax-sys-color-border-accent7-lightest-surface: 255, 255, 255;
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;
1080
1080
 
1081
- --ax-sys-color-accent7-lighter-surface: 219, 211, 206;
1082
- --ax-sys-color-on-accent7-lighter-surface: 26, 21, 17;
1083
- --ax-sys-color-border-accent7-lighter-surface: 238, 235, 232;
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;
1084
1084
 
1085
- --ax-sys-color-accent7-light-surface: 198, 191, 185;
1086
- --ax-sys-color-on-accent7-light-surface: 26, 21, 17;
1087
- --ax-sys-color-border-accent7-light-surface: 219, 214, 210;
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;
1088
1088
 
1089
- --ax-sys-color-accent7-surface: 158, 151, 146;
1090
- --ax-sys-color-on-accent7-surface: 26, 21, 17;
1091
- --ax-sys-color-border-accent7-surface: 180, 174, 170;
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;
1092
1092
 
1093
- --ax-sys-color-accent7-dark-surface: 139, 132, 127;
1094
- --ax-sys-color-on-accent7-dark-surface: 255, 252, 246;
1095
- --ax-sys-color-border-accent7-dark-surface: 161, 155, 151;
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;
1096
1096
 
1097
- --ax-sys-color-accent7-darker-surface: 120, 113, 108;
1098
- --ax-sys-color-on-accent7-darker-surface: 255, 252, 246;
1099
- --ax-sys-color-border-accent7-darker-surface: 143, 136, 131;
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;
1100
1100
 
1101
- --ax-sys-color-accent7-darkest-surface: 109, 103, 98;
1102
- --ax-sys-color-on-accent7-darkest-surface: 255, 252, 246;
1103
- --ax-sys-color-border-accent7-darkest-surface: 133, 126, 120;
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;
1104
1104
  }
1105
1105
 
1106
1106
  @theme {
@@ -1361,6 +1361,42 @@ html.dark {
1361
1361
  --color-on-accent-darkest: rgba(var(--ax-sys-color-on-accent-darkest-surface));
1362
1362
  --color-border-accent-darkest: rgba(var(--ax-sys-color-border-accent-darkest-surface));
1363
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
+
1364
1400
  /* Accent 2 Surfaces */
1365
1401
  --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
1366
1402
  --color-accent2-50: rgba(var(--ax-sys-color-accent2-50));
@@ -1540,42 +1576,6 @@ html.dark {
1540
1576
  --color-accent6-darkest: rgba(var(--ax-sys-color-accent6-darkest-surface));
1541
1577
  --color-on-accent6-darkest: rgba(var(--ax-sys-color-on-accent6-darkest-surface));
1542
1578
  --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
1543
-
1544
- /* Accent 7 Surfaces */
1545
- --color-accent7: rgba(var(--ax-sys-color-accent7-surface));
1546
- --color-accent7-50: rgba(var(--ax-sys-color-accent7-50));
1547
- --color-accent7-100: rgba(var(--ax-sys-color-accent7-100));
1548
- --color-accent7-200: rgba(var(--ax-sys-color-accent7-200));
1549
- --color-accent7-300: rgba(var(--ax-sys-color-accent7-300));
1550
- --color-accent7-400: rgba(var(--ax-sys-color-accent7-400));
1551
- --color-accent7-500: rgba(var(--ax-sys-color-accent7-500));
1552
- --color-accent7-600: rgba(var(--ax-sys-color-accent7-600));
1553
- --color-accent7-700: rgba(var(--ax-sys-color-accent7-700));
1554
- --color-accent7-800: rgba(var(--ax-sys-color-accent7-800));
1555
- --color-accent7-900: rgba(var(--ax-sys-color-accent7-900));
1556
- --color-accent7-950: rgba(var(--ax-sys-color-accent7-950));
1557
-
1558
- --color-accent7-lightest: rgba(var(--ax-sys-color-accent7-lightest-surface));
1559
- --color-on-accent7-lightest: rgba(var(--ax-sys-color-on-accent7-lightest-surface));
1560
- --color-border-accent7-lightest: rgba(var(--ax-sys-color-border-accent7-lightest-surface));
1561
- --color-accent7-lighter: rgba(var(--ax-sys-color-accent7-lighter-surface));
1562
- --color-on-accent7-lighter: rgba(var(--ax-sys-color-on-accent7-lighter-surface));
1563
- --color-border-accent7-lighter: rgba(var(--ax-sys-color-border-accent7-lighter-surface));
1564
- --color-accent7-light: rgba(var(--ax-sys-color-accent7-light-surface));
1565
- --color-on-accent7-light: rgba(var(--ax-sys-color-on-accent7-light-surface));
1566
- --color-border-accent7-light: rgba(var(--ax-sys-color-border-accent7-light-surface));
1567
- --color-accent7: rgba(var(--ax-sys-color-accent7-surface));
1568
- --color-on-accent7: rgba(var(--ax-sys-color-on-accent7-surface));
1569
- --color-border-accent7: rgba(var(--ax-sys-color-border-accent7-surface));
1570
- --color-accent7-dark: rgba(var(--ax-sys-color-accent7-dark-surface));
1571
- --color-on-accent7-dark: rgba(var(--ax-sys-color-on-accent7-dark-surface));
1572
- --color-border-accent7-dark: rgba(var(--ax-sys-color-border-accent7-dark-surface));
1573
- --color-accent7-darker: rgba(var(--ax-sys-color-accent7-darker-surface));
1574
- --color-on-accent7-darker: rgba(var(--ax-sys-color-on-accent7-darker-surface));
1575
- --color-border-accent7-darker: rgba(var(--ax-sys-color-border-accent7-darker-surface));
1576
- --color-accent7-darkest: rgba(var(--ax-sys-color-accent7-darkest-surface));
1577
- --color-on-accent7-darkest: rgba(var(--ax-sys-color-on-accent7-darkest-surface));
1578
- --color-border-accent7-darkest: rgba(var(--ax-sys-color-border-accent7-darkest-surface));
1579
1579
  }
1580
1580
 
1581
1581
  @utility bg-default {
@@ -2096,6 +2096,74 @@ html.dark {
2096
2096
  --ax-comp-border-darkest: var(--color-border-accent-darkest);
2097
2097
  }
2098
2098
 
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
+
2099
2167
  /* Accent 2 Surfaces */
2100
2168
 
2101
2169
  @utility accent2-lightest-surface {
@@ -2436,74 +2504,6 @@ html.dark {
2436
2504
  --ax-comp-border-darkest: var(--color-border-accent6-darkest);
2437
2505
  }
2438
2506
 
2439
- /* Accent 7 Surfaces */
2440
-
2441
- @utility accent7-lightest-surface {
2442
- background-color: var(--color-accent7-lightest);
2443
- color: var(--color-on-accent7-lightest);
2444
- border-color: var(--color-border-accent7-lightest);
2445
- }
2446
-
2447
- @utility accent7-lighter-surface {
2448
- background-color: var(--color-accent7-lighter);
2449
- color: var(--color-on-accent7-lighter);
2450
- border-color: var(--color-border-accent7-lighter);
2451
- }
2452
-
2453
- @utility accent7-light-surface {
2454
- background-color: var(--color-accent7-light);
2455
- color: var(--color-on-accent7-light);
2456
- border-color: var(--color-border-accent7-light);
2457
- }
2458
-
2459
- @utility accent7-surface {
2460
- background-color: var(--color-accent7);
2461
- color: var(--color-on-accent7);
2462
- border-color: var(--color-border-accent7);
2463
- }
2464
-
2465
- @utility accent7-dark-surface {
2466
- background-color: var(--color-accent7-dark);
2467
- color: var(--color-on-accent7-dark);
2468
- border-color: var(--color-border-accent7-dark);
2469
- }
2470
-
2471
- @utility accent7-darker-surface {
2472
- background-color: var(--color-accent7-darker);
2473
- color: var(--color-on-accent7-darker);
2474
- border-color: var(--color-border-accent7-darker);
2475
- }
2476
-
2477
- @utility accent7-darkest-surface {
2478
- background-color: var(--color-accent7-darkest);
2479
- color: var(--color-on-accent7-darkest);
2480
- border-color: var(--color-border-accent7-darkest);
2481
- }
2482
-
2483
- @utility ax-accent7 {
2484
- --ax-comp-bg-lightest: var(--color-accent7-lightest);
2485
- --ax-comp-text-lightest: var(--color-on-accent7-lightest);
2486
- --ax-comp-border-lightest: var(--color-border-accent7-lightest);
2487
- --ax-comp-bg-lighter: var(--color-accent7-lighter);
2488
- --ax-comp-text-lighter: var(--color-on-accent7-lighter);
2489
- --ax-comp-border-lighter: var(--color-border-accent7-lighter);
2490
- --ax-comp-bg-light: var(--color-accent7-light);
2491
- --ax-comp-text-light: var(--color-on-accent7-light);
2492
- --ax-comp-border-light: var(--color-border-accent7-light);
2493
- --ax-comp-bg: var(--color-accent7);
2494
- --ax-comp-text: var(--color-on-accent7);
2495
- --ax-comp-border: var(--color-border-accent7);
2496
- --ax-comp-bg-dark: var(--color-accent7-dark);
2497
- --ax-comp-text-dark: var(--color-on-accent7-dark);
2498
- --ax-comp-border-dark: var(--color-border-accent7-dark);
2499
- --ax-comp-bg-darker: var(--color-accent7-darker);
2500
- --ax-comp-text-darker: var(--color-on-accent7-darker);
2501
- --ax-comp-border-darker: var(--color-border-accent7-darker);
2502
- --ax-comp-bg-darkest: var(--color-accent7-darkest);
2503
- --ax-comp-text-darkest: var(--color-on-accent7-darkest);
2504
- --ax-comp-border-darkest: var(--color-border-accent7-darkest);
2505
- }
2506
-
2507
2507
  @utility max-w-8xl {
2508
2508
  max-width: 90rem;
2509
2509
  }