@salutejs-ds/sdds_sbcom 0.1.3 → 0.1.5

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 (85) hide show
  1. package/components/Button/Button.config.d.ts +2 -2
  2. package/components/Button/Button.config.js +8 -8
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1ccu9cu.css +10 -0
  5. package/components/Button/Button.css +9 -9
  6. package/components/Button/Button.d.ts +2 -2
  7. package/components/Checkbox/Checkbox.config.d.ts +1 -1
  8. package/components/Checkbox/Checkbox.config.js +4 -4
  9. package/components/Checkbox/Checkbox.config.js.map +1 -1
  10. package/components/Checkbox/Checkbox.config_1rh5bl.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +1 -1
  13. package/components/IconButton/IconButton.config.d.ts +1 -1
  14. package/components/IconButton/IconButton.config.js +3 -3
  15. package/components/IconButton/IconButton.config.js.map +1 -1
  16. package/components/IconButton/IconButton.config_cfiy79.css +9 -0
  17. package/components/IconButton/IconButton.css +8 -8
  18. package/components/IconButton/IconButton.d.ts +1 -1
  19. package/components/Link/Link.config.js +1 -1
  20. package/components/Link/Link.config.js.map +1 -1
  21. package/{es/components/Link/Link.config_9ew1ky.css → components/Link/Link.config_xhilcr.css} +3 -3
  22. package/components/Link/Link.css +8 -8
  23. package/components/Radiobox/Radiobox.config.d.ts +1 -1
  24. package/components/Radiobox/Radiobox.config.js +4 -4
  25. package/components/Radiobox/Radiobox.config.js.map +1 -1
  26. package/components/Radiobox/Radiobox.config_hk6a3j.css +6 -0
  27. package/components/Radiobox/Radiobox.css +6 -6
  28. package/components/Radiobox/Radiobox.d.ts +1 -1
  29. package/css/sdds_sbcom.module.css +306 -306
  30. package/css/sdds_sbcom__dark.css +165 -165
  31. package/css/sdds_sbcom__light.css +168 -168
  32. package/es/components/Button/Button.config.js +8 -8
  33. package/es/components/Button/Button.config.js.map +1 -1
  34. package/es/components/Button/Button.config_1ccu9cu.css +10 -0
  35. package/es/components/Button/Button.css +9 -9
  36. package/es/components/Checkbox/Checkbox.config.js +4 -4
  37. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  38. package/es/components/Checkbox/Checkbox.config_1rh5bl.css +6 -0
  39. package/es/components/Checkbox/Checkbox.css +6 -6
  40. package/es/components/IconButton/IconButton.config.js +3 -3
  41. package/es/components/IconButton/IconButton.config.js.map +1 -1
  42. package/es/components/IconButton/IconButton.config_cfiy79.css +9 -0
  43. package/es/components/IconButton/IconButton.css +8 -8
  44. package/es/components/Link/Link.config.js +1 -1
  45. package/es/components/Link/Link.config.js.map +1 -1
  46. package/{components/Link/Link.config_9ew1ky.css → es/components/Link/Link.config_xhilcr.css} +3 -3
  47. package/es/components/Link/Link.css +8 -8
  48. package/es/components/Radiobox/Radiobox.config.js +4 -4
  49. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  50. package/es/components/Radiobox/Radiobox.config_hk6a3j.css +6 -0
  51. package/es/components/Radiobox/Radiobox.css +6 -6
  52. package/es/index.css +37 -37
  53. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  54. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  55. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  56. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  57. package/es/theme/tokens/index.js +387 -387
  58. package/es/theme/tokens/index.js.map +1 -1
  59. package/index.css +37 -37
  60. package/package.json +1 -1
  61. package/styled-components/cjs/Button/Button.config.js +7 -7
  62. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  63. package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
  64. package/styled-components/cjs/Link/Link.config.js +3 -3
  65. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  66. package/styled-components/es/Button/Button.config.js +7 -7
  67. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  68. package/styled-components/es/IconButton/IconButton.config.js +8 -8
  69. package/styled-components/es/Link/Link.config.js +3 -3
  70. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  71. package/theme/themes/sdds_sbcom__dark.js +1 -1
  72. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  73. package/theme/themes/sdds_sbcom__light.js +1 -1
  74. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  75. package/theme/tokens/index.d.ts +273 -273
  76. package/theme/tokens/index.js +387 -387
  77. package/theme/tokens/index.js.map +1 -1
  78. package/components/Button/Button.config_1fseone.css +0 -10
  79. package/components/Checkbox/Checkbox.config_akvxn0.css +0 -6
  80. package/components/IconButton/IconButton.config_1uu5rxr.css +0 -9
  81. package/components/Radiobox/Radiobox.config_1tzom6m.css +0 -6
  82. package/es/components/Button/Button.config_1fseone.css +0 -10
  83. package/es/components/Checkbox/Checkbox.config_akvxn0.css +0 -6
  84. package/es/components/IconButton/IconButton.config_1uu5rxr.css +0 -9
  85. package/es/components/Radiobox/Radiobox.config_1tzom6m.css +0 -6
@@ -2,6 +2,98 @@
2
2
 
