@salutejs-ds/sdds_sbcom 0.1.2 → 0.1.4

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 (90) hide show
  1. package/components/Button/Button.config.d.ts +3 -3
  2. package/components/Button/Button.config.js +6 -6
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1ufeha7.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +3 -3
  7. package/components/Checkbox/Checkbox.config.d.ts +2 -2
  8. package/components/Checkbox/Checkbox.config.js +6 -6
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_1637oeq.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +2 -2
  13. package/components/IconButton/IconButton.config.d.ts +2 -2
  14. package/components/IconButton/IconButton.config.js +7 -7
  15. package/components/IconButton/IconButton.config.js.map +1 -1
  16. package/components/IconButton/IconButton.config_4rapku.css +9 -0
  17. package/components/IconButton/IconButton.css +8 -8
  18. package/components/IconButton/IconButton.d.ts +2 -2
  19. package/components/Link/Link.config.d.ts +3 -3
  20. package/components/Link/Link.config.js +5 -5
  21. package/components/Link/Link.config.js.map +1 -1
  22. package/{es/components/Link/Link.config_1cp5e0j.css → components/Link/Link.config_1fm95cc.css} +4 -4
  23. package/components/Link/Link.css +8 -8
  24. package/components/Link/Link.d.ts +3 -3
  25. package/components/Radiobox/Radiobox.config.d.ts +2 -2
  26. package/components/Radiobox/Radiobox.config.js +6 -6
  27. package/components/Radiobox/Radiobox.config.js.map +1 -1
  28. package/components/Radiobox/Radiobox.config_wxwhpp.css +6 -0
  29. package/components/Radiobox/Radiobox.css +6 -6
  30. package/components/Radiobox/Radiobox.d.ts +2 -2
  31. package/css/sdds_sbcom.module.css +207 -411
  32. package/css/sdds_sbcom__dark.css +111 -212
  33. package/css/sdds_sbcom__light.css +111 -214
  34. package/es/components/Button/Button.config.js +6 -6
  35. package/es/components/Button/Button.config.js.map +1 -1
  36. package/es/components/Button/Button.config_1ufeha7.css +10 -0
  37. package/es/components/Button/Button.css +9 -9
  38. package/es/components/Checkbox/Checkbox.config.js +6 -6
  39. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  40. package/es/components/Checkbox/Checkbox.config_1637oeq.css +6 -0
  41. package/es/components/Checkbox/Checkbox.css +6 -6
  42. package/es/components/IconButton/IconButton.config.js +7 -7
  43. package/es/components/IconButton/IconButton.config.js.map +1 -1
  44. package/es/components/IconButton/IconButton.config_4rapku.css +9 -0
  45. package/es/components/IconButton/IconButton.css +8 -8
  46. package/es/components/Link/Link.config.js +5 -5
  47. package/es/components/Link/Link.config.js.map +1 -1
  48. package/{components/Link/Link.config_1cp5e0j.css → es/components/Link/Link.config_1fm95cc.css} +4 -4
  49. package/es/components/Link/Link.css +8 -8
  50. package/es/components/Radiobox/Radiobox.config.js +6 -6
  51. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  52. package/es/components/Radiobox/Radiobox.config_wxwhpp.css +6 -0
  53. package/es/components/Radiobox/Radiobox.css +6 -6
  54. package/es/index.css +37 -37
  55. package/es/index.js +1 -1
  56. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  57. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  58. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  59. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  60. package/es/theme/tokens/index.js +308 -611
  61. package/es/theme/tokens/index.js.map +1 -1
  62. package/index.css +37 -37
  63. package/index.js +0 -101
  64. package/index.js.map +1 -1
  65. package/package.json +1 -1
  66. package/styled-components/cjs/Button/Button.config.js +7 -7
  67. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  68. package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
  69. package/styled-components/cjs/Link/Link.config.js +4 -4
  70. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  71. package/styled-components/es/Button/Button.config.js +7 -7
  72. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  73. package/styled-components/es/IconButton/IconButton.config.js +6 -6
  74. package/styled-components/es/Link/Link.config.js +4 -4
  75. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  76. package/theme/themes/sdds_sbcom__dark.js +1 -1
  77. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  78. package/theme/themes/sdds_sbcom__light.js +1 -1
  79. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  80. package/theme/tokens/index.d.ts +209 -411
  81. package/theme/tokens/index.js +307 -711
  82. package/theme/tokens/index.js.map +1 -1
  83. package/components/Button/Button.config_9i8t1d.css +0 -10
  84. package/components/Checkbox/Checkbox.config_usbc5o.css +0 -6
  85. package/components/IconButton/IconButton.config_1em9p3v.css +0 -9
  86. package/components/Radiobox/Radiobox.config_hbis6p.css +0 -6
  87. package/es/components/Button/Button.config_9i8t1d.css +0 -10
  88. package/es/components/Checkbox/Checkbox.config_usbc5o.css +0 -6
  89. package/es/components/IconButton/IconButton.config_1em9p3v.css +0 -9
  90. package/es/components/Radiobox/Radiobox.config_hbis6p.css +0 -6
package/css/sdds_sbcom.module.css CHANGED
@@ -397,7 +397,6 @@
397
397
  --on-dark-data-yellow: #F3A912;
398
398
  --on-dark-data-yellow-hover: #F4B22FFF;
399
399
  --on-dark-data-yellow-active: #EDA20CFF;
400
- --on-light-persona-blue-surface-accent-gradient: #F6F2F0FF;
401
400
  --inverse-surface-positive: #239322FF;
402
401
  --outline-positive: #A6D2A2FF;
403
402
  --on-dark-data-yellow-minor: #A16B00;
@@ -406,7 +405,6 @@
406
405
  --on-dark-surface-transparent-secondary: #FFFFFF29;
407
406
  --text-secondary-hover: #F5F5F5FF;
408
407
  --on-dark-background-secondary-hover: #CCCCCCFF;
409
- --on-dark-background-secondary-brightness: #0F0F0FFF;
410
408
  --on-dark-background-primary: #15110FFF;
411
409
  --on-dark-background-primary-hover: #CCCCCCFF;
412
410
  --on-dark-background-primary-active: #E6E6E6FF;
@@ -414,7 +412,6 @@
414
412
  --on-light-background-secondary: #FFFFFFFF;
415
413
  --on-light-background-secondary-hover: #CCCCCCFF;
416
414
  --on-light-background-secondary-active: #E6E6E6FF;
417
- --on-light-background-secondary-brightness: #F6F2F0FF;
418
415
  --on-light-background-primary: #EBE7E5FF;
419
416
  --on-light-background-primary-hover: #CCCCCCFF;
420
417
  --on-light-background-primary-active: #E6E6E6FF;
@@ -422,267 +419,122 @@
422
419
  --outline-default: #3B3735FF;
423
420
  --outline-default-hover: #CCCCCCFF;
424
421
  --outline-default-active: #E6E6E6FF;
425
- --outline-default-brightness: #3B3735FF;
426
422
  --outline-minor: #383838FF;
427
423
  --outline-minor-hover: #CCCCCCFF;
428
424
  --outline-minor-active: #E6E6E6FF;
429
- --outline-minor-brightness: #383838FF;
430
425
  --outline-transparent-clear: #00000000;
431
426
  --outline-transparent-clear-hover: #CCCCCCFF;
432
427
  --outline-transparent-clear-active: #E6E6E6FF;
433
- --outline-transparent-clear-brightness: #00000000;
434
428
  --inverse-outline-default: #DDD9D7FF;
435
429
  --inverse-outline-default-hover: #CCCCCCFF;
436
430
  --inverse-outline-default-active: #E6E6E6FF;
437
- --inverse-outline-default-brightness: #DDD9D7FF;
438
431
  --inverse-outline-outline-minor: #FFFFFFFF;
439
432
  --inverse-outline-outline-minor-hover: #CCCCCCFF;
440
433
  --inverse-outline-outline-minor-active: #E6E6E6FF;
441
- --inverse-outline-outline-minor-brightness: #FFFFFFFF;
442
434
  --on-dark-outline-default: #3B3735FF;
443
435
  --on-dark-outline-default-active: #E6E6E6FF;
444
436
  --on-dark-outline-minor: #383838FF;
445
437
  --on-dark-outline-minor-hover: #CCCCCCFF;
446
438
  --on-dark-outline-minor-active: #E6E6E6FF;
447
- --on-dark-outline-minor-brightness: #383838FF;
448
439
  --on-light-outline-default: #DDD9D7FF;
449
440
  --on-light-outline-default-hover: #CCCCCCFF;
450
441
  --background-secondary-active: #E6E6E6FF;
451
- --background-secondary-brightness: #000000FF;
452
442
  --on-dark-outline-default-hover: #CCCCCCFF;
453
443
  --inverse-background-secondary-hover: #CCCCCCFF;
454
- --inverse-background-secondary-brightness: #FFFFFFFF;
455
444
  --on-dark-background-secondary: #000000FF;
456
- --persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
457
- --persona-blue-surface-accent-gradient-active: #E6E6E6FF;
458
- --persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
459
445
  --persona-blue-text-accent: #15110FFF;
460
446
  --persona-blue-text-accent-hover: #CCCCCCFF;
461
447
  --persona-blue-text-accent-active: #E6E6E6FF;
462
- --persona-blue-text-accent-brightness: #15110FFF;
463
- --persona-green-surface-accent-gradient: #0F0F0FFF;
464
- --persona-green-surface-accent-gradient-hover: #CCCCCCFF;
465
- --persona-green-surface-accent-gradient-active: #E6E6E6FF;
466
- --persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
467
448
  --persona-green-text-accent: #15110FFF;
468
449
  --persona-green-text-accent-hover: #CCCCCCFF;
469
450
  --persona-green-text-accent-active: #E6E6E6FF;
470
- --persona-green-text-accent-brightness: #15110FFF;
471
- --persona-indigo-surface-accent-gradient: #0F0F0FFF;
472
- --persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
473
- --persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
474
- --persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
475
451
  --persona-indigo-text-accent: #15110FFF;
476
452
  --persona-indigo-text-accent-hover: #CCCCCCFF;
477
453
  --persona-indigo-text-accent-active: #E6E6E6FF;
478
- --persona-indigo-text-accent-brightness: #15110FFF;
479
- --persona-ochre-surface-accent-gradient: #0F0F0FFF;
480
- --persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
481
- --persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
482
454
  --persona-ochre-text-accent: #15110FFF;
483
455
  --persona-ochre-text-accent-hover: #CCCCCCFF;
484
456
  --persona-ochre-text-accent-active: #E6E6E6FF;
485
- --persona-ochre-text-accent-brightness: #15110FFF;
486
- --persona-olive-surface-accent-gradient: #0F0F0FFF;
487
- --persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
488
- --persona-olive-surface-accent-gradient-active: #E6E6E6FF;
489
- --persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
490
457
  --persona-olive-text-accent: #15110FFF;
491
458
  --persona-olive-text-accent-hover: #CCCCCCFF;
492
459
  --persona-olive-text-accent-active: #E6E6E6FF;
493
- --persona-olive-text-accent-brightness: #15110FFF;
494
- --persona-pink-surface-accent-gradient: #0F0F0FFF;
495
- --persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
496
- --persona-pink-surface-accent-gradient-active: #E6E6E6FF;
497
460
  --on-light-outline-default-active: #E6E6E6FF;
498
461
  --on-light-outline-minor: #FFFFFFFF;
499
462
  --on-light-outline-minor-hover: #CCCCCCFF;
500
- --on-light-outline-minor-brightness: #FFFFFFFF;
501
- --persona-blue-surface-accent-gradient: #0F0F0FFF;
502
- --persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
503
- --persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
504
463
  --persona-sea-blue-text-accent: #15110FFF;
505
464
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
506
465
  --persona-sea-blue-text-accent-active: #E6E6E6FF;
507
- --persona-sea-blue-text-accent-brightness: #15110FFF;
508
- --persona-violet-surface-accent-gradient: #0F0F0FFF;
509
- --persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
510
- --persona-violet-surface-accent-gradient-active: #E6E6E6FF;
511
- --persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
512
466
  --persona-violet-text-accent: #15110FFF;
513
467
  --persona-violet-text-accent-hover: #CCCCCCFF;
514
468
  --persona-violet-text-accent-active: #E6E6E6FF;
515
- --persona-violet-text-accent-brightness: #15110FFF;
516
- --inverse-persona-blue-surface-accent-gradient: #F6F2F0FF;
517
- --inverse-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
518
- --inverse-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
519
- --inverse-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
520
469
  --inverse-persona-blue-text-accent: #EBE7E5FF;
521
470
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
522
471
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
523
- --inverse-persona-blue-text-accent-brightness: #EBE7E5FF;
524
- --inverse-persona-green-surface-accent-gradient: #F6F2F0FF;
525
- --inverse-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
526
- --inverse-persona-green-surface-accent-gradient-active: #E6E6E6FF;
527
- --inverse-persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
528
472
  --inverse-persona-green-text-accent: #EBE7E5FF;
529
473
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
530
474
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
531
- --inverse-persona-green-text-accent-brightness: #EBE7E5FF;
532
- --inverse-persona-indigo-surface-accent-gradient: #F6F2F0FF;
533
- --inverse-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
534
- --inverse-persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
535
475
  --inverse-persona-indigo-text-accent: #EBE7E5FF;
536
476
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
537
477
  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
538
- --inverse-persona-indigo-text-accent-brightness: #EBE7E5FF;
539
- --inverse-persona-ochre-surface-accent-gradient: #F6F2F0FF;
540
- --inverse-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
541
- --inverse-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
542
478
  --persona-pink-text-accent: #15110FFF;
543
479
  --persona-pink-text-accent-hover: #CCCCCCFF;
544
480
  --persona-pink-text-accent-active: #E6E6E6FF;
545
- --persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
546
- --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
547
- --inverse-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
548
- --inverse-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
549
481
  --inverse-persona-olive-text-accent: #EBE7E5FF;
550
482
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
551
- --inverse-persona-olive-text-accent-brightness: #EBE7E5FF;
552
- --inverse-persona-pink-surface-accent-gradient: #F6F2F0FF;
553
- --inverse-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
554
- --inverse-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
555
- --inverse-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
556
483
  --inverse-persona-pink-text-accent: #EBE7E5FF;
557
484
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
558
485
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
559
- --inverse-persona-pink-text-accent-brightness: #EBE7E5FF;
560
- --inverse-persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
561
- --inverse-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
562
- --inverse-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
563
- --inverse-persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
564
486
  --inverse-persona-sea-blue-text-accent: #EBE7E5FF;
565
487
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
566
488
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
567
- --inverse-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
568
- --inverse-persona-violet-surface-accent-gradient: #F6F2F0FF;
569
- --inverse-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
570
- --inverse-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
571
- --inverse-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
572
489
  --inverse-persona-violet-text-accent: #EBE7E5FF;
573
490
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
574
491
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
575
- --inverse-persona-violet-text-accent-brightness: #EBE7E5FF;
576
- --on-dark-persona-blue-surface-accent-gradient: #0F0F0FFF;
577
- --on-dark-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
578
- --on-dark-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
579
492
  --on-dark-persona-blue-text-accent: #15110FFF;