3
3
  .dark {
4
4
  --text-tertiary-hover: #F5F5F5FF;
5
+ --inverse-text-paragraph: #15110F66;
6
+ --inverse-text-accent-minor: #52804A66;
7
+ --surface-solid-primary-hover: #1C1C1CFF;
8
+ --surface-solid-default-hover: #FFFFFFFF;
9
+ --surface-accent-minor-hover: #2A390EFF;
10
+ --surface-transparent-primary: #FFFFFF14;
11
+ --on-dark-surface-solid-primary-brightness: #252525FF;
12
+ --on-dark-surface-transparent-card: #23232399;
13
+ --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
14
+ --on-light-surface-solid-default-hover: #262626FF;
15
+ --on-light-surface-negative-active: #FF142CFF;
16
+ --inverse-surface-solid-default-active: #030303FF;
17
+ --inverse-surface-transparent-tertiary-active: #08080833;
18
+ --inverse-surface-positive-hover: #6FA706FF;
19
+ --outline-positive-hover: #96E208FF;
20
+ --inverse-surface-accent-minor-hover: #D7FD91FF;
21
+ --on-light-outline-positive-hover: #79B706FF;
22
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
23
+ --on-light-outline-warning: #BE4E0CFF;
24
+ --text-secondary-hover: #F5F5F5FF;
25
+ --on-dark-outline-minor-brightness: #383838FF;
26
+ --background-secondary-brightness: #000000FF;
27
+ --persona-blue-text-accent-brightness: #15110FFF;
28
+ --persona-green-text-accent-brightness: #15110FFF;
29
+ --persona-indigo-text-accent-brightness: #15110FFF;
30
+ --persona-ochre-text-accent-brightness: #15110FFF;
31
+ --persona-olive-text-accent-brightness: #15110FFF;
32
+ --on-dark-data-yellow-transparent-active: #F3A81280;
33
+ --on-dark-background-secondary-hover: #CCCCCCFF;
34
+ --persona-indigo-text-accent: #9291E5;
35
+ --on-dark-persona-pink-text-accent-brightness: #15110FFF;
36
+ --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
37
+ --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
38
+ --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
39
+ --on-light-persona-olive-text-accent-active: #E6E6E6FF;
40
+ --on-dark-persona-violet-text-accent-brightness: #15110FFF;
41
+ --on-dark-text-accent-minor-active: #2F4408FF;
42
+ --on-light-surface-accent-secondary-brightness: #688F61FF;
43
+ --surface-transparent-accent-minor-brightness: #B4AE7B47;
44
+ --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
45
+ --inverse-persona-ochre-text-accent-brightness: #EBE7E5FF;
46
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
47
+ --outline-transparent-clear: #00000000;
48
+ --inverse-background-secondary-brightness: #FFFFFFFF;
49
+ --persona-sea-blue-text-accent-active: #E6E6E6FF;
50
+ --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
51
+ --on-dark-persona-ochre-text-accent: #E0AB69;
52
+ --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
53
+ --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
54
+ --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
55
+ --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
56
+ --on-dark-surface-accent-minor: #3E4C2FFF;
57
+ --inverse-surface-transparent-accent: #527E4B1F;
58
+ --on-dark-outline-default-brightness: #3B3735FF;
59
+ --on-light-outline-warning-hover: #FD9253FF;
60
+ --inverse-surface-transparent-accent-minor-brightness: #527E4B3D;
61
+ --on-light-surface-accent-primary-brightness: #527E4BFF;
62
+ --surface-accent-secondary-brightness: #B4AE7BFF;
63
+ --on-dark-background-secondary-brightness: #0F0F0FFF;
64
+ --on-light-background-secondary-brightness: #F6F2F0FF;
65
+ --outline-default-brightness: #3B3735FF;
66
+ --outline-minor-brightness: #383838FF;
67
+ --outline-transparent-clear-brightness: #00000000;
68
+ --inverse-outline-default-brightness: #DDD9D7FF;
69
+ --inverse-outline-outline-minor-brightness: #FFFFFFFF;
70
+ --inverse-persona-olive-text-accent-brightness: #EBE7E5FF;
71
+ --inverse-persona-pink-text-accent-brightness: #EBE7E5FF;
72
+ --inverse-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
73
+ --inverse-persona-violet-text-accent-brightness: #EBE7E5FF;
74
+ --on-dark-persona-blue-text-accent-brightness: #15110FFF;
75
+ --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
76
+ --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
77
+ --on-dark-persona-olive-text-accent-brightness: #15110FFF;
78
+ --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
79
+ --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
80
+ --inverse-surface-accent-secondary-brightness: #688F61FF;
81
+ --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
82
+ --surface-accent-primary-brightness: #B4AE7BFF;
83
+ --on-dark-surface-solid-primary-hover: #1C1C1CFF;
84
+ --on-dark-persona-green-text-accent-brightness: #15110FFF;
85
+ --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
86
+ --on-light-outline-minor-brightness: #FFFFFFFF;
87
+ --persona-sea-blue-text-accent-brightness: #15110FFF;
88
+ --persona-violet-text-accent-brightness: #15110FFF;
89
+ --inverse-persona-blue-text-accent-brightness: #EBE7E5FF;
90
+ --inverse-persona-green-text-accent-brightness: #EBE7E5FF;
91
+ --inverse-persona-indigo-text-accent-brightness: #EBE7E5FF;
92
+ --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
93
+ --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
94
+ --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
95
+ --on-light-outline-default-brightness: #DDD9D7FF;
96
+ --persona-pink-text-accent-brightness: #15110FFF;
5
97
  --text-tertiary-active: #F5F5F556;
6
98
  --text-tertiary: #F6F2F03D;
7
99
  --text-paragraph-hover: #F5F5F57A;
@@ -94,7 +186,6 @@
94
186
  --inverse-text-tertiary: #15110F3D;
95
187
  --inverse-text-paragraph-hover: #1717177A;
96
188
  --inverse-text-paragraph-active: #171717A3;
97
- --inverse-text-paragraph: #15110F66;
98
189
  --inverse-text-accent-hover: #79B706FF;
99
190
  --on-light-text-accent-active: #3E5E03FF;
100
191
  --on-light-text-accent-minor-active: #70AA03FF;
@@ -111,8 +202,6 @@
111
202
  --inverse-text-info: #205EA5FF;
112
203
  --inverse-text-accent: #52804AFF;
113
204
  --inverse-text-positive: #207F1FFF;
114
- --inverse-text-accent-minor: #52804A66;
115
- --surface-solid-primary-hover: #1C1C1CFF;
116
205
  --surface-solid-primary-active: #121212FF;
117
206
  --surface-solid-primary: #232323FF;
118
207
  --surface-solid-primary-brightness: #252525FF;
@@ -126,7 +215,6 @@
126
215
  --surface-solid-card-active: #121212FF;
127
216
  --surface-solid-card: #232323FF;
128
217
  --surface-solid-card-brightness: #252525FF;
129
- --surface-solid-default-hover: #FFFFFFFF;
130
218
  --surface-solid-default-active: #F5F5F5FF;
131
219
  --inverse-text-accent-minor-hover: #B6FB37FF;
132
220
  --inverse-text-accent-minor-active: #70AA03FF;
@@ -143,7 +231,6 @@
143
231
  --surface-clear-hover: #00000000;
144
232
  --surface-clear-active: #00000000;
145
233
  --surface-clear: #00000000;
146
- --surface-accent-minor-hover: #2A390EFF;
147
234
  --surface-accent-minor-active: #182108FF;
148
235
  --surface-transparent-accent-hover: #1A9E3252;
149
236
  --surface-transparent-accent-active: #1A9E3224;
@@ -152,7 +239,6 @@
152
239
  --surface-warning-hover: #FB7223FF;
153
240
  --surface-transparent-primary-hover: #FFFFFF1F;
154
241
  --surface-transparent-primary-active: #FFFFFF0A;
155
- --surface-transparent-primary: #FFFFFF14;
156
242
  --surface-transparent-secondary-active: #FFFFFF0F;
157
243
  --surface-transparent-secondary: #FFFFFF29;
158
244
  --surface-transparent-accent: #B4AE7B33;
@@ -160,7 +246,6 @@
160
246
  --surface-positive: #A6D2A2FF;
161
247
  --surface-accent-minor: #3E4C2FFF;
162
248
  --on-dark-surface-solid-primary: #232323FF;
163
- --on-dark-surface-solid-primary-brightness: #252525FF;
164
249
  --on-dark-surface-solid-secondary-hover: #303030FF;
165
250
  --on-dark-surface-solid-secondary-active: #212121FF;
166
251
  --on-dark-surface-solid-secondary: #292929FF;
@@ -185,7 +270,6 @@
185
270
  --surface-info-hover: #1798EEFF;
186
271
  --surface-info-active: #1086D5FF;
187
272
  --on-dark-surface-transparent-card-active: #FFFFFF0A;
188
- --on-dark-surface-transparent-card: #23232399;
189
273
  --on-dark-surface-transparent-card-brightness: #FFFF1DFF;
190
274
  --on-dark-surface-accent-minor-hover: #2A390EFF;
191
275
  --on-dark-surface-accent-minor-active: #182108FF;
@@ -208,14 +292,12 @@
208
292
  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
209
293
  --on-light-surface-solid-secondary-active: #E6E6E6FF;
210
294
  --on-light-surface-solid-secondary: #FFFFFFFF;
211
- --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
212
295
  --on-light-surface-solid-tertiary-active: #D4D4D4FF;
213
296
  --on-light-surface-solid-tertiary: #FFFFFFFF;
214
297
  --on-light-surface-solid-card-hover: #FFFFFFFF;
215
298
  --on-light-surface-solid-card-active: #FFFFFFFF;
216
299
  --on-light-surface-solid-card: #FFFFFFFF;
217
300
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
218
- --on-light-surface-solid-default-hover: #262626FF;
219
301
  --on-light-surface-solid-default-active: #030303FF;
220
302
  --on-light-surface-solid-default: #15110FFF;
221
303
  --on-light-surface-transparent-primary-hover: #0808080A;
@@ -241,7 +323,6 @@
241
323
  --on-light-surface-warning-active: #E65705FF;
242
324
  --on-light-surface-warning: #BE4E0CFF;
243
325
  --on-light-surface-negative-hover: #FF5263FF;
244
- --on-light-surface-negative-active: #FF142CFF;
245
326
  --on-light-surface-negative: #E83439FF;
246
327
  --on-light-surface-info-hover: #209CEEFF;
247
328
  --on-light-surface-info-active: #0F81CCFF;
@@ -262,7 +343,6 @@
262
343
  --inverse-surface-solid-card: #FFFFFFFF;
263
344
  --inverse-surface-solid-card-brightness: #FFFFFFFF;
264
345
  --inverse-surface-solid-default-hover: #262626FF;
265
- --inverse-surface-solid-default-active: #030303FF;
266
346
  --inverse-surface-solid-default: #15110FFF;
267
347
  --inverse-surface-transparent-primary-hover: #0808080A;
268
348
  --inverse-surface-transparent-primary-active: #0808080D;
@@ -270,7 +350,6 @@
270
350
  --inverse-surface-transparent-secondary-active: #0808081A;
271
351
  --inverse-surface-transparent-secondary: #15110F14;
272
352
  --inverse-surface-transparent-tertiary-hover: #0808082E;
273
- --inverse-surface-transparent-tertiary-active: #08080833;
274
353
  --inverse-surface-transparent-tertiary: #15110F1F;
275
354
  --inverse-surface-transparent-deep-hover: #080808B3;
276
355
  --on-light-surface-info: #3776BCFF;
@@ -283,7 +362,6 @@
283
362
  --inverse-surface-accent-minor-active: #BEFB4BFF;
284
363
  --inverse-surface-transparent-accent-hover: #1A9E322E;
285
364
  --inverse-surface-transparent-accent-active: #1A9E3233;
286
- --inverse-surface-positive-hover: #6FA706FF;
287
365
  --inverse-surface-positive-active: #558005FF;
288
366
  --inverse-surface-warning-hover: #FB782DFF;
289
367
  --inverse-surface-warning-active: #E65705FF;
@@ -314,7 +392,6 @@
314
392
  --outline-transparent-primary-hover: #FFFFFF4D;
315
393
  --outline-transparent-primary-active: #FFFFFF12;
316
394
  --on-light-outline-positive: #239322FF;
317
- --outline-positive-hover: #96E208FF;
318
395
  --outline-positive-active: #629405FF;
319
396
  --outline-warning-hover: #FFA575FF;
320
397
  --outline-warning-active: #FF5D05FF;
@@ -325,7 +402,6 @@
325
402
  --outline-warning: #F8AD80FF;
326
403
  --inverse-surface-transparent-primary: #15110F0A;
327
404
  --inverse-surface-accent: #527E4BFF;
328
- --inverse-surface-accent-minor-hover: #D7FD91FF;
329
405
  --background-primary: #15110FFF;
330
406
  --on-dark-outline-positive-hover: #96E208FF;
331
407
  --on-dark-outline-positive-active: #629405FF;
@@ -343,11 +419,9 @@
343
419
  --inverse-outline-warning-active: #CA4B02FF;
344
420
  --on-light-outline-transparent-primary-hover: #08080852;
345
421
  --on-light-outline-transparent-primary-active: #08080838;
346
- --on-light-outline-positive-hover: #79B706FF;
347
422
  --on-light-outline-positive-active: #3E5E03FF;
348
423
  --outline-text-info: #9BCAF8FF;
349
424
  --outline-transparent-primary: #FFFFFF1F;
350
- --on-dark-outline-transparent-primary-active: #FFFFFF12;
351
425
  --on-light-outline-text-info: #3776BCFF;
352
426
  --inverse-outline-transparent-primary-hover: #08080852;
353
427
  --inverse-outline-transparent-primary-active: #08080838;
@@ -372,9 +446,7 @@
372
446
  --on-light-outline-negative-hover: #F87C89FF;
373
447
  --on-light-outline-warning-active: #CA4B02FF;
374
448
  --on-light-outline-text-info-hover: #47B0F5FF;
375
- --on-light-outline-warning: #BE4E0CFF;
376
449
  --on-light-outline-negative: #E83439FF;
377
- --on-dark-data-yellow-transparent-active: #F3A81280;
378
450
  --on-light-data-yellow: #F3A912;
379
451
  --on-light-data-yellow-hover: #F5B638FF;
380
452
  --on-light-data-yellow-active: #E49C0CFF;
@@ -402,10 +474,6 @@
402
474
  --on-dark-data-yellow-minor: #A16B00;
403
475
  --on-dark-data-yellow-minor-active: #996600FF;
404
476
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
405
- --on-dark-surface-transparent-secondary: #FFFFFF29;
406
- --text-secondary-hover: #F5F5F5FF;
407
- --on-dark-background-secondary-hover: #CCCCCCFF;
408
- --on-dark-background-secondary-brightness: #0F0F0FFF;
409
477
  --on-dark-background-primary: #15110FFF;
410
478
  --on-dark-background-primary-hover: #CCCCCCFF;
411
479
  --on-dark-background-primary-active: #E6E6E6FF;
@@ -413,7 +481,6 @@
413
481
  --on-light-background-secondary: #FFFFFFFF;
414
482
  --on-light-background-secondary-hover: #CCCCCCFF;
415
483
  --on-light-background-secondary-active: #E6E6E6FF;
416
- --on-light-background-secondary-brightness: #F6F2F0FF;
417
484
  --on-light-background-primary: #EBE7E5FF;
418
485
  --on-light-background-primary-hover: #CCCCCCFF;
419
486
  --on-light-background-primary-active: #E6E6E6FF;
@@ -421,166 +488,120 @@
421
488
  --outline-default: #3B3735FF;
422
489
  --outline-default-hover: #CCCCCCFF;
423
490
  --outline-default-active: #E6E6E6FF;
424
- --outline-default-brightness: #3B3735FF;
425
491
  --outline-minor: #383838FF;
426
492
  --outline-minor-hover: #CCCCCCFF;
427
493
  --outline-minor-active: #E6E6E6FF;
428
- --outline-minor-brightness: #383838FF;
429
- --outline-transparent-clear: #00000000;
430
494
  --outline-transparent-clear-hover: #CCCCCCFF;
431
495
  --outline-transparent-clear-active: #E6E6E6FF;
432
- --outline-transparent-clear-brightness: #00000000;
433
496
  --inverse-outline-default: #DDD9D7FF;
434
497
  --inverse-outline-default-hover: #CCCCCCFF;
435
498
  --inverse-outline-default-active: #E6E6E6FF;
436
- --inverse-outline-default-brightness: #DDD9D7FF;
437
499
  --inverse-outline-outline-minor: #FFFFFFFF;
438
500
  --inverse-outline-outline-minor-hover: #CCCCCCFF;
439
501
  --inverse-outline-outline-minor-active: #E6E6E6FF;
440
- --inverse-outline-outline-minor-brightness: #FFFFFFFF;
441
502
  --on-dark-outline-default: #3B3735FF;
442
503
  --on-dark-outline-default-active: #E6E6E6FF;
443
504
  --on-dark-outline-minor: #383838FF;
444
505
  --on-dark-outline-minor-hover: #CCCCCCFF;
445
506
  --on-dark-outline-minor-active: #E6E6E6FF;
446
- --on-dark-outline-minor-brightness: #383838FF;
447
507
  --on-light-outline-default: #DDD9D7FF;
448
508
  --on-light-outline-default-hover: #CCCCCCFF;
449
509
  --background-secondary-active: #E6E6E6FF;
450
- --background-secondary-brightness: #000000FF;
451
510
  --on-dark-outline-default-hover: #CCCCCCFF;
452
511
  --inverse-background-secondary-hover: #CCCCCCFF;
453
- --inverse-background-secondary-brightness: #FFFFFFFF;
454
512
  --on-dark-background-secondary: #000000FF;
455
- --persona-blue-text-accent: #15110FFF;
513
+ --persona-blue-text-accent: #87BEE5;
456
514
  --persona-blue-text-accent-hover: #CCCCCCFF;
457
515
  --persona-blue-text-accent-active: #E6E6E6FF;
458
- --persona-blue-text-accent-brightness: #15110FFF;
459
- --persona-green-text-accent: #15110FFF;
516
+ --persona-green-text-accent: #8BCB94;
460
517
  --persona-green-text-accent-hover: #CCCCCCFF;
461
518
  --persona-green-text-accent-active: #E6E6E6FF;
462
- --persona-green-text-accent-brightness: #15110FFF;
463
- --persona-indigo-text-accent: #15110FFF;
464
519
  --persona-indigo-text-accent-hover: #CCCCCCFF;
465
520
  --persona-indigo-text-accent-active: #E6E6E6FF;
466
- --persona-indigo-text-accent-brightness: #15110FFF;
467
- --persona-ochre-text-accent: #15110FFF;
521
+ --persona-ochre-text-accent: #935B18;
468
522
  --persona-ochre-text-accent-hover: #CCCCCCFF;
469
523
  --persona-ochre-text-accent-active: #E6E6E6FF;
470
- --persona-ochre-text-accent-brightness: #15110FFF;
471
- --persona-olive-text-accent: #15110FFF;
524
+ --persona-olive-text-accent: #B3BA8D;
472
525
  --persona-olive-text-accent-hover: #CCCCCCFF;
473
526
  --persona-olive-text-accent-active: #E6E6E6FF;
474
- --persona-olive-text-accent-brightness: #15110FFF;
475
527
  --on-light-outline-default-active: #E6E6E6FF;
476
528
  --on-light-outline-minor: #FFFFFFFF;
477
529
  --on-light-outline-minor-hover: #CCCCCCFF;
478
- --on-light-outline-minor-brightness: #FFFFFFFF;
479
- --persona-sea-blue-text-accent: #15110FFF;
530
+ --persona-sea-blue-text-accent: #7BC8C8;
480
531
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
481
- --persona-sea-blue-text-accent-active: #E6E6E6FF;
482
- --persona-sea-blue-text-accent-brightness: #15110FFF;
483
- --persona-violet-text-accent: #15110FFF;
532
+ --persona-violet-text-accent: #C6A0DC;
484
533
  --persona-violet-text-accent-hover: #CCCCCCFF;
485
534
  --persona-violet-text-accent-active: #E6E6E6FF;
486
- --persona-violet-text-accent-brightness: #15110FFF;
487
- --inverse-persona-blue-text-accent: #EBE7E5FF;
535
+ --inverse-persona-blue-text-accent: #3A6D96;
488
536
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
489
537
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
490
- --inverse-persona-blue-text-accent-brightness: #EBE7E5FF;
491
- --inverse-persona-green-text-accent: #EBE7E5FF;
538
+ --inverse-persona-green-text-accent: #3D7B45;
492
539
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
493
540
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
494
- --inverse-persona-green-text-accent-brightness: #EBE7E5FF;
495
- --inverse-persona-indigo-text-accent: #EBE7E5FF;
541
+ --inverse-persona-indigo-text-accent: #3B3AAE;
496
542
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
497
- --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
498
- --inverse-persona-indigo-text-accent-brightness: #EBE7E5FF;
499
- --persona-pink-text-accent: #15110FFF;
543
+ --persona-pink-text-accent: #DE9EA5;
500
544
  --persona-pink-text-accent-hover: #CCCCCCFF;
501
545
  --persona-pink-text-accent-active: #E6E6E6FF;
502
- --inverse-persona-olive-text-accent: #EBE7E5FF;
546
+ --inverse-persona-olive-text-accent: #636A40;
503
547
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
504
- --inverse-persona-olive-text-accent-brightness: #EBE7E5FF;
505
- --inverse-persona-pink-text-accent: #EBE7E5FF;
548
+ --inverse-persona-pink-text-accent: #904D55;
506
549
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
507
550
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
508
- --inverse-persona-pink-text-accent-brightness: #EBE7E5FF;
509
- --inverse-persona-sea-blue-text-accent: #EBE7E5FF;
551
+ --inverse-persona-sea-blue-text-accent: #348282;
510
552
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
511
553
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
512
- --inverse-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
513
- --inverse-persona-violet-text-accent: #EBE7E5FF;
554
+ --inverse-persona-violet-text-accent: #75508C;
514
555
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
515
556
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
516
- --inverse-persona-violet-text-accent-brightness: #EBE7E5FF;
517
- --on-dark-persona-blue-text-accent: #15110FFF;
557
+ --on-dark-persona-blue-text-accent: #87BEE5;
518
558
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
519
559
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
520
- --on-dark-persona-blue-text-accent-brightness: #15110FFF;
521
- --inverse-persona-ochre-text-accent: #EBE7E5FF;
560
+ --inverse-persona-ochre-text-accent: #935B18;
522
561
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
523
562
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
524
563
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
525
- --on-dark-persona-indigo-text-accent: #15110FFF;
564
+ --on-dark-persona-indigo-text-accent: #9291E5;
526
565
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
527
566
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
528
- --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
529
- --on-dark-persona-ochre-text-accent: #15110FFF;
530
567
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
531
568
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
532
- --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
533
- --on-dark-persona-olive-text-accent: #15110FFF;
569
+ --on-dark-persona-olive-text-accent: #B3BA8D;
534
570
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
535
571
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
536
- --on-dark-persona-olive-text-accent-brightness: #15110FFF;
537
- --on-dark-persona-pink-text-accent: #15110FFF;
572
+ --on-dark-persona-pink-text-accent: #DE9EA5;
538
573
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
539
- --on-dark-persona-pink-text-accent-brightness: #15110FFF;
540
- --on-dark-persona-sea-blue-text-accent: #15110FFF;
574
+ --on-dark-persona-sea-blue-text-accent: #7BC8C8;
541
575
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
542
576
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
543
- --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
544
- --on-dark-persona-green-text-accent: #15110FFF;
577
+ --on-dark-persona-green-text-accent: #8BCB94;
545
578
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
546
579
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
547
580
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
548
581
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
549
- --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
550
- --on-light-persona-green-text-accent: #EBE7E5FF;
582
+ --on-light-persona-green-text-accent: #3D7B45;
551
583
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
552
584
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
553
- --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
554
- --on-light-persona-indigo-text-accent: #EBE7E5FF;
555
- --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
585
+ --on-light-persona-indigo-text-accent: #3B3AAE;
556
586
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
557
- --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
558
- --on-light-persona-ochre-text-accent: #EBE7E5FF;
559
- --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
587
+ --on-light-persona-ochre-text-accent: #935B18;
560
588
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
561
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
562
589
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
563
- --on-light-persona-olive-text-accent-active: #E6E6E6FF;
564
- --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
565
- --on-dark-persona-violet-text-accent: #15110FFF;
590
+ --on-dark-persona-violet-text-accent: #C6A0DC;
566
591
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
567
- --on-dark-persona-violet-text-accent-brightness: #15110FFF;
568
- --on-light-persona-blue-text-accent: #EBE7E5FF;
569
- --on-light-persona-violet-text-accent: #EBE7E5FF;
592
+ --on-light-persona-blue-text-accent: #3A6D96;
593
+ --on-light-persona-violet-text-accent: #75508C;
570
594
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
571
595
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
572
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
573
596
  --surface-accent-primary: #B4AE7BFF;
574
597
  --surface-accent-primary-hover: #CCCCCCFF;
575
598
  --surface-accent-primary-active: #E6E6E6FF;
576
599
  --on-light-surface-accent-primary: #527E4BFF;
577
- --on-dark-surface-accent-minor: #3E4C2FFF;
578
600
  --on-light-surface-transparent-tertiary-active: #08080833;
579
601
  --on-light-surface-accent-minor-hover: #D7FD91FF;
580
602
  --inverse-surface-solid-secondary-active: #E6E6E6FF;
581
603
  --inverse-surface-transparent-deep-active: #080808B8;
582
604
  --inverse-surface-accent-minor: #D2ECBAFF;
583
- --on-dark-text-accent-minor-active: #2F4408FF;
584
605
  --on-dark-background-secondary-active: #E6E6E6FF;
585
606
  --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
586
607
  --on-light-data-yellow-minor-active: #FFCC66FF;
@@ -599,16 +620,14 @@
599
620
  --on-dark-surface-transparent-accent-minor-hover: #CCCCCCFF;
600
621
  --on-light-surface-accent-secondary-active: #E6E6E6FF;
601
622
  --on-light-surface-transparent-accent-minor-active: #E6E6E6FF;
602
- --inverse-surface-transparent-accent: #527E4B1F;
603
623
  --background-secondary-hover: #CCCCCCFF;
604
624
  --outline-negative: #F8A6A9FF;
605
625
  --on-dark-text-tertiary: #F6F2F03D;
606
626
  --on-light-text-accent-hover: #79B706FF;
607
627
  --text-accent-minor-hover: #6EA013FF;
608
- --on-light-persona-olive-text-accent: #EBE7E5FF;
628
+ --on-light-persona-olive-text-accent: #636A40;
609
629
  --on-light-surface-transparent-accent-minor: #527E4B3D;
610
- --on-dark-outline-default-brightness: #3B3735FF;
611
- --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
630
+ --on-light-persona-sea-blue-text-accent: #348282;
612
631
  --surface-accent-secondary: #B4AE7BFF;
613
632
  --surface-transparent-accent-minor: #B4AE7B47;
614
633
  --inverse-surface-accent-secondary: #688F61FF;
@@ -617,24 +636,10 @@
617
636
  --on-dark-surface-accent-secondary: #B4AE7BFF;
618
637
  --on-dark-surface-transparent-accent-minor: #B4AE7B47;
619
638
  --on-light-surface-accent-secondary: #688F61FF;
620
- --on-light-surface-accent-secondary-brightness: #688F61FF;
621
639
  --inverse-text-warning-hover: #FD650DFF;
622
640
  --data-yellow-transparent-hover: #F3A812AD;
623
641
  --on-dark-surface-negative: #F8A6A9FF;
624
642
  --inverse-surface-info: #3776BCFF;
625
- --on-light-outline-warning-hover: #FD9253FF;
626
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
627
- --surface-transparent-accent-minor-brightness: #B4AE7B47;
628
- --inverse-surface-accent-secondary-brightness: #688F61FF;
629
- --inverse-surface-transparent-accent-minor-brightness: #527E4B3D;
630
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
631
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
632
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
633
- --on-light-surface-accent-primary-brightness: #527E4BFF;
634
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
635
- --surface-accent-primary-brightness: #B4AE7BFF;
636
- --surface-accent-secondary-brightness: #B4AE7BFF;
637
- --on-light-outline-default-brightness: #DDD9D7FF;
638
643
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
639
644
  --on-dark-text-accent-hover: #96E208FF;
640
645
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
@@ -646,12 +651,8 @@
646
651
  --on-dark-surface-accent-secondary-hover: #CCCCCCFF;
647
652
  --surface-transparent-accent-minor-hover: #CCCCCCFF;
648
653
  --inverse-surface-accent-secondary-hover: #CCCCCCFF;
649
- --on-dark-surface-solid-primary-hover: #1C1C1CFF;
650
654
  --inverse-background-secondary-active: #E6E6E6FF;
651
- --persona-pink-text-accent-brightness: #15110FFF;
652
- --inverse-persona-ochre-text-accent-brightness: #EBE7E5FF;
653
- --on-dark-persona-green-text-accent-brightness: #15110FFF;
654
- --on-light-persona-pink-text-accent: #EBE7E5FF;
655
+ --on-light-persona-pink-text-accent: #904D55;
655
656
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
656
657
  --surface-solid-default: #F6F2F0FF;
657
658
  --surface-accent-secondary-hover: #CCCCCCFF;
@@ -671,13 +672,28 @@
671
672
  --on-light-outline-text-info-active: #096CAEFF;
672
673
  --on-dark-persona-violet-text-accent-active: #E6E6E6FF;
673
674
  --on-light-outline-minor-active: #E6E6E6FF;
674
- --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
675
675
  --on-dark-outline-transparent-primary: #FFFFFF1F;
676
676
  color: var(--text-primary);
677
677
  background-color: var(--background-primary);
678
678
  }