580
493
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
581
494
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
582
- --on-dark-persona-blue-text-accent-brightness: #15110FFF;
583
- --on-dark-persona-green-surface-accent-gradient: #0F0F0FFF;
584
- --on-dark-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
585
- --on-dark-persona-green-surface-accent-gradient-active: #E6E6E6FF;
586
495
  --inverse-persona-ochre-text-accent: #EBE7E5FF;
587
496
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
588
497
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
589
498
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
590
- --inverse-persona-olive-surface-accent-gradient: #F6F2F0FF;
591
- --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
592
- --on-dark-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
593
- --on-dark-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
594
499
  --on-dark-persona-indigo-text-accent: #15110FFF;
595
500
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
596
501
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
597
- --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
598
- --on-dark-persona-ochre-surface-accent-gradient: #0F0F0FFF;
599
- --on-dark-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
600
- --on-dark-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
601
- --on-dark-persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
602
502
  --on-dark-persona-ochre-text-accent: #15110FFF;
603
503
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
604
504
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
605
- --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
606
- --on-dark-persona-olive-surface-accent-gradient: #0F0F0FFF;
607
- --on-dark-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
608
- --on-dark-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
609
- --on-dark-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
610
505
  --on-dark-persona-olive-text-accent: #15110FFF;
611
506
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
612
507
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
613
- --on-dark-persona-olive-text-accent-brightness: #15110FFF;
614
- --on-dark-persona-pink-surface-accent-gradient: #0F0F0FFF;
615
- --on-dark-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
616
- --on-dark-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
617
- --on-dark-persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
618
508
  --on-dark-persona-pink-text-accent: #15110FFF;
619
509
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
620
- --on-dark-persona-pink-text-accent-brightness: #15110FFF;
621
- --on-dark-persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
622
- --on-dark-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
623
- --on-dark-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
624
- --on-dark-persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
625
510
  --on-dark-persona-sea-blue-text-accent: #15110FFF;
626
511
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
627
512
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
628
- --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
629
- --on-dark-persona-violet-surface-accent-gradient: #0F0F0FFF;
630
- --on-dark-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
631
- --on-dark-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
632
513
  --on-dark-persona-green-text-accent: #15110FFF;
633
514
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
634
515
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
635
- --on-dark-persona-indigo-surface-accent-gradient: #0F0F0FFF;
636
- --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
637
516
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
638
517
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
639
- --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
640
- --on-light-persona-green-surface-accent-gradient: #F6F2F0FF;
641
- --on-light-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
642
- --on-light-persona-green-surface-accent-gradient-active: #E6E6E6FF;
643
- --on-light-persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
644
518
  --on-light-persona-green-text-accent: #EBE7E5FF;
645
519
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
646
520
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
647
- --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
648
- --on-light-persona-indigo-surface-accent-gradient: #F6F2F0FF;
649
- --on-light-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
650
- --on-light-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
651
- --on-light-persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
652
521
  --on-light-persona-indigo-text-accent: #EBE7E5FF;
653
522
  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
654
523
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
655
- --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
656
- --on-light-persona-ochre-surface-accent-gradient: #F6F2F0FF;
657
- --on-light-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
658
- --on-light-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
659
524
  --on-light-persona-ochre-text-accent: #EBE7E5FF;
660
525
  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
661
526
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
662
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
663
- --on-light-persona-olive-surface-accent-gradient: #F6F2F0FF;
664
527
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
665
528
  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
666
- --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
667
- --on-light-persona-pink-surface-accent-gradient: #F6F2F0FF;
668
- --on-light-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
669
529
  --on-dark-persona-violet-text-accent: #15110FFF;
670
530
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
671
- --on-dark-persona-violet-text-accent-brightness: #15110FFF;
672
- --on-light-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
673
- --on-light-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
674
- --on-light-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
675
531
  --on-light-persona-blue-text-accent: #EBE7E5FF;
676
- --on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
677
532
  --on-light-persona-violet-text-accent: #EBE7E5FF;
678
533
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
679
534
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
680
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
681
535
  --surface-accent-primary: #B4AE7BFF;
682
536
  --surface-accent-primary-hover: #CCCCCCFF;
683
537
  --surface-accent-primary-active: #E6E6E6FF;
684
- --on-light-persona-violet-surface-accent-gradient: #F6F2F0FF;
685
- --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
686
538
  --on-light-surface-accent-primary: #527E4BFF;
687
539
  --on-dark-surface-accent-minor: #3E4C2FFF;
688
540
  --on-light-surface-transparent-tertiary-active: #08080833;
@@ -692,21 +544,13 @@
692
544
  --inverse-surface-accent-minor: #D2ECBAFF;
693
545
  --on-dark-text-accent-minor-active: #2F4408FF;
694
546
  --on-dark-background-secondary-active: #E6E6E6FF;
695
- --on-light-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
696
547
  --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
697
548
  --on-light-data-yellow-minor-active: #FFCC66FF;
698
- --on-dark-persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
699
- --on-light-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
700
- --on-light-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
701
549
  --inverse-text-accent-active: #3E5E03FF;
702
550
  --surface-warning-active: #F05B05FF;
703
- --on-dark-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
704
- --on-light-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
705
551
  --on-light-surface-accent-primary-active: #E6E6E6FF;
706
- --inverse-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
707
552
  --on-light-text-accent-minor-hover: #B6FB37FF;
708
553
  --on-light-persona-pink-text-accent-active: #E6E6E6FF;
709
- --on-light-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
710
554
  --on-light-persona-sea-blue-text-accent-active: #E6E6E6FF;
711
555
  --surface-accent-secondary-active: #E6E6E6FF;
712
556
  --surface-transparent-accent-minor-active: #E6E6E6FF;
@@ -723,12 +567,8 @@
723
567
  --on-dark-text-tertiary: #F6F2F03D;
724
568
  --on-light-text-accent-hover: #79B706FF;
725
569
  --text-accent-minor-hover: #6EA013FF;
726
- --inverse-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
727
- --on-dark-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
728
570
  --on-light-persona-olive-text-accent: #EBE7E5FF;
729
571
  --on-light-surface-transparent-accent-minor: #527E4B3D;
730
- --on-dark-outline-default-brightness: #3B3735FF;
731
- --on-light-persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
732
572
  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
733
573
  --surface-accent-secondary: #B4AE7BFF;
734
574
  --surface-transparent-accent-minor: #B4AE7B47;
@@ -738,30 +578,13 @@
738
578
  --on-dark-surface-accent-secondary: #B4AE7BFF;
739
579
  --on-dark-surface-transparent-accent-minor: #B4AE7B47;
740
580
  --on-light-surface-accent-secondary: #688F61FF;
741
- --on-light-surface-accent-secondary-brightness: #688F61FF;
742
581
  --inverse-text-warning-hover: #FD650DFF;
743
582
  --data-yellow-transparent-hover: #F3A812AD;
744
583
  --on-dark-surface-negative: #F8A6A9FF;
745
584
  --inverse-surface-info: #3776BCFF;
746
585
  --on-light-outline-warning-hover: #FD9253FF;
747
- --on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
748
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
749
- --surface-transparent-accent-minor-brightness: #B4AE7B47;
750
- --inverse-surface-accent-secondary-brightness: #688F61FF;
751
- --inverse-surface-transparent-accent-minor-brightness: #527E4B3D;
752
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
753
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
754
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
755
- --on-light-surface-accent-primary-brightness: #527E4BFF;
756
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
757
- --on-light-persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
758
- --surface-accent-primary-brightness: #B4AE7BFF;
759
- --surface-accent-secondary-brightness: #B4AE7BFF;
760
- --on-light-outline-default-brightness: #DDD9D7FF;
761
586
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
762
587
  --on-dark-text-accent-hover: #96E208FF;
763
- --on-light-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
764
- --persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
765
588
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
766
589
  --on-light-surface-accent-primary-hover: #CCCCCCFF;
767
590
  --on-light-surface-accent-secondary-hover: #CCCCCCFF;
@@ -773,10 +596,6 @@
773
596
  --inverse-surface-accent-secondary-hover: #CCCCCCFF;
774
597
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
775
598
  --inverse-background-secondary-active: #E6E6E6FF;
776
- --persona-pink-text-accent-brightness: #15110FFF;
777
- --inverse-persona-ochre-text-accent-brightness: #EBE7E5FF;
778
- --on-dark-persona-green-text-accent-brightness: #15110FFF;
779
- --on-light-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
780
599
  --on-light-persona-pink-text-accent: #EBE7E5FF;
781
600
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
782
601
  --surface-solid-default: #F6F2F0FF;
@@ -788,10 +607,8 @@
788
607
  --dark-background-primary: #080808;
789
608
  --on-dark-data-yellow-minor-hover: #B87A00FF;
790
609
  --on-light-outline-negative-active: #E40C22FF;
791
- --on-light-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
792
610
  --on-light-outline-transparent-primary: #15110F3D;
793
611
  --on-light-surface-transparent-accent: #527E4B1F;
794
- --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
795
612
  --on-dark-surface-solid-primary-active: #121212FF;
796
613
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
797
614
  --on-dark-surface-positive: #A6D2A2FF;
@@ -799,13 +616,13 @@
799
616
  --on-light-outline-text-info-active: #096CAEFF;
800
617
  --on-dark-persona-violet-text-accent-active: #E6E6E6FF;
801
618
  --on-light-outline-minor-active: #E6E6E6FF;
802
- --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
803
619
  --on-dark-outline-transparent-primary: #FFFFFF1F;
804
620
  color: var(--text-primary);
805
621
  background-color: var(--background-primary);
806
622
  }
807
623
 
808
624
  .dark {
625
+ --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
809
626
  --surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
810
627
  --surface-skeleton-gradient: linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);
811
628
  --surface-skeleton-gradient-hover: #FFFFFFFF;
@@ -846,8 +663,92 @@
846
663
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
847
664
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
848
665
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
666
+ --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
667
+ --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
668
+ --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
669
+ --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
670
+ --persona-green-surface-accent-gradient-active: #FFFFFFFF;
671
+ --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
672
+ --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
673
+ --persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
674
+ --persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
675
+ --persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
676
+ --persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
677
+ --persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
678
+ --persona-olive-surface-accent-gradient-active: #FFFFFFFF;
679
+ --persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
680
+ --persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
681
+ --persona-pink-surface-accent-gradient-active: #FFFFFFFF;
682
+ --persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
683
+ --persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
684
+ --persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
685
+ --persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
686
+ --persona-violet-surface-accent-gradient-active: #FFFFFFFF;
687
+ --inverse-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
688
+ --inverse-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
689
+ --inverse-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
690
+ --inverse-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
691
+ --inverse-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
692
+ --inverse-persona-green-surface-accent-gradient-active: #FFFFFFFF;
693
+ --inverse-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
694
+ --inverse-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
695
+ --inverse-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
696
+ --inverse-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
697
+ --inverse-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
698
+ --persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
699
+ --persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
700
+ --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
701
+ --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
702
+ --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
703
+ --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
704
+ --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
705
+ --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
706
+ --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
707
+ --inverse-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
708
+ --inverse-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
709
+ --inverse-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
710
+ --on-dark-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
711
+ --on-dark-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
712
+ --on-dark-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
713
+ --on-dark-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
714
+ --on-dark-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
715
+ --on-dark-persona-green-surface-accent-gradient-active: #FFFFFFFF;
716
+ --inverse-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
717
+ --inverse-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
718
+ --on-dark-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
719
+ --on-dark-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
720
+ --on-dark-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
721
+ --on-dark-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
722
+ --on-dark-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
723
+ --on-dark-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
724
+ --on-dark-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
725
+ --on-dark-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
726
+ --on-dark-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
727
+ --on-dark-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
728
+ --on-dark-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
729
+ --on-dark-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
730
+ --on-dark-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
731
+ --on-dark-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
732
+ --on-dark-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
733
+ --on-dark-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
734
+ --on-dark-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
735
+ --on-dark-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
736
+ --on-light-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
737
+ --on-light-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
738
+ --on-light-persona-green-surface-accent-gradient-active: #FFFFFFFF;
739
+ --on-light-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
740
+ --on-light-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
741
+ --on-light-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
742
+ --on-light-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
743
+ --on-light-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
744
+ --on-light-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
745
+ --on-light-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
746
+ --on-light-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
747
+ --on-light-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
748
+ --on-light-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
749
+ --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
750
+ --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
849
751
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
850
- --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
851
752
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
852
753
  --on-light-outline-transparent-surface-hover: #CCCCCCFF;
853
754
  --on-light-outline-transparent-surface-active: #E6E6E6FF;
@@ -860,39 +761,37 @@
860
761
  --on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
861
762
  --on-dark-text-accent-gradient-ai-hover: #000000FF;
862
763
  --on-dark-text-accent-gradient-ai-active: #CCCCCCFF;
863
- --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
864
764
  --on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
865
765
  --on-light-text-accent-gradient-ai-hover: #000000FF;
866
766
  --on-light-text-accent-gradient-ai-active: #CCCCCCFF;
867
- --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
868
767
  --text-accent-gradient-ai-active: #CCCCCCFF;
869
- --text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
870
- --surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
871
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
872
- --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
873
- --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
874
768
  --inverse-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
875
769
  --inverse-outline-transparent-surface-hover: #CCCCCCFF;
876
770
  --inverse-outline-transparent-surface-active: #E6E6E6FF;
877
- --inverse-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
878
771
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
879
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
880
772
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
773
+ --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
881
774
  --on-light-overlay-gradient-active: #E6E6E6FF;
882
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
883
775
  --inverse-overlay-gradient-active: #E6E6E6FF;
884
776
  --inverse-overlay-gradient-hover: #CCCCCCFF;
885
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
886
777
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
778
+ --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
779
+ --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
887
780
  --on-light-overlay-gradient-hover: #CCCCCCFF;
781
+ --on-light-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
782
+ --on-light-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
888
783
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
889
784
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
890
785
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
786
+ --inverse-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
787
+ --on-light-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
891
788
  --surface-accent-gradient-hover: #CCCCCCFF;
892
789
  --outline-accent-gradient-active: #666666FF;
893
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
790
+ --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
894
791
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
895
792
  --surface-accent-gradient-active: #E6E6E6FF;
793
+ --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
794
+ --persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
896
795
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
897
796
  }
898
797
 
@@ -1293,7 +1192,6 @@
1293
1192
  --on-dark-data-yellow: #F3A912;
1294
1193
  --on-dark-data-yellow-hover: #F4B22FFF;
1295
1194
  --on-dark-data-yellow-active: #EDA20CFF;
1296
- --on-light-persona-blue-surface-accent-gradient: #F6F2F0FF;
1297
1195
  --inverse-surface-positive: #A6D2A2FF;
1298
1196
  --outline-positive: #239322FF;
1299
1197
  --on-dark-data-yellow-minor: #A16B00;
@@ -1302,7 +1200,6 @@
1302
1200
  --on-dark-surface-transparent-secondary: #FFFFFF29;
1303
1201
  --text-secondary-hover: #171717FF;
1304
1202
  --on-dark-background-secondary-hover: #CCCCCCFF;
1305
- --on-dark-background-secondary-brightness: #0F0F0FFF;
1306
1203
  --on-dark-background-primary: #15110FFF;
1307
1204
  --on-dark-background-primary-hover: #CCCCCCFF;
1308
1205
  --on-dark-background-primary-active: #E6E6E6FF;
@@ -1310,7 +1207,6 @@
1310
1207
  --on-light-background-secondary: #FFFFFFFF;