679
679
 
680
680
  .dark {
681
+ --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
682
+ --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
683
+ --surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
684
+ --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
685
+ --text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
686
+ --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
687
+ --inverse-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
688
+ --on-light-surface-accent-gradient-hover: #CCCCCCFF;
689
+ --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
690
+ --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
691
+ --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
692
+ --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
693
+ --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
694
+ --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
695
+ --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
696
+ --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
681
697
  --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
682
698
  --surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
683
699
  --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%);
@@ -694,7 +710,6 @@
694
710
  --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
695
711
  --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
696
712
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
697
- --on-light-surface-accent-gradient-hover: #CCCCCCFF;
698
713
  --on-light-surface-accent-gradient-active: #E6E6E6FF;
699
714
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
700
715
  --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
@@ -722,7 +737,6 @@
722
737
  --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
723
738
  --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
724
739
  --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
725
- --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
726
740
  --persona-green-surface-accent-gradient-active: #FFFFFFFF;
727
741
  --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
728
742
  --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
@@ -756,7 +770,6 @@
756
770
  --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
757
771
  --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
758
772
  --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
759
- --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
760
773
  --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
761
774
  --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
762
775
  --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
@@ -805,7 +818,6 @@
805
818
  --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
806
819
  --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
807
820
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
808
- --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
809
821
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
810
822
  --on-light-outline-transparent-surface-hover: #CCCCCCFF;