1311
1208
  --on-light-background-secondary-hover: #CCCCCCFF;
1312
1209
  --on-light-background-secondary-active: #E6E6E6FF;
1313
- --on-light-background-secondary-brightness: #F6F2F0FF;
1314
1210
  --on-light-background-primary: #EBE7E5FF;
1315
1211
  --on-light-background-primary-hover: #CCCCCCFF;
1316
1212
  --on-light-background-primary-active: #E6E6E6FF;
@@ -1318,263 +1214,119 @@
1318
1214
  --outline-default: #DDD9D7FF;
1319
1215
  --outline-default-hover: #CCCCCCFF;
1320
1216
  --outline-default-active: #E6E6E6FF;
1321
- --outline-default-brightness: #DDD9D7FF;
1322
1217
  --outline-minor: #FFFFFFFF;
1323
1218
  --outline-minor-hover: #CCCCCCFF;
1324
1219
  --outline-minor-active: #E6E6E6FF;
1325
- --outline-minor-brightness: #FFFFFFFF;
1326
1220
  --outline-transparent-clear: #00000000;
1327
1221
  --outline-transparent-clear-hover: #CCCCCCFF;
1328
1222
  --outline-transparent-clear-active: #E6E6E6FF;
1329
- --outline-transparent-clear-brightness: #00000000;
1330
1223
  --inverse-outline-default: #3B3735FF;
1331
1224
  --inverse-outline-default-hover: #CCCCCCFF;
1332
1225
  --inverse-outline-default-active: #E6E6E6FF;
1333
- --inverse-outline-default-brightness: #3B3735FF;
1334
1226
  --on-dark-outline-default: #3B3735FF;
1335
1227
  --on-dark-outline-default-active: #E6E6E6FF;
1336
1228
  --on-dark-outline-minor: #383838FF;
1337
1229
  --on-dark-outline-minor-hover: #CCCCCCFF;
1338
1230
  --on-dark-outline-minor-active: #E6E6E6FF;
1339
- --on-dark-outline-minor-brightness: #383838FF;
1340
1231
  --on-light-outline-default: #DDD9D7FF;
1341
1232
  --on-light-outline-default-hover: #CCCCCCFF;
1342
1233
  --background-secondary-active: #E6E6E6FF;
1343
- --background-secondary-brightness: #FFFFFFFF;
1344
1234
  --on-dark-outline-default-hover: #CCCCCCFF;
1345
1235
  --inverse-background-secondary-hover: #CCCCCCFF;
1346
- --inverse-background-secondary-brightness: #000000FF;
1347
1236
  --on-dark-background-secondary: #000000FF;
1348
- --persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1349
- --persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1350
- --persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1351
1237
  --persona-blue-text-accent: #EBE7E5FF;
1352
1238
  --persona-blue-text-accent-hover: #CCCCCCFF;
1353
1239
  --persona-blue-text-accent-active: #E6E6E6FF;
1354
- --persona-blue-text-accent-brightness: #EBE7E5FF;
1355
- --persona-green-surface-accent-gradient: #F6F2F0FF;
1356
- --persona-green-surface-accent-gradient-hover: #CCCCCCFF;
1357
- --persona-green-surface-accent-gradient-active: #E6E6E6FF;
1358
- --persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
1359
1240
  --persona-green-text-accent: #EBE7E5FF;
1360
1241
  --persona-green-text-accent-hover: #CCCCCCFF;
1361
1242
  --persona-green-text-accent-active: #E6E6E6FF;
1362
- --persona-green-text-accent-brightness: #EBE7E5FF;
1363
- --persona-indigo-surface-accent-gradient: #F6F2F0FF;
1364
- --persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1365
- --persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1366
- --persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
1367
1243
  --persona-indigo-text-accent: #EBE7E5FF;
1368
1244
  --persona-indigo-text-accent-hover: #CCCCCCFF;
1369
1245
  --persona-indigo-text-accent-active: #E6E6E6FF;
1370
- --persona-indigo-text-accent-brightness: #EBE7E5FF;
1371
- --persona-ochre-surface-accent-gradient: #F6F2F0FF;
1372
- --persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
1373
- --persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
1374
1246
  --persona-ochre-text-accent: #EBE7E5FF;
1375
1247
  --persona-ochre-text-accent-hover: #CCCCCCFF;
1376
1248
  --persona-ochre-text-accent-active: #E6E6E6FF;
1377
- --persona-ochre-text-accent-brightness: #EBE7E5FF;
1378
- --persona-olive-surface-accent-gradient: #F6F2F0FF;
1379
- --persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1380
- --persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1381
- --persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
1382
1249
  --persona-olive-text-accent: #EBE7E5FF;
1383
1250
  --persona-olive-text-accent-hover: #CCCCCCFF;
1384
1251
  --persona-olive-text-accent-active: #E6E6E6FF;
1385
- --persona-olive-text-accent-brightness: #EBE7E5FF;
1386
- --persona-pink-surface-accent-gradient: #F6F2F0FF;
1387
- --persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
1388
- --persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1389
1252
  --on-light-outline-default-active: #E6E6E6FF;
1390
1253
  --on-light-outline-minor: #FFFFFFFF;
1391
1254
  --on-light-outline-minor-hover: #CCCCCCFF;
1392
- --on-light-outline-minor-brightness: #FFFFFFFF;
1393
- --persona-blue-surface-accent-gradient: #F6F2F0FF;
1394
- --persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1395
- --persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1396
1255
  --persona-sea-blue-text-accent: #EBE7E5FF;
1397
1256
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
1398
1257
  --persona-sea-blue-text-accent-active: #E6E6E6FF;
1399
- --persona-sea-blue-text-accent-brightness: #EBE7E5FF;
1400
- --persona-violet-surface-accent-gradient: #F6F2F0FF;
1401
- --persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1402
- --persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1403
- --persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
1404
1258
  --persona-violet-text-accent: #EBE7E5FF;
1405
1259
  --persona-violet-text-accent-hover: #CCCCCCFF;
1406
1260
  --persona-violet-text-accent-active: #E6E6E6FF;
1407
- --persona-violet-text-accent-brightness: #EBE7E5FF;
1408
- --inverse-persona-blue-surface-accent-gradient: #0F0F0FFF;
1409
- --inverse-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1410
- --inverse-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1411
- --inverse-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1412
1261
  --inverse-persona-blue-text-accent: #15110FFF;
1413
1262
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
1414
1263
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
1415
- --inverse-persona-blue-text-accent-brightness: #15110FFF;
1416
- --inverse-persona-green-surface-accent-gradient: #0F0F0FFF;
1417
- --inverse-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
1418
- --inverse-persona-green-surface-accent-gradient-active: #E6E6E6FF;
1419
- --inverse-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
1420
1264
  --inverse-persona-green-text-accent: #15110FFF;
1421
1265
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
1422
1266
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
1423
- --inverse-persona-green-text-accent-brightness: #15110FFF;
1424
- --inverse-persona-indigo-surface-accent-gradient: #0F0F0FFF;
1425
- --inverse-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1426
- --inverse-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
1427
1267
  --inverse-persona-indigo-text-accent: #15110FFF;
1428
1268
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
1429
1269
  --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
1430
- --inverse-persona-indigo-text-accent-brightness: #15110FFF;
1431
- --inverse-persona-ochre-surface-accent-gradient: #0F0F0FFF;
1432
- --inverse-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1433
- --inverse-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
1434
1270
  --persona-pink-text-accent: #EBE7E5FF;
1435
1271
  --persona-pink-text-accent-hover: #CCCCCCFF;
1436
1272
  --persona-pink-text-accent-active: #E6E6E6FF;
1437
- --persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
1438
- --persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1439
- --inverse-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1440
- --inverse-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
1441
1273
  --inverse-persona-olive-text-accent: #15110FFF;