811
823
  --on-light-outline-transparent-surface-active: #E6E6E6FF;
@@ -818,30 +830,19 @@
818
830
  --on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
819
831
  --on-dark-text-accent-gradient-ai-hover: #000000FF;
820
832
  --on-dark-text-accent-gradient-ai-active: #CCCCCCFF;
821
- --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
822
833
  --on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
823
834
  --on-light-text-accent-gradient-ai-hover: #000000FF;
824
835
  --on-light-text-accent-gradient-ai-active: #CCCCCCFF;
825
- --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
826
836
  --text-accent-gradient-ai-active: #CCCCCCFF;
827
- --text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
828
- --surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
829
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
830
- --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
831
- --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
832
837
  --inverse-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
833
838
  --inverse-outline-transparent-surface-hover: #CCCCCCFF;
834
839
  --inverse-outline-transparent-surface-active: #E6E6E6FF;
835
- --inverse-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
836
840
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
837
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
838
841
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
839
842
  --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
840
843
  --on-light-overlay-gradient-active: #E6E6E6FF;
841
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
842
844
  --inverse-overlay-gradient-active: #E6E6E6FF;
843
845
  --inverse-overlay-gradient-hover: #CCCCCCFF;
844
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
845
846
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
846
847
  --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
847
848
  --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
@@ -856,7 +857,6 @@
856
857
  --surface-accent-gradient-hover: #CCCCCCFF;
857
858
  --outline-accent-gradient-active: #666666FF;
858
859
  --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
859
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
860
860
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
861
861
  --surface-accent-gradient-active: #E6E6E6FF;
862
862
  --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
@@ -866,6 +866,99 @@
866
866
 
867
867
  .light {
868
868
  --text-tertiary-hover: #171717FF;
869
+ --inverse-text-paragraph: #F6F2F07A;
870
+ --inverse-text-accent-minor: #B4AE7BFF;
871
+ --surface-solid-primary-hover: #F2F2F2FF;
872
+ --surface-solid-default-hover: #262626FF;
873
+ --surface-accent-minor-hover: #D7FD91FF;
874
+ --surface-transparent-primary: #15110F0A;
875
+ --on-dark-surface-solid-primary-brightness: #252525FF;
876
+ --on-dark-surface-transparent-card: #23232399;
877
+ --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
878
+ --on-light-surface-solid-default-hover: #262626FF;
879
+ --on-light-surface-negative-active: #FF142CFF;
880
+ --inverse-surface-solid-default-active: #F5F5F5FF;
881
+ --inverse-surface-transparent-tertiary-active: #FFFFFF24;
882
+ --inverse-surface-positive-hover: #6FA706FF;
883
+ --outline-positive-hover: #79B706FF;
884
+ --inverse-surface-accent-minor-hover: #2A390EFF;
885
+ --on-light-outline-positive-hover: #79B706FF;
886
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
887
+ --on-light-outline-warning: #BE4E0CFF;
888
+ --text-secondary-hover: #171717FF;
889
+ --on-dark-outline-minor-brightness: #383838FF;
890
+ --background-secondary-brightness: #FFFFFFFF;
891
+ --persona-blue-text-accent-brightness: #EBE7E5FF;
892
+ --persona-green-text-accent-brightness: #EBE7E5FF;
893
+ --persona-indigo-text-accent-brightness: #EBE7E5FF;
894
+ --persona-ochre-text-accent-brightness: #EBE7E5FF;
895
+ --persona-olive-text-accent-brightness: #EBE7E5FF;
896
+ --on-dark-data-yellow-transparent-active: #F3A81280;
897
+ --on-dark-background-secondary-hover: #CCCCCCFF;
898
+ --persona-indigo-text-accent: #3B3AAE;
899
+ --on-dark-persona-pink-text-accent-brightness: #15110FFF;
900
+ --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
901
+ --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
902
+ --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
903
+ --on-light-persona-olive-text-accent-active: #E6E6E6FF;
904
+ --on-dark-persona-violet-text-accent-brightness: #15110FFF;
905
+ --on-dark-text-accent-minor-active: #629405FF;
906
+ --on-light-surface-accent-secondary-brightness: #688F61FF;
907
+ --surface-transparent-accent-minor-brightness: #527E4B3D;
908
+ --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
909
+ --inverse-outline-minor-brightness: #383838FF;
910
+ --inverse-persona-ochre-text-accent-brightness: #15110FFF;
911
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
912
+ --outline-transparent-clear: #00000000;
913
+ --inverse-background-secondary-brightness: #000000FF;
914
+ --persona-sea-blue-text-accent-active: #E6E6E6FF;
915
+ --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
916
+ --on-dark-persona-ochre-text-accent: #E0AB69;
917
+ --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
918
+ --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
919
+ --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
920
+ --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
921
+ --on-dark-surface-accent-minor: #3E4C2FFF;
922
+ --inverse-surface-transparent-accent: #B4AE7B33;
923
+ --on-dark-outline-default-brightness: #3B3735FF;
924
+ --on-light-outline-warning-hover: #FD9253FF;
925
+ --inverse-surface-transparent-accent-minor-brightness: #B4AE7B47;
926
+ --on-light-surface-accent-primary-brightness: #527E4BFF;
927
+ --surface-accent-secondary-brightness: #688F61FF;
928
+ --on-dark-background-secondary-brightness: #0F0F0FFF;
929
+ --on-light-background-secondary-brightness: #F6F2F0FF;
930
+ --outline-default-brightness: #DDD9D7FF;
931
+ --outline-minor-brightness: #FFFFFFFF;
932
+ --outline-transparent-clear-brightness: #00000000;
933
+ --inverse-outline-default-brightness: #3B3735FF;
934
+ --inverse-persona-olive-text-accent-brightness: #15110FFF;
935
+ --inverse-persona-pink-text-accent-brightness: #15110FFF;
936
+ --inverse-persona-sea-blue-text-accent-brightness: #15110FFF;
937
+ --inverse-persona-violet-text-accent-brightness: #15110FFF;
938
+ --on-dark-persona-blue-text-accent-brightness: #15110FFF;
939
+ --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
940
+ --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
941
+ --on-dark-persona-olive-text-accent-brightness: #15110FFF;
942
+ --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
943
+ --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
944
+ --inverse-outline-minor-active: #E6E6E6FF;
945
+ --inverse-surface-accent-secondary-brightness: #B4AE7BFF;
946
+ --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
947
+ --surface-accent-primary-brightness: #527E4BFF;
948
+ --on-dark-surface-solid-primary-hover: #1C1C1CFF;
949
+ --on-dark-persona-green-text-accent-brightness: #15110FFF;
950
+ --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
951
+ --on-light-outline-minor-brightness: #FFFFFFFF;
952
+ --persona-sea-blue-text-accent-brightness: #EBE7E5FF;
953
+ --persona-violet-text-accent-brightness: #EBE7E5FF;
954
+ --inverse-persona-blue-text-accent-brightness: #15110FFF;
955
+ --inverse-persona-green-text-accent-brightness: #15110FFF;
956
+ --inverse-persona-indigo-text-accent-brightness: #15110FFF;
957
+ --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
958
+ --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
959
+ --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
960
+ --on-light-outline-default-brightness: #DDD9D7FF;
961
+ --persona-pink-text-accent-brightness: #EBE7E5FF;
869
962
  --text-tertiary-active: #17171756;
870
963
  --text-tertiary: #15110F3D;
871
964
  --text-paragraph-hover: #1717177A;
@@ -958,7 +1051,6 @@
958
1051
  --inverse-text-tertiary: #F6F2F03D;
959
1052
  --inverse-text-paragraph-hover: #F5F5F57A;
960
1053
  --inverse-text-paragraph-active: #F5F5F5A3;
961
- --inverse-text-paragraph: #F6F2F07A;
962
1054
  --inverse-text-accent-hover: #96E208FF;
963
1055
  --on-light-text-accent-active: #3E5E03FF;
964
1056
  --on-light-text-accent-minor-active: #70AA03FF;
@@ -975,8 +1067,6 @@
975
1067
  --inverse-text-info: #70B2F5FF;
976
1068
  --inverse-text-accent: #B4AE7BFF;
977
1069
  --inverse-text-positive: #79BB74FF;
978
- --inverse-text-accent-minor: #B4AE7BFF;
979
- --surface-solid-primary-hover: #F2F2F2FF;
980
1070
  --surface-solid-primary-active: #F0F0F0FF;
981
1071
  --surface-solid-primary: #FFFFFFFF;
982
1072
  --surface-solid-primary-brightness: #F6F6F6FF;
@@ -990,7 +1080,6 @@
990
1080
  --surface-solid-card-active: #FFFFFFFF;
991
1081
  --surface-solid-card: #FFFFFFFF;
992
1082
  --surface-solid-card-brightness: #FFFFFFFF;
993
- --surface-solid-default-hover: #262626FF;
994
1083
  --surface-solid-default-active: #030303FF;
995
1084
  --inverse-text-accent-minor-hover: #6EA013FF;
996
1085
  --inverse-text-accent-minor-active: #2F4408FF;
@@ -1007,7 +1096,6 @@
1007
1096
  --surface-clear-hover: #00000000;
1008
1097
  --surface-clear-active: #00000000;
1009
1098
  --surface-clear: #00000000;
1010
- --surface-accent-minor-hover: #D7FD91FF;
1011
1099
  --surface-accent-minor-active: #BEFB4BFF;
1012
1100
  --surface-transparent-accent-hover: #108E252E;
1013
1101
  --surface-transparent-accent-active: #108E2533;
@@ -1016,7 +1104,6 @@
1016
1104
  --surface-warning-hover: #FB782DFF;
1017
1105
  --surface-transparent-primary-hover: #0808080A;
1018
1106
  --surface-transparent-primary-active: #0808080D;
1019
- --surface-transparent-primary: #15110F0A;
1020
1107
  --surface-transparent-secondary-active: #0808081A;
1021
1108
  --surface-transparent-secondary: #15110F14;
1022
1109
  --surface-transparent-accent: #527E4B1F;
@@ -1024,7 +1111,6 @@
1024
1111
  --surface-positive: #239322FF;
1025
1112
  --surface-accent-minor: #D2ECBAFF;
1026
1113
  --on-dark-surface-solid-primary: #232323FF;
1027
- --on-dark-surface-solid-primary-brightness: #252525FF;
1028
1114
  --on-dark-surface-solid-secondary-hover: #303030FF;
1029
1115
  --on-dark-surface-solid-secondary-active: #212121FF;
1030
1116
  --on-dark-surface-solid-secondary: #292929FF;
@@ -1049,7 +1135,6 @@
1049
1135
  --surface-info-hover: #209CEEFF;
1050
1136
  --surface-info-active: #0F81CCFF;
1051
1137
  --on-dark-surface-transparent-card-active: #FFFFFF0A;
1052
- --on-dark-surface-transparent-card: #23232399;
1053
1138
  --on-dark-surface-transparent-card-brightness: #FFFF1DFF;
1054
1139
  --on-dark-surface-accent-minor-hover: #2A390EFF;
1055
1140
  --on-dark-surface-accent-minor-active: #182108FF;
@@ -1072,14 +1157,12 @@
1072
1157
  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
1073
1158
  --on-light-surface-solid-secondary-active: #E6E6E6FF;
1074
1159
  --on-light-surface-solid-secondary: #FFFFFFFF;
1075
- --on-light-surface-solid-tertiary-hover: #D9D9D9FF;
1076
1160
  --on-light-surface-solid-tertiary-active: #D4D4D4FF;
1077
1161
  --on-light-surface-solid-tertiary: #FFFFFFFF;
1078
1162
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1079
1163
  --on-light-surface-solid-card-active: #FFFFFFFF;
1080
1164
  --on-light-surface-solid-card: #FFFFFFFF;
1081
1165
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
1082
- --on-light-surface-solid-default-hover: #262626FF;
1083
1166
  --on-light-surface-solid-default-active: #030303FF;
1084
1167
  --on-light-surface-solid-default: #15110FFF;
1085
1168
  --on-light-surface-transparent-primary-hover: #0808080A;
@@ -1105,7 +1188,6 @@
1105
1188
  --on-light-surface-warning-active: #E65705FF;
1106
1189
  --on-light-surface-warning: #BE4E0CFF;
1107
1190
  --on-light-surface-negative-hover: #FF5263FF;
1108
- --on-light-surface-negative-active: #FF142CFF;
1109
1191
  --on-light-surface-negative: #E83439FF;
1110
1192
  --on-light-surface-info-hover: #209CEEFF;
1111
1193
  --on-light-surface-info-active: #0F81CCFF;
@@ -1126,7 +1208,6 @@
1126
1208
  --inverse-surface-solid-card: #232323FF;
1127
1209
  --inverse-surface-solid-card-brightness: #252525FF;
1128
1210
  --inverse-surface-solid-default-hover: #FFFFFFFF;
1129
- --inverse-surface-solid-default-active: #F5F5F5FF;
1130
1211
  --inverse-surface-solid-default: #FFFFFFFF;
1131
1212
  --inverse-surface-transparent-primary-hover: #FFFFFF1F;
1132
1213
  --inverse-surface-transparent-primary-active: #FFFFFF0A;
@@ -1134,7 +1215,6 @@
1134
1215
  --inverse-surface-transparent-secondary-active: #FFFFFF0F;
1135
1216
  --inverse-surface-transparent-secondary: #FFFFFF29;
1136
1217
  --inverse-surface-transparent-tertiary-hover: #FFFFFF52;
1137
- --inverse-surface-transparent-tertiary-active: #FFFFFF24;
1138
1218
  --inverse-surface-transparent-tertiary: #FFFFFF3D;
1139
1219
  --inverse-surface-transparent-deep-hover: #FFFFFFC2;
1140
1220
  --on-light-surface-info: #3776BCFF;
@@ -1147,7 +1227,6 @@
1147
1227
  --inverse-surface-accent-minor-active: #182108FF;
1148
1228
  --inverse-surface-transparent-accent-hover: #1A9E3252;
1149
1229
  --inverse-surface-transparent-accent-active: #1A9E3224;
1150
- --inverse-surface-positive-hover: #6FA706FF;
1151
1230
  --inverse-surface-positive-active: #5B8A05FF;
1152
1231
  --inverse-surface-warning-hover: #FB7223FF;
1153
1232
  --inverse-surface-warning-active: #F05B05FF;
@@ -1178,7 +1257,6 @@
1178
1257
  --outline-transparent-primary-hover: #08080852;
1179
1258
  --outline-transparent-primary-active: #08080838;
1180
1259
  --on-light-outline-positive: #239322FF;
1181
- --outline-positive-hover: #79B706FF;
1182
1260
  --outline-positive-active: #3E5E03FF;
1183
1261
  --outline-warning-hover: #FD9253FF;
1184
1262
  --outline-warning-active: #CA4B02FF;
@@ -1189,7 +1267,6 @@
1189
1267
  --outline-warning: #BE4E0CFF;
1190
1268
  --inverse-surface-transparent-primary: #FFFFFF14;
1191
1269
  --inverse-surface-accent: #B4AE7BFF;
1192
- --inverse-surface-accent-minor-hover: #2A390EFF;
1193
1270
  --background-primary: #EBE7E5FF;
1194
1271
  --on-dark-outline-positive-hover: #96E208FF;
1195
1272
  --on-dark-outline-positive-active: #629405FF;
@@ -1207,11 +1284,9 @@
1207
1284
  --inverse-outline-warning-active: #FF5D05FF;
1208
1285
  --on-light-outline-transparent-primary-hover: #08080852;
1209
1286
  --on-light-outline-transparent-primary-active: #08080838;
1210
- --on-light-outline-positive-hover: #79B706FF;
1211
1287
  --on-light-outline-positive-active: #3E5E03FF;
1212
1288
  --outline-text-info: #3776BCFF;
1213
1289
  --outline-transparent-primary: #15110F3D;
1214
- --on-dark-outline-transparent-primary-active: #FFFFFF12;
1215
1290
  --on-light-outline-text-info: #3776BCFF;
1216
1291
  --inverse-outline-transparent-primary-hover: #FFFFFF4D;
1217
1292
  --inverse-outline-transparent-primary-active: #FFFFFF12;
@@ -1236,9 +1311,7 @@
1236
1311
  --on-light-outline-negative-hover: #F87C89FF;
1237
1312
  --on-light-outline-warning-active: #CA4B02FF;
1238
1313
  --on-light-outline-text-info-hover: #47B0F5FF;
1239
- --on-light-outline-warning: #BE4E0CFF;
1240
1314
  --on-light-outline-negative: #E83439FF;
1241
- --on-dark-data-yellow-transparent-active: #F3A81280;
1242
1315
  --on-light-data-yellow: #F3A912;
1243
1316
  --on-light-data-yellow-hover: #F5B638FF;
1244
1317
  --on-light-data-yellow-active: #E49C0CFF;
@@ -1266,10 +1339,6 @@
1266
1339
  --on-dark-data-yellow-minor: #A16B00;
1267
1340
  --on-dark-data-yellow-minor-active: #996600FF;
1268
1341
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
1269
- --on-dark-surface-transparent-secondary: #FFFFFF29;
1270
- --text-secondary-hover: #171717FF;
1271
- --on-dark-background-secondary-hover: #CCCCCCFF;
1272
- --on-dark-background-secondary-brightness: #0F0F0FFF;
1273
1342
  --on-dark-background-primary: #15110FFF;
1274
1343
  --on-dark-background-primary-hover: #CCCCCCFF;
1275
1344
  --on-dark-background-primary-active: #E6E6E6FF;
@@ -1277,7 +1346,6 @@
1277
1346
  --on-light-background-secondary: #FFFFFFFF;
1278
1347
  --on-light-background-secondary-hover: #CCCCCCFF;
1279
1348
  --on-light-background-secondary-active: #E6E6E6FF;
1280
- --on-light-background-secondary-brightness: #F6F2F0FF;
1281
1349
  --on-light-background-primary: #EBE7E5FF;
1282
1350
  --on-light-background-primary-hover: #CCCCCCFF;
1283
1351
  --on-light-background-primary-active: #E6E6E6FF;
@@ -1285,162 +1353,117 @@
1285
1353
  --outline-default: #DDD9D7FF;
1286
1354
  --outline-default-hover: #CCCCCCFF;
1287
1355
  --outline-default-active: #E6E6E6FF;
1288
- --outline-default-brightness: #DDD9D7FF;
1289
1356
  --outline-minor: #FFFFFFFF;
1290
1357
  --outline-minor-hover: #CCCCCCFF;
1291
1358
  --outline-minor-active: #E6E6E6FF;
1292
- --outline-minor-brightness: #FFFFFFFF;
1293
- --outline-transparent-clear: #00000000;
1294
1359
  --outline-transparent-clear-hover: #CCCCCCFF;
1295
1360
  --outline-transparent-clear-active: #E6E6E6FF;
1296
- --outline-transparent-clear-brightness: #00000000;
1297
1361
  --inverse-outline-default: #3B3735FF;
1298
1362
  --inverse-outline-default-hover: #CCCCCCFF;
1299
1363
  --inverse-outline-default-active: #E6E6E6FF;
1300
- --inverse-outline-default-brightness: #3B3735FF;
1301
1364
  --on-dark-outline-default: #3B3735FF;
1302
1365
  --on-dark-outline-default-active: #E6E6E6FF;
1303
1366
  --on-dark-outline-minor: #383838FF;
1304
1367
  --on-dark-outline-minor-hover: #CCCCCCFF;
1305
1368
  --on-dark-outline-minor-active: #E6E6E6FF;
1306
- --on-dark-outline-minor-brightness: #383838FF;
1307
1369
  --on-light-outline-default: #DDD9D7FF;
1308
1370
  --on-light-outline-default-hover: #CCCCCCFF;
1309
1371
  --background-secondary-active: #E6E6E6FF;
1310
- --background-secondary-brightness: #FFFFFFFF;
1311
1372
  --on-dark-outline-default-hover: #CCCCCCFF;
1312
1373
  --inverse-background-secondary-hover: #CCCCCCFF;
1313
- --inverse-background-secondary-brightness: #000000FF;
1314
1374
  --on-dark-background-secondary: #000000FF;
1315
- --persona-blue-text-accent: #EBE7E5FF;
1375
+ --persona-blue-text-accent: #3A6D96;
1316
1376
  --persona-blue-text-accent-hover: #CCCCCCFF;
1317
1377
  --persona-blue-text-accent-active: #E6E6E6FF;
1318
- --persona-blue-text-accent-brightness: #EBE7E5FF;
1319
- --persona-green-text-accent: #EBE7E5FF;
1378
+ --persona-green-text-accent: #3D7B45;
1320
1379
  --persona-green-text-accent-hover: #CCCCCCFF;
1321
1380
  --persona-green-text-accent-active: #E6E6E6FF;
1322
- --persona-green-text-accent-brightness: #EBE7E5FF;
1323
- --persona-indigo-text-accent: #EBE7E5FF;
1324
1381
  --persona-indigo-text-accent-hover: #CCCCCCFF;
1325
1382
  --persona-indigo-text-accent-active: #E6E6E6FF;
1326
- --persona-indigo-text-accent-brightness: #EBE7E5FF;
1327
- --persona-ochre-text-accent: #EBE7E5FF;
1383
+ --persona-ochre-text-accent: #935B18;
1328
1384
  --persona-ochre-text-accent-hover: #CCCCCCFF;
1329
1385
  --persona-ochre-text-accent-active: #E6E6E6FF;
1330
- --persona-ochre-text-accent-brightness: #EBE7E5FF;
1331
- --persona-olive-text-accent: #EBE7E5FF;
1386
+ --persona-olive-text-accent: #636A40;
1332
1387
  --persona-olive-text-accent-hover: #CCCCCCFF;
1333
1388
  --persona-olive-text-accent-active: #E6E6E6FF;
1334
- --persona-olive-text-accent-brightness: #EBE7E5FF;
1335
1389
  --on-light-outline-default-active: #E6E6E6FF;
1336
1390
  --on-light-outline-minor: #FFFFFFFF;
1337
1391
  --on-light-outline-minor-hover: #CCCCCCFF;
1338
- --on-light-outline-minor-brightness: #FFFFFFFF;
1339
- --persona-sea-blue-text-accent: #EBE7E5FF;
1392
+ --persona-sea-blue-text-accent: #348282;
1340
1393
  --persona-sea-blue-text-accent-hover: #CCCCCCFF;
1341
- --persona-sea-blue-text-accent-active: #E6E6E6FF;
1342
- --persona-sea-blue-text-accent-brightness: #EBE7E5FF;
1343
- --persona-violet-text-accent: #EBE7E5FF;
1394
+ --persona-violet-text-accent: #75508C;
1344
1395
  --persona-violet-text-accent-hover: #CCCCCCFF;
1345
1396
  --persona-violet-text-accent-active: #E6E6E6FF;
1346
- --persona-violet-text-accent-brightness: #EBE7E5FF;
1347
- --inverse-persona-blue-text-accent: #15110FFF;
1397
+ --inverse-persona-blue-text-accent: #87BEE5;
1348
1398
  --inverse-persona-blue-text-accent-hover: #CCCCCCFF;
1349
1399
  --inverse-persona-blue-text-accent-active: #E6E6E6FF;
1350
- --inverse-persona-blue-text-accent-brightness: #15110FFF;
1351
- --inverse-persona-green-text-accent: #15110FFF;
1400
+ --inverse-persona-green-text-accent: #8BCB94;
1352
1401
  --inverse-persona-green-text-accent-hover: #CCCCCCFF;
1353
1402
  --inverse-persona-green-text-accent-active: #E6E6E6FF;
1354
- --inverse-persona-green-text-accent-brightness: #15110FFF;
1355
- --inverse-persona-indigo-text-accent: #15110FFF;
1403
+ --inverse-persona-indigo-text-accent: #9291E5;
1356
1404
  --inverse-persona-indigo-text-accent-hover: #CCCCCCFF;
1357
- --inverse-persona-indigo-text-accent-active: #E6E6E6FF;
1358
- --inverse-persona-indigo-text-accent-brightness: #15110FFF;
1359
- --persona-pink-text-accent: #EBE7E5FF;
1405
+ --persona-pink-text-accent: #904D55;
1360
1406
  --persona-pink-text-accent-hover: #CCCCCCFF;
1361
1407
  --persona-pink-text-accent-active: #E6E6E6FF;
1362
- --inverse-persona-olive-text-accent: #15110FFF;
1408
+ --inverse-persona-olive-text-accent: #B3BA8D;
1363
1409
  --inverse-persona-olive-text-accent-active: #E6E6E6FF;
1364
- --inverse-persona-olive-text-accent-brightness: #15110FFF;
1365
- --inverse-persona-pink-text-accent: #15110FFF;
1410
+ --inverse-persona-pink-text-accent: #DE9EA5;
1366
1411
  --inverse-persona-pink-text-accent-hover: #CCCCCCFF;
1367
1412
  --inverse-persona-pink-text-accent-active: #E6E6E6FF;
1368
- --inverse-persona-pink-text-accent-brightness: #15110FFF;
1369
- --inverse-persona-sea-blue-text-accent: #15110FFF;
1413
+ --inverse-persona-sea-blue-text-accent: #7BC8C8;
1370
1414
  --inverse-persona-sea-blue-text-accent-hover: #CCCCCCFF;
1371
1415
  --inverse-persona-sea-blue-text-accent-active: #E6E6E6FF;
1372
- --inverse-persona-sea-blue-text-accent-brightness: #15110FFF;
1373
- --inverse-persona-violet-text-accent: #15110FFF;
1416
+ --inverse-persona-violet-text-accent: #C6A0DC;
1374
1417
  --inverse-persona-violet-text-accent-hover: #CCCCCCFF;
1375
1418
  --inverse-persona-violet-text-accent-active: #E6E6E6FF;
1376
- --inverse-persona-violet-text-accent-brightness: #15110FFF;
1377
- --on-dark-persona-blue-text-accent: #15110FFF;
1419
+ --on-dark-persona-blue-text-accent: #87BEE5;
1378
1420
  --on-dark-persona-blue-text-accent-hover: #CCCCCCFF;
1379
1421
  --on-dark-persona-blue-text-accent-active: #E6E6E6FF;
1380
- --on-dark-persona-blue-text-accent-brightness: #15110FFF;
1381
- --inverse-persona-ochre-text-accent: #15110FFF;
1422
+ --inverse-persona-ochre-text-accent: #E0AB69;
1382
1423
  --inverse-persona-ochre-text-accent-hover: #CCCCCCFF;
1383
1424
  --inverse-persona-olive-text-accent-hover: #CCCCCCFF;
1384
1425
  --inverse-persona-ochre-text-accent-active: #E6E6E6FF;
1385
- --on-dark-persona-indigo-text-accent: #15110FFF;
1426
+ --on-dark-persona-indigo-text-accent: #9291E5;
1386
1427
  --on-dark-persona-indigo-text-accent-hover: #CCCCCCFF;
1387
1428
  --on-dark-persona-indigo-text-accent-active: #E6E6E6FF;
1388
- --on-dark-persona-indigo-text-accent-brightness: #15110FFF;
1389
- --on-dark-persona-ochre-text-accent: #15110FFF;
1390
1429
  --on-dark-persona-ochre-text-accent-hover: #CCCCCCFF;
1391
1430
  --on-dark-persona-ochre-text-accent-active: #E6E6E6FF;
1392
- --on-dark-persona-ochre-text-accent-brightness: #15110FFF;
1393
- --on-dark-persona-olive-text-accent: #15110FFF;
1431
+ --on-dark-persona-olive-text-accent: #B3BA8D;
1394
1432
  --on-dark-persona-olive-text-accent-hover: #CCCCCCFF;
1395
1433
  --on-dark-persona-olive-text-accent-active: #E6E6E6FF;
1396
- --on-dark-persona-olive-text-accent-brightness: #15110FFF;
1397
- --on-dark-persona-pink-text-accent: #15110FFF;
1434
+ --on-dark-persona-pink-text-accent: #DE9EA5;
1398
1435
  --on-dark-persona-pink-text-accent-active: #E6E6E6FF;
1399
- --on-dark-persona-pink-text-accent-brightness: #15110FFF;
1400
- --on-dark-persona-sea-blue-text-accent: #15110FFF;
1436
+ --on-dark-persona-sea-blue-text-accent: #7BC8C8;
1401
1437
  --on-dark-persona-sea-blue-text-accent-hover: #CCCCCCFF;
1402
1438
  --on-dark-persona-sea-blue-text-accent-active: #E6E6E6FF;
1403
- --on-dark-persona-sea-blue-text-accent-brightness: #15110FFF;
1404
- --on-dark-persona-green-text-accent: #15110FFF;
1439
+ --on-dark-persona-green-text-accent: #8BCB94;
1405
1440
  --on-dark-persona-green-text-accent-hover: #CCCCCCFF;
1406
1441
  --on-dark-persona-green-text-accent-active: #E6E6E6FF;
1407
1442
  --on-light-persona-blue-text-accent-hover: #CCCCCCFF;
1408
1443
  --on-light-persona-blue-text-accent-active: #E6E6E6FF;
1409
- --on-light-persona-blue-text-accent-brightness: #EBE7E5FF;
1410
- --on-light-persona-green-text-accent: #EBE7E5FF;
1444
+ --on-light-persona-green-text-accent: #3D7B45;
1411
1445
  --on-light-persona-green-text-accent-hover: #CCCCCCFF;
1412
1446
  --on-light-persona-green-text-accent-active: #E6E6E6FF;
1413
- --on-light-persona-green-text-accent-brightness: #EBE7E5FF;
1414
- --on-light-persona-indigo-text-accent: #EBE7E5FF;
1415
- --on-light-persona-indigo-text-accent-hover: #CCCCCCFF;
1447
+ --on-light-persona-indigo-text-accent: #3B3AAE;
1416
1448
  --on-light-persona-indigo-text-accent-active: #E6E6E6FF;
1417
- --on-light-persona-indigo-text-accent-brightness: #EBE7E5FF;
1418
- --on-light-persona-ochre-text-accent: #EBE7E5FF;
1419
- --on-light-persona-ochre-text-accent-hover: #CCCCCCFF;
1449
+ --on-light-persona-ochre-text-accent: #935B18;
1420
1450
  --on-light-persona-ochre-text-accent-active: #E6E6E6FF;
1421
- --on-light-persona-ochre-text-accent-brightness: #EBE7E5FF;
1422
1451
  --on-light-persona-olive-text-accent-hover: #CCCCCCFF;
1423
- --on-light-persona-olive-text-accent-active: #E6E6E6FF;
1424
- --on-light-persona-olive-text-accent-brightness: #EBE7E5FF;
1425
- --on-dark-persona-violet-text-accent: #15110FFF;
1452
+ --on-dark-persona-violet-text-accent: #C6A0DC;
1426
1453
  --on-dark-persona-violet-text-accent-hover: #CCCCCCFF;
1427
- --on-dark-persona-violet-text-accent-brightness: #15110FFF;
1428
- --on-light-persona-blue-text-accent: #EBE7E5FF;
1429
- --on-light-persona-violet-text-accent: #EBE7E5FF;
1454
+ --on-light-persona-blue-text-accent: #3A6D96;
1455
+ --on-light-persona-violet-text-accent: #75508C;
1430
1456
  --on-light-persona-violet-text-accent-hover: #CCCCCCFF;
1431
1457
  --on-light-persona-violet-text-accent-active: #E6E6E6FF;
1432
- --on-light-persona-violet-text-accent-brightness: #EBE7E5FF;
1433
1458
  --surface-accent-primary: #527E4BFF;
1434
1459
  --surface-accent-primary-hover: #CCCCCCFF;
1435
1460
  --surface-accent-primary-active: #E6E6E6FF;
1436
1461
  --on-light-surface-accent-primary: #527E4BFF;
1437
- --on-dark-surface-accent-minor: #3E4C2FFF;
1438
1462
  --on-light-surface-transparent-tertiary-active: #08080833;
1439
1463
  --on-light-surface-accent-minor-hover: #D7FD91FF;
1440
1464
  --inverse-surface-solid-secondary-active: #212121FF;
1441
1465
  --inverse-surface-transparent-deep-active: #FFFFFF94;
1442
1466
  --inverse-surface-accent-minor: #3E4C2FFF;
1443
- --on-dark-text-accent-minor-active: #629405FF;
1444
1467
  --on-dark-background-secondary-active: #E6E6E6FF;
1445
1468
  --on-light-persona-pink-text-accent-hover: #CCCCCCFF;
1446
1469
  --on-light-data-yellow-minor-active: #FFCC66FF;
@@ -1459,17 +1482,14 @@
1459
1482
  --on-dark-surface-transparent-accent-minor-hover: #CCCCCCFF;
1460
1483
  --on-light-surface-accent-secondary-active: #E6E6E6FF;
1461
1484
  --on-light-surface-transparent-accent-minor-active: #E6E6E6FF;
1462
- --inverse-outline-minor-active: #E6E6E6FF;
1463
- --inverse-surface-transparent-accent: #B4AE7B33;
1464
1485
  --background-secondary-hover: #CCCCCCFF;
1465
1486
  --outline-negative: #E83439FF;
1466
1487
  --on-dark-text-tertiary: #F6F2F03D;
1467
1488
  --on-light-text-accent-hover: #79B706FF;
1468
1489
  --text-accent-minor-hover: #B6FB37FF;
1469
- --on-light-persona-olive-text-accent: #EBE7E5FF;
1490
+ --on-light-persona-olive-text-accent: #636A40;
1470
1491
  --on-light-surface-transparent-accent-minor: #527E4B3D;
1471
- --on-dark-outline-default-brightness: #3B3735FF;
1472
- --on-light-persona-sea-blue-text-accent: #EBE7E5FF;
1492
+ --on-light-persona-sea-blue-text-accent: #348282;
1473
1493
  --surface-accent-secondary: #688F61FF;
1474
1494
  --surface-transparent-accent-minor: #527E4B3D;
1475
1495
  --inverse-surface-accent-secondary: #B4AE7BFF;
@@ -1478,26 +1498,11 @@
1478
1498
  --on-dark-surface-accent-secondary: #B4AE7BFF;
1479
1499
  --on-dark-surface-transparent-accent-minor: #B4AE7B47;
1480
1500
  --on-light-surface-accent-secondary: #688F61FF;
1481
- --on-light-surface-accent-secondary-brightness: #688F61FF;
1482
1501
  --inverse-outline-minor: #383838FF;
1483
1502
  --inverse-text-warning-hover: #FF8B4DFF;
1484
1503
  --data-yellow-transparent-hover: #F3A8129E;
1485
1504
  --on-dark-surface-negative: #F8A6A9FF;
1486
1505
  --inverse-surface-info: #9BCAF8FF;
1487
- --on-light-outline-warning-hover: #FD9253FF;
1488
- --on-light-persona-pink-text-accent-brightness: #EBE7E5FF;
1489
- --surface-transparent-accent-minor-brightness: #527E4B3D;
1490
- --inverse-surface-accent-secondary-brightness: #B4AE7BFF;
1491
- --inverse-surface-transparent-accent-minor-brightness: #B4AE7B47;
1492
- --on-dark-surface-accent-primary-brightness: #B4AE7BFF;
1493
- --on-dark-surface-accent-secondary-brightness: #B4AE7BFF;
1494
- --on-dark-surface-transparent-accent-minor-brightness: #B4AE7B47;
1495
- --on-light-surface-accent-primary-brightness: #527E4BFF;
1496
- --on-light-surface-transparent-accent-minor-brightness: #527E4B3D;
1497
- --inverse-outline-minor-brightness: #383838FF;
1498
- --surface-accent-primary-brightness: #527E4BFF;
1499
- --surface-accent-secondary-brightness: #688F61FF;
1500
- --on-light-outline-default-brightness: #DDD9D7FF;
1501
1506
  --on-dark-persona-pink-text-accent-hover: #CCCCCCFF;
1502
1507
  --on-dark-text-accent-hover: #96E208FF;
1503
1508
  --inverse-surface-transparent-accent-minor-hover: #CCCCCCFF;
@@ -1510,12 +1515,8 @@
1510
1515
  --on-dark-surface-accent-secondary-hover: #CCCCCCFF;
1511
1516
  --surface-transparent-accent-minor-hover: #CCCCCCFF;
1512
1517
  --inverse-surface-accent-secondary-hover: #CCCCCCFF;
1513
- --on-dark-surface-solid-primary-hover: #1C1C1CFF;
1514
1518
  --inverse-background-secondary-active: #E6E6E6FF;
1515
- --persona-pink-text-accent-brightness: #EBE7E5FF;
1516
- --inverse-persona-ochre-text-accent-brightness: #15110FFF;
1517
- --on-dark-persona-green-text-accent-brightness: #15110FFF;
1518
- --on-light-persona-pink-text-accent: #EBE7E5FF;
1519
+ --on-light-persona-pink-text-accent: #904D55;
1519
1520
  --on-dark-surface-transparent-accent-minor-active: #E6E6E6FF;
1520
1521
  --surface-solid-default: #15110FFF;
1521
1522
  --surface-accent-secondary-hover: #CCCCCCFF;
@@ -1535,13 +1536,30 @@
1535
1536
  --on-light-outline-text-info-active: #096CAEFF;
1536
1537
  --on-dark-persona-violet-text-accent-active: #E6E6E6FF;
1537
1538
  --on-light-outline-minor-active: #E6E6E6FF;
1538
- --on-light-persona-sea-blue-text-accent-brightness: #EBE7E5FF;
1539
1539
  --on-dark-outline-transparent-primary: #FFFFFF1F;
1540
1540
  color: var(--text-primary);
1541
1541
  background-color: var(--background-primary);
1542
1542
  }