1442
1274
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
1443
- --inverse-persona-olive-text-accent-brightness: #15110FFF;
1444
- --inverse-persona-pink-surface-accent-gradient: #0F0F0FFF;
1445
- --inverse-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
1446
- --inverse-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1447
- --inverse-persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
1448
1275
  --inverse-persona-pink-text-accent: #15110FFF;
1449
1276
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
1450
1277
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
1451
- --inverse-persona-pink-text-accent-brightness: #15110FFF;
1452
- --inverse-persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
1453
- --inverse-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1454
- --inverse-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1455
- --inverse-persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1456
1278
  --inverse-persona-sea-blue-text-accent: #15110FFF;
1457
1279
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
1458
1280
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
1459
- --inverse-persona-sea-blue-text-accent-brightness: #15110FFF;
1460
- --inverse-persona-violet-surface-accent-gradient: #0F0F0FFF;
1461
- --inverse-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1462
- --inverse-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1463
- --inverse-persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
1464
1281
  --inverse-persona-violet-text-accent: #15110FFF;
1465
1282
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
1466
1283
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
1467
- --inverse-persona-violet-text-accent-brightness: #15110FFF;
1468
- --on-dark-persona-blue-surface-accent-gradient: #0F0F0FFF;
1469
- --on-dark-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1470
- --on-dark-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1471
1284
  --on-dark-persona-blue-text-accent: #15110FFF;
1472
1285
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
1473
1286
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
1474
- --on-dark-persona-blue-text-accent-brightness: #15110FFF;
1475
- --on-dark-persona-green-surface-accent-gradient: #0F0F0FFF;
1476
- --on-dark-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
1477
- --on-dark-persona-green-surface-accent-gradient-active: #E6E6E6FF;
1478
1287
  --inverse-persona-ochre-text-accent: #15110FFF;
1479
1288
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
1480
1289
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
1481
1290
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
1482
- --inverse-persona-olive-surface-accent-gradient: #0F0F0FFF;
1483
- --inverse-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1484
- --on-dark-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1485
- --on-dark-persona-indigo-surface-accent-gradient-brightness: #0F0F0FFF;
1486
1291
  --on-dark-persona-indigo-text-accent: #15110FFF;
1487
1292
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
1488
1293
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
1489
- --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
1490
- --on-dark-persona-ochre-surface-accent-gradient: #0F0F0FFF;
1491
- --on-dark-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1492
- --on-dark-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
1493
- --on-dark-persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
1494
1294
  --on-dark-persona-ochre-text-accent: #15110FFF;
1495
1295
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
1496
1296
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
1497
- --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
1498
- --on-dark-persona-olive-surface-accent-gradient: #0F0F0FFF;
1499
- --on-dark-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1500
- --on-dark-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1501
- --on-dark-persona-olive-surface-accent-gradient-brightness: #0F0F0FFF;
1502
1297
  --on-dark-persona-olive-text-accent: #15110FFF;
1503
1298
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
1504
1299
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
1505
- --on-dark-persona-olive-text-accent-brightness: #15110FFF;
1506
- --on-dark-persona-pink-surface-accent-gradient: #0F0F0FFF;
1507
- --on-dark-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
1508
- --on-dark-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1509
- --on-dark-persona-pink-surface-accent-gradient-brightness: #0F0F0FFF;
1510
1300
  --on-dark-persona-pink-text-accent: #15110FFF;
1511
1301
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
1512
- --on-dark-persona-pink-text-accent-brightness: #15110FFF;
1513
- --on-dark-persona-sea-blue-surface-accent-gradient: #0F0F0FFF;
1514
- --on-dark-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1515
- --on-dark-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1516
- --on-dark-persona-sea-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1517
1302
  --on-dark-persona-sea-blue-text-accent: #15110FFF;
1518
1303
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
1519
1304
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
1520
- --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
1521
- --on-dark-persona-violet-surface-accent-gradient: #0F0F0FFF;
1522
- --on-dark-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1523
- --on-dark-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1524
1305
  --on-dark-persona-green-text-accent: #15110FFF;
1525
1306
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
1526
1307
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
1527
- --on-dark-persona-indigo-surface-accent-gradient: #0F0F0FFF;
1528
- --on-dark-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1529
1308
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
1530
1309
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
1531
- --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
1532
- --on-light-persona-green-surface-accent-gradient: #F6F2F0FF;
1533
- --on-light-persona-green-surface-accent-gradient-hover: #CCCCCCFF;
1534
- --on-light-persona-green-surface-accent-gradient-active: #E6E6E6FF;
1535
- --on-light-persona-green-surface-accent-gradient-brightness: #F6F2F0FF;
1536
1310
  --on-light-persona-green-text-accent: #EBE7E5FF;
1537
1311
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
1538
1312
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
1539
- --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
1540
- --on-light-persona-indigo-surface-accent-gradient: #F6F2F0FF;
1541
- --on-light-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1542
- --on-light-persona-indigo-surface-accent-gradient-active: #E6E6E6FF;
1543
- --on-light-persona-indigo-surface-accent-gradient-brightness: #F6F2F0FF;
1544
1313
  --on-light-persona-indigo-text-accent: #EBE7E5FF;
1545
1314
  --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
1546
1315
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
1547
- --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
1548
- --on-light-persona-ochre-surface-accent-gradient: #F6F2F0FF;
1549
- --on-light-persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1550
- --on-light-persona-ochre-surface-accent-gradient-active: #E6E6E6FF;
1551
1316
  --on-light-persona-ochre-text-accent: #EBE7E5FF;
1552
1317
  --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
1553
1318
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
1554
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
1555
- --on-light-persona-olive-surface-accent-gradient: #F6F2F0FF;
1556
1319
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
1557
1320
  --on-light-persona-olive-text-accent-active: #E6E6E6FF;
1558
- --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
1559
- --on-light-persona-pink-surface-accent-gradient: #F6F2F0FF;
1560
- --on-light-persona-pink-surface-accent-gradient-hover: #CCCCCCFF;
1561
1321
  --on-dark-persona-violet-text-accent: #15110FFF;
1562
1322
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
1563
- --on-dark-persona-violet-text-accent-brightness: #15110FFF;
1564
- --on-light-persona-ochre-surface-accent-gradient-brightness: #F6F2F0FF;
1565
- --on-light-persona-blue-surface-accent-gradient-hover: #CCCCCCFF;
1566
- --on-light-persona-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1567
1323
  --on-light-persona-blue-text-accent: #EBE7E5FF;
1568
- --on-light-persona-violet-surface-accent-gradient-brightness: #F6F2F0FF;
1569
1324
  --on-light-persona-violet-text-accent: #EBE7E5FF;
1570
1325
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
1571
1326
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
1572
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
1573
1327
  --surface-accent-primary: #527E4BFF;
1574
1328
  --surface-accent-primary-hover: #CCCCCCFF;
1575
1329
  --surface-accent-primary-active: #E6E6E6FF;
1576
- --on-light-persona-violet-surface-accent-gradient: #F6F2F0FF;
1577
- --on-light-persona-violet-surface-accent-gradient-active: #E6E6E6FF;
1578
1330
  --on-light-surface-accent-primary: #527E4BFF;
1579
1331
  --on-dark-surface-accent-minor: #3E4C2FFF;
1580
1332
  --on-light-surface-transparent-tertiary-active: #08080833;
@@ -1584,21 +1336,13 @@
1584
1336
  --inverse-surface-accent-minor: #3E4C2FFF;
1585
1337
  --on-dark-text-accent-minor-active: #629405FF;
1586
1338
  --on-dark-background-secondary-active: #E6E6E6FF;
1587
- --on-light-persona-olive-surface-accent-gradient-hover: #CCCCCCFF;
1588
1339
  --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