1543
1543
 
1544
1544
  .light {
1545
+ --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1546
+ --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1547
+ --surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1548
+ --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1549
+ --text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1550
+ --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1551
+ --on-light-surface-accent-gradient-hover: #CCCCCCFF;
1552
+ --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1553
+ --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1554
+ --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1555
+ --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1556
+ --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1557
+ --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1558
+ --outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1559
+ --overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1560
+ --on-dark-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1561
+ --inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1562
+ --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1545
1563
  --on-light-persona-blue-surface-accent-gradient: linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%);
1546
1564
  --surface-accent-gradient: linear-gradient(45.00deg, rgb(82, 126, 75) 0%, rgb(156, 191, 128) 100%);
1547
1565
  --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%);
@@ -1558,7 +1576,6 @@
1558
1576
  --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);
1559
1577
  --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1560
1578
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1561
- --on-light-surface-accent-gradient-hover: #CCCCCCFF;
1562
1579
  --on-light-surface-accent-gradient-active: #E6E6E6FF;
1563
1580
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1564
1581
  --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
@@ -1586,7 +1603,6 @@
1586
1603
  --persona-blue-surface-accent-gradient-hover: #FFFFFFFF;
1587
1604
  --persona-blue-surface-accent-gradient-active: #FFFFFFFF;