1589
1340
  --on-light-data-yellow-minor-active: #FFCC66FF;
1590
- --on-dark-persona-violet-surface-accent-gradient-brightness: #0F0F0FFF;
1591
- --on-light-persona-pink-surface-accent-gradient-active: #E6E6E6FF;
1592
- --on-light-persona-sea-blue-surface-accent-gradient-hover: #CCCCCCFF;
1593
1341
  --inverse-text-accent-active: #629405FF;
1594
1342
  --surface-warning-active: #E65705FF;
1595
- --on-dark-persona-blue-surface-accent-gradient-brightness: #0F0F0FFF;
1596
- --on-light-persona-olive-surface-accent-gradient-active: #E6E6E6FF;
1597
1343
  --on-light-surface-accent-primary-active: #E6E6E6FF;
1598
- --inverse-persona-ochre-surface-accent-gradient-brightness: #0F0F0FFF;
1599
1344
  --on-light-text-accent-minor-hover: #B6FB37FF;
1600
1345
  --on-light-persona-pink-text-accent-active: #E6E6E6FF;
1601
- --on-light-persona-sea-blue-surface-accent-gradient-active: #E6E6E6FF;
1602
1346
  --on-light-persona-sea-blue-text-accent-active: #E6E6E6FF;
1603
1347
  --surface-accent-secondary-active: #E6E6E6FF;
1604
1348
  --surface-transparent-accent-minor-active: #E6E6E6FF;
@@ -1616,12 +1360,8 @@
1616
1360
  --on-dark-text-tertiary: #F6F2F03D;
1617
1361
  --on-light-text-accent-hover: #79B706FF;
1618
1362
  --text-accent-minor-hover: #B6FB37FF;
1619
- --inverse-persona-indigo-surface-accent-gradient-hover: #CCCCCCFF;
1620
- --on-dark-persona-green-surface-accent-gradient-brightness: #0F0F0FFF;
1621
1363
  --on-light-persona-olive-text-accent: #EBE7E5FF;
1622
1364
  --on-light-surface-transparent-accent-minor: #527E4B3D;
1623
- --on-dark-outline-default-brightness: #3B3735FF;
1624
- --on-light-persona-sea-blue-surface-accent-gradient: #F6F2F0FF;
1625
1365
  --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
1626
1366
  --surface-accent-secondary: #688F61FF;
1627
1367
  --surface-transparent-accent-minor: #527E4B3D;
@@ -1631,32 +1371,14 @@
1631
1371
  --on-dark-surface-accent-secondary: #B4AE7BFF;
1632
1372
  --on-dark-surface-transparent-accent-minor: #B4AE7B47;
1633
1373
  --on-light-surface-accent-secondary: #688F61FF;
1634
- --on-light-surface-accent-secondary-brightness: #688F61FF;
1635
1374
  --inverse-outline-minor: #383838FF;
1636
1375
  --inverse-text-warning-hover: #FF8B4DFF;
1637
1376
  --data-yellow-transparent-hover: #F3A8129E;
1638
1377
  --on-dark-surface-negative: #F8A6A9FF;
1639
1378
  --inverse-surface-info: #9BCAF8FF;
1640
1379
  --on-light-outline-warning-hover: #FD9253FF;
1641
- --on-light-persona-olive-surface-accent-gradient-brightness: #F6F2F0FF;
1642
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
1643
- --surface-transparent-accent-minor-brightness: #527E4B3D;
1644
- --inverse-surface-accent-secondary-brightness: #B4AE7BFF;
1645
- --inverse-surface-transparent-accent-minor-brightness: #B4AE7B47;
1646
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
1647
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
1648
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
1649
- --on-light-surface-accent-primary-brightness: #527E4BFF;
1650
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
1651
- --inverse-outline-minor-brightness: #383838FF;
1652
- --on-light-persona-sea-blue-surface-accent-gradient-brightness: #F6F2F0FF;
1653
- --surface-accent-primary-brightness: #527E4BFF;
1654
- --surface-accent-secondary-brightness: #688F61FF;
1655
- --on-light-outline-default-brightness: #DDD9D7FF;
1656
1380
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
1657
1381
  --on-dark-text-accent-hover: #96E208FF;
1658
- --on-light-persona-violet-surface-accent-gradient-hover: #CCCCCCFF;
1659
- --persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
1660
1382
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
1661
1383
  --on-light-surface-accent-primary-hover: #CCCCCCFF;
1662
1384
  --on-light-surface-accent-secondary-hover: #CCCCCCFF;
@@ -1669,10 +1391,6 @@
1669
1391
  --inverse-surface-accent-secondary-hover: #CCCCCCFF;
1670
1392
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
1671
1393
  --inverse-background-secondary-active: #E6E6E6FF;
1672
- --persona-pink-text-accent-brightness: #EBE7E5FF;
1673
- --inverse-persona-ochre-text-accent-brightness: #15110FFF;
1674
- --on-dark-persona-green-text-accent-brightness: #15110FFF;
1675
- --on-light-persona-blue-surface-accent-gradient-active: #E6E6E6FF;
1676
1394
  --on-light-persona-pink-text-accent: #EBE7E5FF;
1677
1395
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
1678
1396
  --surface-solid-default: #15110FFF;
@@ -1684,10 +1402,8 @@
1684
1402
  --dark-background-primary: #080808;
1685
1403
  --on-dark-data-yellow-minor-hover: #B87A00FF;
1686
1404
  --on-light-outline-negative-active: #E40C22FF;
1687
- --on-light-persona-pink-surface-accent-gradient-brightness: #F6F2F0FF;
1688
1405
  --on-light-outline-transparent-primary: #15110F3D;
1689
1406
  --on-light-surface-transparent-accent: #527E4B1F;
1690
- --persona-ochre-surface-accent-gradient-hover: #CCCCCCFF;
1691
1407
  --on-dark-surface-solid-primary-active: #121212FF;
1692
1408
  --on-dark-surface-transparent-deep-active: #FFFFFF94;
1693
1409
  --on-dark-surface-positive: #A6D2A2FF;
@@ -1695,13 +1411,13 @@
1695
1411
  --on-light-outline-text-info-active: #096CAEFF;
1696
1412
  --on-dark-persona-violet-text-accent-active: #E6E6E6FF;
1697
1413
  --on-light-outline-minor-active: #E6E6E6FF;
1698
- --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
1699
1414
  --on-dark-outline-transparent-primary: #FFFFFF1F;
1700
1415
  color: var(--text-primary);
1701
1416
  background-color: var(--background-primary);
1702
1417
  }
1703
1418
 
1704
1419
  .light {
1420
+ --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1705
1421
  --surface-accent-gradient: linear-gradient(45.00deg, rgb(82, 126, 75) 0%, rgb(156, 191, 128) 100%);
1706
1422
  --surface-skeleton-gradient: linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%);
1707
1423
  --surface-skeleton-gradient-hover: #FFFFFFFF;
@@ -1742,8 +1458,92 @@
1742
1458
  --inverse-outline-accent-gradient-hover: #858585FF;
1743
1459
  --inverse-outline-accent-gradient-active: #666666FF;