1588
1605
  --persona-green-surface-accent-gradient: linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%);
1589
- --persona-green-surface-accent-gradient-hover: #FFFFFFFF;
1590
1606
  --persona-green-surface-accent-gradient-active: #FFFFFFFF;
1591
1607
  --persona-indigo-surface-accent-gradient: linear-gradient(135.00deg, #9291E5FF 0%, #5352C5FF 100%);
1592
1608
  --persona-indigo-surface-accent-gradient-hover: #FFFFFFFF;
@@ -1620,7 +1636,6 @@
1620
1636
  --inverse-persona-olive-surface-accent-gradient-active: #FFFFFFFF;
1621
1637
  --inverse-persona-pink-surface-accent-gradient: linear-gradient(135.00deg, #DE9EA5FF 0%, #A9656EFF 100%);
1622
1638
  --inverse-persona-pink-surface-accent-gradient-hover: #FFFFFFFF;
1623
- --inverse-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1624
1639
  --inverse-persona-sea-blue-surface-accent-gradient: linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%);
1625
1640
  --inverse-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
1626
1641
  --inverse-persona-sea-blue-surface-accent-gradient-active: #FFFFFFFF;
@@ -1669,7 +1684,6 @@
1669
1684
  --on-light-persona-violet-surface-accent-gradient: linear-gradient(135.00deg, #C6A0DCFF 0%, #8F69A6FF 100%);
1670
1685
  --on-light-persona-violet-surface-accent-gradient-active: #FFFFFFFF;
1671
1686
  --on-dark-outline-transparent-surface-active: #E6E6E6FF;
1672
- --on-dark-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1673
1687
  --on-light-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1674
1688
  --on-light-outline-transparent-surface-hover: #CCCCCCFF;
1675
1689
  --on-light-outline-transparent-surface-active: #E6E6E6FF;
@@ -1682,38 +1696,25 @@
1682
1696
  --on-dark-text-accent-gradient-ai: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1683
1697
  --on-dark-text-accent-gradient-ai-hover: #000000FF;
1684
1698
  --on-dark-text-accent-gradient-ai-active: #CCCCCCFF;
1685
- --on-dark-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1686
1699
  --on-light-text-accent-gradient-ai: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1687
1700
  --on-light-text-accent-gradient-ai-hover: #000000FF;
1688
1701
  --on-light-text-accent-gradient-ai-active: #CCCCCCFF;
1689
- --on-light-text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1690
1702
  --text-accent-gradient-ai-active: #CCCCCCFF;
1691
- --text-accent-gradient-ai-brightness: linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%);
1692
- --surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1693
- --inverse-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1694
- --on-dark-surface-accent-gradient-brightness: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1695
- --on-light-surface-accent-gradient-brightness: linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%);
1696
1703
  --on-dark-outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1697
- --inverse-text-accent-gradient-ai-brightness: linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%);
1698
1704
  --on-dark-outline-transparent-surface-hover: #CCCCCCFF;
1699
1705
  --on-light-persona-olive-surface-accent-gradient-hover: #FFFFFFFF;
1700
1706
  --on-light-overlay-gradient-active: #E6E6E6FF;
1701
- --on-light-overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1702
1707
  --outline-transparent-surface: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1703
1708
  --outline-transparent-surface-hover: #CCCCCCFF;
1704
1709
  --outline-transparent-surface-active: #E6E6E6FF;
1705
- --outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1706
1710
  --overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1707
1711
  --overlay-gradient-hover: #CCCCCCFF;
1708
1712
  --overlay-gradient-active: #E6E6E6FF;
1709
- --overlay-gradient-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1710
1713
  --on-dark-overlay-gradient: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1711
1714
  --on-dark-overlay-gradient-hover: #CCCCCCFF;
1712
1715
  --on-dark-overlay-gradient-active: #E6E6E6FF;
1713
- --on-dark-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1714
1716
  --inverse-overlay-gradient-active: #E6E6E6FF;
1715
1717
  --inverse-overlay-gradient-hover: #CCCCCCFF;
1716
- --inverse-overlay-gradient-brightness: linear-gradient(90deg, #000000FF 0%, #00000000 100%);
1717
1718
  --on-light-overlay-gradient: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%);
1718
1719
  --on-light-persona-pink-surface-accent-gradient-active: #FFFFFFFF;
1719
1720
  --on-light-persona-sea-blue-surface-accent-gradient-hover: #FFFFFFFF;
@@ -1728,7 +1729,6 @@
1728
1729
  --surface-accent-gradient-hover: #CCCCCCFF;
1729
1730
  --outline-accent-gradient-active: #E6E6E6FF;
1730
1731
  --on-light-persona-violet-surface-accent-gradient-hover: #FFFFFFFF;
1731
- --on-light-outline-transparent-surface-brightness: linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%);
1732
1732
  --on-dark-surface-accent-gradient: linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%);
1733
1733
  --surface-accent-gradient-active: #E6E6E6FF;
1734
1734
  --on-light-persona-blue-surface-accent-gradient-active: #FFFFFFFF;
@@ -1791,6 +1791,15 @@
1791
1791
  --plasma-typo-body-font-family: 'Roboto', sans-serif;
1792
1792
  --plasma-typo-header-font-family: 'Roboto', sans-serif;
1793
1793
  --plasma-typo-text-font-family: 'undefined', sans-serif;
1794
+ --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);
1795
+ --plasma-typo-body-xs-medium-letter-spacing: -0.02em;
1796
+ --plasma-typo-body-xs-medium-font-style: normal;
1797
+ --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
1798
+ --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
1799
+ --plasma-typo-body-xxs-medium-font-style: normal;
1800
+ --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
1801
+ --plasma-typo-body-xxs-letter-spacing: -0.02em;
1802
+ --plasma-typo-body-xxs-font-style: normal;
1794
1803
  --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);
1795
1804
  --plasma-typo-h3-bold-letter-spacing: normal;
1796
1805
  --plasma-typo-h3-bold-font-style: normal;
@@ -1821,21 +1830,12 @@
1821
1830
  --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);
1822
1831
  --plasma-typo-body-xs-bold-letter-spacing: -0.02em;
1823
1832
  --plasma-typo-body-xs-bold-font-style: normal;
1824
- --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);
1825
- --plasma-typo-body-xs-medium-letter-spacing: -0.02em;
1826
- --plasma-typo-body-xs-medium-font-style: normal;
1827
1833
  --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);
1828
1834
  --plasma-typo-body-xs-letter-spacing: -0.02em;
1829
1835
  --plasma-typo-body-xs-font-style: normal;
1830
1836
  --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);
1831
1837
  --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;
1832
1838
  --plasma-typo-body-xxs-bold-font-style: normal;
1833
- --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);
1834
- --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;
1835
- --plasma-typo-body-xxs-medium-font-style: normal;
1836
- --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);
1837
- --plasma-typo-body-xxs-letter-spacing: -0.02em;
1838
- --plasma-typo-body-xxs-font-style: normal;
1839
1839
  --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1840
1840
  --plasma-typo-dspl-s-bold-letter-spacing: normal;
1841
1841
  --plasma-typo-dspl-s-bold-font-style: normal;
@@ -1849,6 +1849,15 @@
1849
1849
 
1850
1850
  @media (max-width: 559px) {
1851
1851
  .dark, .light {
1852
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
1853
+ --plasma-typo-body-xs-medium-font-weight: 500;
1854
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
1855
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1856
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1857
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1858
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1859
+ --plasma-typo-body-xxs-font-weight: 400;
1860
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1852
1861
  --plasma-typo-h3-bold-font-size: 1.25rem;
1853
1862
  --plasma-typo-h3-bold-font-weight: 700;
1854
1863
  --plasma-typo-h3-bold-line-height: 1.4375rem;
@@ -1879,21 +1888,12 @@
1879
1888
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
1880
1889
  --plasma-typo-body-xs-bold-font-weight: 600;
1881
1890
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
1882
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
1883
- --plasma-typo-body-xs-medium-font-weight: 500;
1884
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
1885
1891
  --plasma-typo-body-xs-font-size: 0.75rem;
1886
1892
  --plasma-typo-body-xs-font-weight: 400;
1887
1893
  --plasma-typo-body-xs-line-height: 0.875rem;
1888
1894
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1889
1895
  --plasma-typo-body-xxs-bold-font-weight: 600;
1890
1896
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1891
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1892
- --plasma-typo-body-xxs-medium-font-weight: 500;
1893
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1894
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1895
- --plasma-typo-body-xxs-font-weight: 400;
1896
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1897
1897
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1898
1898
  --plasma-typo-dspl-s-bold-font-weight: 700;
1899
1899
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -1908,15 +1908,18 @@
1908
1908
 
1909
1909
  @media (min-width: 560px) and (max-width: 959px) {
1910
1910
  .dark, .light {
1911
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1912
- --plasma-typo-dspl-s-bold-font-weight: 600;
1913
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1914
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1915
- --plasma-typo-dspl-s-medium-font-weight: 500;
1916
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1917
1911
  --plasma-typo-dspl-s-font-size: 2.125rem;
1918
1912
  --plasma-typo-dspl-s-font-weight: 400;
1919
1913
  --plasma-typo-dspl-s-line-height: 2.5625rem;
1914
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1915
+ --plasma-typo-body-xs-bold-font-weight: 600;
1916
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1917
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1918
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1919
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1920
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1921
+ --plasma-typo-dspl-s-bold-font-weight: 600;
1922
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1920
1923
  --plasma-typo-h3-font-size: 1.25rem;
1921
1924
  --plasma-typo-h3-font-weight: 400;
1922
1925
  --plasma-typo-h3-line-height: 1.4375rem;
@@ -1938,9 +1941,6 @@
1938
1941
  --plasma-typo-body-s-font-size: 0.8125rem;
1939
1942
  --plasma-typo-body-s-font-weight: 400;
1940
1943
  --plasma-typo-body-s-line-height: 0.9375rem;
1941
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
1942
- --plasma-typo-body-xs-bold-font-weight: 600;
1943
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
1944
1944
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
1945
1945
  --plasma-typo-body-xs-medium-font-weight: 500;
1946
1946
  --plasma-typo-body-xs-medium-line-height: 0.875rem;