1744
1460
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
1461
+ --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1462
+ --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1463
+ --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1464
+ --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1465
+ --persona-green-surface-accent-gradient-active: #FFFFFFFF;
1466
+ --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1467
+ --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
1468
+ --persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
1469
+ --persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
1470
+ --persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
1471
+ --persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
1472
+ --persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1473
+ --persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1474
+ --persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1475
+ --persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1476
+ --persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1477
+ --persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1478
+ --persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
1479
+ --persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1480
+ --persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1481
+ --persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1482
+ --inverse-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1483
+ --inverse-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1484
+ --inverse-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1485
+ --inverse-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1486
+ --inverse-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1487
+ --inverse-persona-green-surface-accent-gradient-active: #FFFFFFFF;
1488
+ --inverse-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1489
+ --inverse-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
1490
+ --inverse-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
1491
+ --inverse-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
1492
+ --inverse-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
1493
+ --persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1494
+ --persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1495
+ --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1496
+ --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1497
+ --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1498
+ --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1499
+ --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1500
+ --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1501
+ --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
1502
+ --inverse-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1503
+ --inverse-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1504
+ --inverse-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1505
+ --on-dark-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1506
+ --on-dark-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1507
+ --on-dark-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1508
+ --on-dark-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1509
+ --on-dark-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1510
+ --on-dark-persona-green-surface-accent-gradient-active: #FFFFFFFF;
1511
+ --inverse-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
1512
+ --inverse-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1513
+ --on-dark-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
1514
+ --on-dark-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
1515
+ --on-dark-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
1516
+ --on-dark-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
1517
+ --on-dark-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
1518
+ --on-dark-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1519
+ --on-dark-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1520
+ --on-dark-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1521
+ --on-dark-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1522
+ --on-dark-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1523
+ --on-dark-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1524
+ --on-dark-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1525
+ --on-dark-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
1526
+ --on-dark-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1527
+ --on-dark-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1528
+ --on-dark-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1529
+ --on-dark-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1530
+ --on-dark-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
1531
+ --on-light-persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1532
+ --on-light-persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1533
+ --on-light-persona-green-surface-accent-gradient-active: #FFFFFFFF;
1534
+ --on-light-persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1535
+ --on-light-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
1536
+ --on-light-persona-indigo-surface-accent-gradient-active: #FFFFFFFF;
1537
+ --on-light-persona-ochre-surface-accent-gradient: linear-gradient(135.00deg, #E0AB69FF 0%, #AC7530FF 100%);
1538
+ --on-light-persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
1539
+ --on-light-persona-ochre-surface-accent-gradient-active: #FFFFFFFF;
1540
+ --on-light-persona-olive-surface-accent-gradient: linear-gradient(135.00deg, #B3BA8DFF 0%, #7C8557FF 100%);
1541
+ --on-light-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1542
+ --on-light-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1543
+ --on-light-persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1544
+ --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1545
+ --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1745
1546
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
1746
- --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1747
1547
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1748
1548
  --on-light-outline-transparent-surface-hover: #CCCCCCFF;
1749
1549
  --on-light-outline-transparent-surface-active: #E6E6E6FF;
@@ -1756,47 +1556,43 @@
1756
1556
  --on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1757
1557
  --on-dark-text-accent-gradient-ai-hover: #000000FF;
1758
1558
  --on-dark-text-accent-gradient-ai-active: #CCCCCCFF;
1759
- --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1760
1559
  --on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1761
1560
  --on-light-text-accent-gradient-ai-hover: #000000FF;
1762
1561
  --on-light-text-accent-gradient-ai-active: #CCCCCCFF;
1763
- --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1764
1562
  --text-accent-gradient-ai-active: #CCCCCCFF;
1765
- --text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1766
- --surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1767
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1768
- --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1769
- --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1770
1563
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1771
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1772
1564
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
1565
+ --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1773
1566
  --on-light-overlay-gradient-active: #E6E6E6FF;
1774
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1775
1567
  --outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1776
1568
  --outline-transparent-surface-hover: #CCCCCCFF;
1777
1569
  --outline-transparent-surface-active: #E6E6E6FF;
1778
- --outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1779
1570
  --overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1780
1571
  --overlay-gradient-hover: #CCCCCCFF;
1781
1572
  --overlay-gradient-active: #E6E6E6FF;
1782
- --overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1783
1573
  --on-dark-overlay-gradient: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1784
1574
  --on-dark-overlay-gradient-hover: #CCCCCCFF;
1785
1575
  --on-dark-overlay-gradient-active: #E6E6E6FF;
1786
- --on-dark-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1787
1576
  --inverse-overlay-gradient-active: #E6E6E6FF;
1788
1577
  --inverse-overlay-gradient-hover: #CCCCCCFF;
1789
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1790
1578
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1579
+ --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1580
+ --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1791
1581
  --on-light-overlay-gradient-hover: #CCCCCCFF;
1582
+ --on-light-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1583
+ --on-light-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
1792
1584
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1793
1585
  --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1794
1586
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
1587
+ --inverse-persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
1588
+ --on-light-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1795
1589
  --surface-accent-gradient-hover: #CCCCCCFF;
1796
1590
  --outline-accent-gradient-active: #E6E6E6FF;
1797
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1591
+ --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1798
1592
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1799
1593
  --surface-accent-gradient-active: #E6E6E6FF;
1594
+ --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1595
+ --persona-ochre-surface-accent-gradient-hover: #FFFFFFFF;
1800
1596
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
1801
1597
  }
1802
1598
 
@@ -1855,6 +1651,12 @@
1855
1651
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
1856
1652
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
1857
1653
  --plasma-typo-text-font-family: 'undefined', sans-serif;
1654
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
1655
+ --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
1656
+ --plasma-typo-body-xxs-medium-font-style: normal;
1657
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
1658
+ --plasma-typo-body-xxs-letter-spacing: -0.02em;
1659
+ --plasma-typo-body-xxs-font-style: normal;
1858
1660
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
1859
1661
  --plasma-typo-h3-bold-letter-spacing: normal;
1860
1662
  --plasma-typo-h3-bold-font-style: normal;
@@ -1894,12 +1696,6 @@
1894
1696
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
1895
1697
  --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
1896
1698
  --plasma-typo-body-xxs-bold-font-style: normal;
1897
- --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
1898
- --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
1899
- --plasma-typo-body-xxs-medium-font-style: normal;
1900
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
1901
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
1902
- --plasma-typo-body-xxs-font-style: normal;
1903
1699
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1904
1700
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
1905
1701
  --plasma-typo-dspl-s-bold-font-style: normal;
@@ -1913,6 +1709,12 @@
1913
1709
 
1914
1710
  @media (max-width: 559px) {
1915
1711
  .dark, .light {
1712
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1713
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1714
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1715
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1716
+ --plasma-typo-body-xxs-font-weight: 400;
1717
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1916
1718
  --plasma-typo-h3-bold-font-size: 1.25rem;
1917
1719
  --plasma-typo-h3-bold-font-weight: 700;
1918
1720
  --plasma-typo-h3-bold-line-height: 1.4375rem;
@@ -1952,12 +1754,6 @@
1952
1754
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1953
1755
  --plasma-typo-body-xxs-bold-font-weight: 600;
1954
1756
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1955
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1956
- --plasma-typo-body-xxs-medium-font-weight: 500;
1957
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1958
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1959
- --plasma-typo-body-xxs-font-weight: 400;
1960
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1961
1757
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1962
1758
  --plasma-typo-dspl-s-bold-font-weight: 700;
1963
1759
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -1972,15 +1768,15 @@
1972
1768
 
1973
1769
  @media (min-width: 560px) and (max-width: 959px) {
1974
1770
  .dark, .light {
1975
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1976
- --plasma-typo-dspl-s-bold-font-weight: 600;
1977
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1978
1771
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1979
1772
  --plasma-typo-dspl-s-medium-font-weight: 500;
1980
1773
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1981
1774
  --plasma-typo-dspl-s-font-size: 2.125rem;
1982
1775
  --plasma-typo-dspl-s-font-weight: 400;
1983
1776
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1777
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1778
+ --plasma-typo-dspl-s-bold-font-weight: 600;
1779
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1984
1780
  --plasma-typo-h3-font-size: 1.25rem;
1985
1781
  --plasma-typo-h3-font-weight: 400;
1986
1782
  --plasma-typo-h3-line-height: 1.4375rem;