@salutejs-ds/sdds_sbcom 0.1.20 → 0.1.21

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 (100) hide show
  1. package/components/Button/Button.config.d.ts +2 -2
  2. package/components/Button/Button.config.js +7 -7
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/Button.config_1pf2owz.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 +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_tohjd6.css +6 -0
  11. package/components/Checkbox/Checkbox.css +6 -6
  12. package/components/Checkbox/Checkbox.d.ts +2 -2
  13. package/components/Counter/Counter.config.d.ts +4 -4
  14. package/components/Counter/Counter.config.js +9 -9
  15. package/components/Counter/Counter.config.js.map +1 -1
  16. package/components/Counter/Counter.config_1y4ins1.css +11 -0
  17. package/components/Counter/Counter.css +10 -10
  18. package/components/Counter/Counter.d.ts +4 -4
  19. package/components/IconButton/IconButton.config.js +1 -1
  20. package/components/IconButton/IconButton.config.js.map +1 -1
  21. package/{es/components/IconButton/IconButton.config_16zy21d.css → components/IconButton/IconButton.config_7w2rd8.css} +1 -1
  22. package/components/IconButton/IconButton.css +8 -8
  23. package/components/Link/Link.config.d.ts +2 -2
  24. package/components/Link/Link.config.js +7 -7
  25. package/components/Link/Link.config.js.map +1 -1
  26. package/components/Link/Link.config_1c29h7r.css +8 -0
  27. package/components/Link/Link.css +8 -8
  28. package/components/Link/Link.d.ts +2 -2
  29. package/components/Radiobox/Radiobox.config.js +1 -1
  30. package/components/Radiobox/Radiobox.config.js.map +1 -1
  31. package/components/Radiobox/Radiobox.config_xcb72s.css +6 -0
  32. package/components/Radiobox/Radiobox.css +6 -6
  33. package/css/sdds_sbcom.module.css +1241 -1109
  34. package/css/sdds_sbcom__dark.css +764 -680
  35. package/css/sdds_sbcom__light.css +764 -680
  36. package/es/components/Button/Button.config.js +7 -7
  37. package/es/components/Button/Button.config.js.map +1 -1
  38. package/es/components/Button/Button.config_1pf2owz.css +10 -0
  39. package/es/components/Button/Button.css +9 -9
  40. package/es/components/Checkbox/Checkbox.config.js +6 -6
  41. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  42. package/es/components/Checkbox/Checkbox.config_tohjd6.css +6 -0
  43. package/es/components/Checkbox/Checkbox.css +6 -6
  44. package/es/components/Counter/Counter.config.js +9 -9
  45. package/es/components/Counter/Counter.config.js.map +1 -1
  46. package/es/components/Counter/Counter.config_1y4ins1.css +11 -0
  47. package/es/components/Counter/Counter.css +10 -10
  48. package/es/components/IconButton/IconButton.config.js +1 -1
  49. package/es/components/IconButton/IconButton.config.js.map +1 -1
  50. package/{components/IconButton/IconButton.config_16zy21d.css → es/components/IconButton/IconButton.config_7w2rd8.css} +1 -1
  51. package/es/components/IconButton/IconButton.css +8 -8
  52. package/es/components/Link/Link.config.js +7 -7
  53. package/es/components/Link/Link.config.js.map +1 -1
  54. package/es/components/Link/Link.config_1c29h7r.css +8 -0
  55. package/es/components/Link/Link.css +8 -8
  56. package/es/components/Radiobox/Radiobox.config.js +1 -1
  57. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  58. package/es/components/Radiobox/Radiobox.config_xcb72s.css +6 -0
  59. package/es/components/Radiobox/Radiobox.css +6 -6
  60. package/es/index.css +55 -55
  61. package/es/index.js +1 -1
  62. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  63. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  64. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  65. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  66. package/es/theme/tokens/index.js +1466 -1292
  67. package/es/theme/tokens/index.js.map +1 -1
  68. package/index.css +55 -55
  69. package/index.js +55 -4
  70. package/index.js.map +1 -1
  71. package/package.json +1 -1
  72. package/styled-components/cjs/Button/Button.config.js +7 -7
  73. package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
  74. package/styled-components/cjs/Counter/Counter.config.js +9 -9
  75. package/styled-components/cjs/IconButton/IconButton.config.js +1 -1
  76. package/styled-components/cjs/Link/Link.config.js +6 -6
  77. package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
  78. package/styled-components/es/Button/Button.config.js +7 -7
  79. package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
  80. package/styled-components/es/Counter/Counter.config.js +9 -9
  81. package/styled-components/es/IconButton/IconButton.config.js +1 -1
  82. package/styled-components/es/Link/Link.config.js +6 -6
  83. package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
  84. package/theme/themes/sdds_sbcom__dark.js +1 -1
  85. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  86. package/theme/themes/sdds_sbcom__light.js +1 -1
  87. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  88. package/theme/tokens/index.d.ts +1076 -953
  89. package/theme/tokens/index.js +1520 -1295
  90. package/theme/tokens/index.js.map +1 -1
  91. package/components/Button/Button.config_1nw4w2x.css +0 -10
  92. package/components/Checkbox/Checkbox.config_17wm9b0.css +0 -6
  93. package/components/Counter/Counter.config_fnrejc.css +0 -11
  94. package/components/Link/Link.config_442y9l.css +0 -8
  95. package/components/Radiobox/Radiobox.config_1skjyph.css +0 -6
  96. package/es/components/Button/Button.config_1nw4w2x.css +0 -10
  97. package/es/components/Checkbox/Checkbox.config_17wm9b0.css +0 -6
  98. package/es/components/Counter/Counter.config_fnrejc.css +0 -11
  99. package/es/components/Link/Link.config_442y9l.css +0 -8
  100. package/es/components/Radiobox/Radiobox.config_1skjyph.css +0 -6
package/css/sdds_sbcom.module.css CHANGED
@@ -1,173 +1,160 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  .dark {
4
- --on-dark-outline-default-hover: #666666FF;
5
- --surface-accent-secondary-hover: #70CDB7FF;
6
4
  --surface-transparent-card-brightness-hover: #FAFAFA1F;
7
- --surface-transparent-card-brightness-active: #FAFAFA0A;
8
5
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
9
- --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
10
- --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
11
- --on-dark-surface-solid-card-brightness-hover: #303030FF;
12
6
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
13
- --on-light-personas-olive-text-accent: #127210;
14
- --on-dark-personas-olive-text-accent: #93CB92;
7
+ --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
8
+ --on-light-outline-positive-active: #20801EFF;
9
+ --personas-olive-text-accent: #93CB92;
10
+ --inverse-personas-green-text-accent: #6CD5BB;
11
+ --inverse-personas-indigo-text-accent: #BD91F5;
15
12
  --inverse-personas-ochre-text-accent: #D15A11;
16
13
  --inverse-personas-pink-text-accent: #F7A4A4;
17
- --surface-solid-tertiary-active: #424242FF;
14
+ --on-dark-personas-olive-text-accent: #93CB92;
15
+ --on-light-personas-olive-text-accent: #127210;
16
+ --surface-accent-secondary: #61C8B0;
17
+ --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
18
18
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
19
- --text-primary: #FFFFFFFC;
20
- --inverse-surface-transparent-navi: #FFFFFF99;
19
+ --inverse-surface-solid-tertiary: #FFFFFF;
21
20
  --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
21
+ --inverse-surface-transparent-navi: #FFFFFF99;
22
+ --on-dark-surface-accent-minor-active: #043F34FF;
23
+ --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
24
+ --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
22
25
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
23
- --inverse-personas-indigo-text-accent: #BD91F5;
24
- --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
25
- --personas-olive-text-accent: #93CB92;
26
- --on-dark-text-accent-minor-hover: #60C7AFFF;
27
26
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
28
27
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
29
- --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
30
- --on-dark-surface-accent-minor-active: #043F34FF;
31
- --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
32
- --on-light-outline-positive-active: #20801EFF;
28
+ --text-primary: #FFFFFFFC;
29
+ --on-dark-text-accent-minor-hover: #60C7AFFF;
33
30
  --outline-primary: #3B3735;
34
- --inverse-surface-solid-tertiary: #FFFFFF;
35
- --inverse-personas-green-text-accent: #6CD5BB;
36
- --surface-accent-secondary: #61C8B0;
37
- --surface-accent-minor: #04473B;
38
- --on-dark-surface-accent-secondary: #61C8B0;
39
31
  --on-dark-personas-indigo-text-accent: #BD91F5;
40
- --on-dark-surface-solid-tertiary-active: #424242FF;
41
- --on-light-surface-accent-minor: #D0F2E9;
42
32
  --on-light-personas-ochre-text-accent: #D15A11;
43
33
  --on-light-personas-violet-text-accent: #9E32AF;
34
+ --surface-accent-minor: #04473B;
44
35
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
36
+ --on-dark-surface-accent-secondary: #61C8B0;
37
+ --on-dark-surface-solid-tertiary-active: #424242FF;
38
+ --on-light-surface-accent-minor: #D0F2E9;
45
39
  --on-light-outline-warning-active: #A3420AFF;
46
40
  --on-dark-surface-accent-minor-hover: #055C4CFF;
47
- --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
48
41
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
49
42
  --inverse-surface-accent-minor: #D0F2E9;
50
- --on-dark-surface-transparent-accent-minor: #0BA68647;
51
- --on-light-personas-sea-blue-text-accent: #00898D;
52
- --on-dark-personas-blue-text-accent: #79B3F2;
43
+ --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
53
44
  --on-dark-personas-violet-text-accent: #E19DED;
54
- --personas-ochre-text-accent: #F4B49B;
45
+ --on-light-personas-sea-blue-text-accent: #00898D;
46
+ --on-dark-surface-transparent-accent-minor: #0BA68647;
55
47
  --on-light-surface-transparent-navi: #FFFFFF99;
48
+ --personas-ochre-text-accent: #F4B49B;
49
+ --on-dark-personas-blue-text-accent: #79B3F2;
50
+ --on-light-outline-default-active: #E6E6E6FF;
51
+ --personas-ochre-text-accent-hover: #F7C8B6FF;
52
+ --personas-sea-blue-text-accent-active: #00A8ADFF;
56
53
  --inverse-personas-blue-text-accent-active: #0D4F96FF;
57
- --on-light-text-warning-active: #6F2D06FF;
54
+ --inverse-personas-green-text-accent-active: #4CCDACFF;
55
+ --inverse-personas-indigo-text-accent-active: #A46AF1FF;
58
56
  --inverse-personas-olive-text-accent-hover: #1DB71AFF;
59
- --on-light-surface-transparent-navi-active: #FFFFFFAD;
60
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
61
- --on-light-outline-primary-active: #C4BEBAFF;
62
- --on-light-outline-default-active: #E6E6E6FF;
57
+ --inverse-personas-pink-text-accent-active: #F48080FF;
58
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
63
59
  --on-dark-personas-olive-text-accent-active: #7DC07CFF;
60
+ --on-dark-personas-pink-text-accent-active: #F58A8AFF;
64
61
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
65
62
  --on-dark-personas-violet-text-accent-active: #D982E8FF;
66
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
67
- --on-dark-surface-accent-secondary-active: #59C5ACFF;
68
- --inverse-personas-green-text-accent-active: #4CCDACFF;
63
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
64
+ --on-light-personas-pink-text-accent-active: #D73333FF;
69
65
  --inverse-surface-accent-secondary: #41BDA1;
70
- --on-dark-text-primary-brightness-hover: #FAFAFA93;
71
- --on-dark-personas-pink-text-accent-active: #F58A8AFF;
72
- --inverse-personas-indigo-text-accent-active: #A46AF1FF;
73
- --personas-sea-blue-text-accent-active: #00A8ADFF;
66
+ --inverse-surface-transparent-accent-minor-active: #0BA8885C;
67
+ --on-dark-surface-accent-secondary-active: #59C5ACFF;
74
68
  --on-light-surface-transparent-accent-minor: #0BA6863D;
75
- --on-light-personas-pink-text-accent-active: #D73333FF;
69
+ --on-light-surface-transparent-navi-active: #FFFFFFAD;
76
70
  --text-primary-brightness-hover: #FAFAFA93;
77
- --inverse-surface-transparent-accent-minor-active: #0BA8885C;
78
- --personas-ochre-text-accent-hover: #F7C8B6FF;
79
- --inverse-personas-pink-text-accent-active: #F48080FF;
80
- --on-light-surface-transparent-navi-hover: #FFFFFFA8;
81
- --outline-primary-active: #2B2827FF;
82
- --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
83
- --on-light-personas-green-text-accent: #038768;
84
- --inverse-surface-accent-secondary-active: #3CAF94FF;
85
- --personas-indigo-text-accent-active: #AA73F2FF;
71
+ --on-dark-text-primary-brightness-hover: #FAFAFA93;
72
+ --on-light-text-warning-active: #6F2D06FF;
73
+ --on-light-outline-primary-active: #C4BEBAFF;
74
+ --inverse-outline-default-hover: #CCCCCCFF;
75
+ --inverse-outline-primary-hover: #ADA39FFF;
86
76
  --personas-green-text-accent-active: #03A57FFF;
87
- --on-dark-surface-transparent-navi-hover: #242424B8;
88
- --inverse-personas-sea-blue-text-accent-hover: #000000FF;
89
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
77
+ --personas-indigo-text-accent-active: #AA73F2FF;
78
+ --personas-olive-text-accent-hover: #A6D4A5FF;
79
+ --personas-violet-text-accent: #9E32AF;
90
80
  --inverse-personas-blue-text-accent-hover: #1477E1FF;
91
81
  --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
82
+ --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
83
+ --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
84
+ --inverse-personas-sea-blue-text-accent-hover: #000000FF;
85
+ --inverse-personas-violet-text-accent-hover: #B740C9FF;
86
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
87
+ --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
92
88
  --on-dark-personas-ochre-text-accent: #F4B49B;
93
- --on-light-personas-green-text-accent-hover: #04D7A6FF;
94
89
  --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
90
+ --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
91
+ --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
92
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
93
+ --on-light-personas-green-text-accent: #038768;
94
+ --on-light-personas-green-text-accent-hover: #04D7A6FF;
95
95
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
96
- --outline-primary-hover: #6B6461FF;
97
96
  --surface-transparent-accent-minor-active: #0BA88838;
98
97
  --surface-transparent-navi-hover: #242424B8;
99
- --inverse-outline-default-hover: #CCCCCCFF;
100
- --inverse-personas-violet-text-accent-hover: #B740C9FF;
101
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
98
+ --inverse-surface-accent-secondary-active: #3CAF94FF;
102
99
  --inverse-surface-transparent-accent-minor-hover: #0BA88857;
103
100
  --inverse-surface-transparent-navi-hover: #FFFFFFA8;
104
- --inverse-outline-primary-hover: #ADA39FFF;
105
- --personas-olive-text-accent-hover: #A6D4A5FF;
106
- --personas-violet-text-accent: #9E32AF;
107
- --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
108
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
109
- --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
110
- --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
111
- --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
112
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
113
- --on-light-personas-olive-text-accent-hover: #1DB71AFF;
114
- --on-light-personas-violet-text-accent-hover: #B740C9FF;
101
+ --on-dark-surface-transparent-navi-hover: #242424B8;
102
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
103
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
104
+ --on-light-surface-transparent-navi-hover: #FFFFFFA8;
105
+ --outline-primary-hover: #6B6461FF;
106
+ --on-dark-outline-default: #383838;
115
107
  --on-dark-outline-primary-hover: #6B6461FF;
116
- --on-dark-personas-pink-text-accent: #F7A4A4;
117
- --on-dark-outline-primary: #3B3735;
118
- --on-light-personas-blue-text-accent: #1063BA;
119
- --surface-accent-secondary-active: #59C5ACFF;
108
+ --on-light-outline-default: #FFFFFF;
120
109
  --personas-blue-text-accent: #79B3F2;
121
110
  --personas-blue-text-accent-active: #5DA3EFFF;
122
111
  --personas-green-text-accent: #038768;
123
- --surface-solid-primary-brightness-active: #212121FF;
124
- --on-light-text-primary-brightness-hover: #17171793;
112
+ --personas-indigo-text-accent: #BD91F5;
125
113
  --personas-pink-text-accent: #DE5555;
114
+ --personas-pink-text-accent-hover: #E26E6EFF;
126
115
  --personas-sea-blue-text-accent: #00898D;
127
- --surface-transparent-accent-minor: #0BA68647;
128
116
  --personas-violet-text-accent-hover: #B438C7FF;
129
117
  --inverse-personas-blue-text-accent: #1063BA;
130
118
  --inverse-personas-olive-text-accent-active: #179315FF;
119
+ --inverse-personas-violet-text-accent: #9E32AF;
120
+ --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
121
+ --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
122
+ --on-dark-personas-pink-text-accent: #F7A4A4;
123
+ --on-light-personas-blue-text-accent: #1063BA;
124
+ --on-light-personas-olive-text-accent-hover: #1DB71AFF;
125
+ --on-light-personas-violet-text-accent-hover: #B740C9FF;
126
+ --surface-accent-secondary-active: #59C5ACFF;
127
+ --surface-solid-primary-brightness-active: #212121FF;
128
+ --surface-transparent-accent-minor: #0BA68647;
131
129
  --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
132
130
  --inverse-surface-transparent-accent-minor: #0BA68647;
133
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
134
131
  --on-dark-surface-transparent-navi: #23232399;
135
- --inverse-text-primary-brightness-hover: #17171793;
136
- --background-hardline: #000000;
137
- --inverse-outline-primary: #DDD9D7;
138
- --on-dark-outline-default: #383838;
139
- --inverse-personas-violet-text-accent: #9E32AF;
140
- --personas-indigo-text-accent: #BD91F5;
132
+ --on-dark-surface-transparent-navi-active: #2424248A;
133
+ --on-light-surface-accent-secondary: #41BDA1;
141
134
  --inverse-text-primary-brightness-active: #171717C4;
135
+ --inverse-text-primary-brightness-hover: #17171793;
142
136
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
143
137
  --on-light-text-primary-brightness-active: #171717C4;
144
- --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
145
- --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
146
- --personas-pink-text-accent-hover: #E26E6EFF;
147
- --on-dark-surface-transparent-navi-active: #2424248A;
148
- --on-light-surface-accent-secondary: #41BDA1;
149
- --on-light-outline-default: #FFFFFF;
150
- --personas-pink-text-accent-active: #D83B3BFF;
138
+ --on-light-text-primary-brightness-hover: #17171793;
139
+ --inverse-outline-primary: #DDD9D7;
140
+ --on-dark-outline-primary: #3B3735;
151
141
  --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
152
142
  --inverse-personas-olive-text-accent: #127210;
153
143
  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
154
144
  --on-dark-personas-green-text-accent: #6CD5BB;
145
+ --on-light-personas-indigo-text-accent: #7133BE;
146
+ --on-light-personas-indigo-text-accent-active: #5B2999FF;
155
147
  --on-light-personas-olive-text-accent-active: #179315FF;
156
148
  --on-light-personas-pink-text-accent: #DE5555;
157
149
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
158
150
  --surface-transparent-accent-minor-hover: #0BA88866;
159
151
  --inverse-surface-transparent-navi-active: #FFFFFFAD;
160
- --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
161
- --on-light-personas-indigo-text-accent: #7133BE;
162
- --on-dark-surface-solid-primary-brightness-active: #212121FF;
163
152
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
153
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
164
154
  --on-light-surface-accent-secondary-active: #3CAF94FF;
155
+ --personas-pink-text-accent-active: #D83B3BFF;
165
156
  --inverse-personas-green-text-accent-hover: #8CDECAFF;
166
- --on-light-personas-indigo-text-accent-active: #5B2999FF;
167
- --outline-transparent-white-active: #FFFFFF49;
168
- --outline-transparent-white-hover: #FFFFFFF5;
169
157
  --inverse-outline-deep: #A1A09F;
170
- --inverse-outline-deep-active: #8D8C8BFF;
171
158
  --inverse-outline-deep-hover: #CAC9C9FF;
172
159
  --inverse-outline-transparent-white: #FFFFFF66;
173
160
  --inverse-outline-transparent-white-hover: #FFFFFF3D;
@@ -201,454 +188,431 @@
201
188
  --on-dark-surface-transparent-card-minor-hover: #2424249E;
202
189
  --on-light-surface-solid-deep: #A1A09F;
203
190
  --on-light-surface-solid-deep-active: #979695FF;
191
+ --outline-transparent-white-hover: #FFFFFFF5;
192
+ --inverse-outline-deep-active: #8D8C8BFF;
193
+ --on-light-outline-transparent-white-active: #FFFFFFA3;
204
194
  --on-light-surface-solid-deep-hover: #B1B0AFFF;
205
195
  --on-light-surface-transparent-card-minor: #FFFFFF85;
206
196
  --on-light-surface-transparent-card-minor-active: #FFFFFF99;
207
197
  --on-light-surface-transparent-card-minor-hover: #FFFFFF94;
208
- --outline-deep-active: #5D5C5BFF;
209
- --outline-deep-hover: #D2D1D1FF;
210
- --on-light-outline-transparent-white-active: #FFFFFFA3;
211
- --on-light-outline-transparent-white-hover: #FFFFFF3D;
212
198
  --text-positive-active: #469442FF;
213
199
  --text-positive-hover: #62B65DFF;
214
200
  --text-primary-active: #FFFFFFCA;
215
201
  --text-primary-brightness: #FAFAFAF5;
216
- --text-negative: #F57E83;
217
- --text-negative-active: #F3626AFF;
218
- --text-negative-hover: #F89BA0FF;
219
- --text-tertiary-active: #F5F1EF49;
220
- --text-tertiary-hover: #F5F1EFFF;
221
- --text-warning: #DA6828;
222
- --text-warning-active: #C45D21FF;
223
- --text-warning-hover: #DF7D43FF;
202
+ --outline-deep-hover: #D2D1D1FF;
203
+ --on-light-outline-transparent-white-hover: #FFFFFF3D;
224
204
  --text-accent-minor: #61C8B07A;
225
- --text-accent-minor-active: #60C7AF93;
226
205
  --text-accent-minor-hover: #60C7AFFF;
227
- --text-paragraph-hover: #F5F1EFFF;
228
- --text-positive: #50A84C;
229
- --text-paragraph: #F6F2F07A;
230
- --text-paragraph-active: #F5F1EF93;
231
206
  --text-info: #70B2F5;
232
207
  --text-info-active: #53A3F3FF;
233
208
  --text-info-hover: #BCDBFAFF;
209
+ --text-negative: #F57E83;
210
+ --text-negative-active: #F3626AFF;
211
+ --text-negative-hover: #F89BA0FF;
212
+ --text-paragraph: #F6F2F07A;
213
+ --text-paragraph-active: #F5F1EF93;
214
+ --text-paragraph-hover: #F5F1EFFF;
215
+ --text-positive: #50A84C;
234
216
  --text-secondary: #F6F2F0A3;
235
217
  --text-secondary-active: #F5F1EFC4;
236
218
  --text-secondary-hover: #F5F1EFFF;
237
219
  --text-tertiary: #F6F2F03D;
238
- --text-accent: #61C8B0;
239
- --text-accent-active: #4ABFA4FF;
220
+ --text-tertiary-active: #F5F1EF49;
221
+ --text-tertiary-hover: #F5F1EFFF;
222
+ --text-warning: #DA6828;
223
+ --text-warning-active: #C45D21FF;
224
+ --text-warning-hover: #DF7D43FF;
240
225
  --on-dark-text-accent-minor-active: #60C7AF93;
241
- --on-dark-text-info-active: #53A3F3FF;
242
226
  --on-dark-text-info: #70B2F5;
227
+ --on-dark-text-info-active: #53A3F3FF;
243
228
  --on-dark-text-info-hover: #BCDBFAFF;
244
229
  --on-dark-text-negative: #F57E83;
245
230
  --on-dark-text-secondary: #F6F2F0A3;
246
- --on-dark-text-secondary-active: #F5F1EFC4;
247
- --on-dark-text-tertiary: #F6F2F03D;
248
- --on-dark-text-secondary-hover: #F5F1EFFF;
249
- --on-dark-text-primary: #FFFFFFFC;
250
- --on-dark-text-accent-hover: #60C7AF8E;
251
- --on-dark-text-positive: #50A84C;
252
- --on-dark-text-paragraph-hover: #F5F1EFFF;
253
- --on-dark-text-negative-active: #F3626AFF;
254
- --on-dark-text-paragraph: #F6F2F07A;
231
+ --text-accent: #61C8B0;
232
+ --text-accent-minor-active: #60C7AF93;
255
233
  --on-dark-text-negative-hover: #F89BA0FF;
234
+ --on-dark-text-paragraph: #F6F2F07A;
235
+ --on-dark-text-paragraph-hover: #F5F1EFFF;
236
+ --on-dark-text-positive: #50A84C;
237
+ --on-dark-text-positive-active: #469442FF;
238
+ --on-dark-text-positive-hover: #62B65DFF;
239
+ --on-dark-text-primary: #FFFFFFFC;
256
240
  --on-dark-text-primary-active: #FFFFFFCA;
257
241
  --on-dark-text-primary-brightness: #FAFAFAF5;
258
- --on-dark-text-warning-hover: #DF7D43FF;
242
+ --on-dark-text-primary-hover: #FFFFFF97;
243
+ --on-dark-text-secondary-active: #F5F1EFC4;
244
+ --on-dark-text-secondary-hover: #F5F1EFFF;
245
+ --on-dark-text-tertiary: #F6F2F03D;
259
246
  --on-dark-text-tertiary-active: #F5F1EF49;
247
+ --on-dark-text-tertiary-hover: #F5F1EFFF;
260
248
  --on-dark-text-warning: #DA6828;
261
249
  --on-dark-text-warning-active: #C45D21FF;
262
- --on-dark-text-tertiary-hover: #F5F1EFFF;
263
- --on-dark-text-primary-hover: #FFFFFF97;
264
- --on-dark-text-positive-active: #469442FF;
265
- --on-dark-text-accent-minor: #61C8B07A;
266
- --on-dark-text-positive-hover: #62B65DFF;
267
- --on-light-text-tertiary-active: #15110F49;
268
- --on-light-text-warning: #973C09;
269
- --on-light-text-tertiary-hover: #15110FFF;
270
- --on-light-text-warning-hover: #BC4C0BFF;
250
+ --on-dark-text-warning-hover: #DF7D43FF;
251
+ --on-light-text-accent-minor-active: #0A8F747A;
271
252
  --on-light-text-positive-active: #185E17FF;
272
- --on-light-text-primary: #15110FFC;
273
253
  --on-light-text-positive-hover: #29A027FF;
274
- --on-light-text-accent-minor-active: #0A8F747A;
275
- --on-light-text-paragraph: #15110F66;
254
+ --on-light-text-primary: #15110FFC;
255
+ --on-light-text-tertiary-active: #15110F49;
256
+ --on-light-text-tertiary-hover: #15110FFF;
257
+ --on-light-text-warning: #973C09;
258
+ --on-light-text-warning-hover: #BC4C0BFF;
259
+ --on-dark-text-accent-minor: #61C8B07A;
260
+ --on-dark-text-negative-active: #F3626AFF;
261
+ --inverse-text-secondary-active: #15110FC4;
262
+ --inverse-text-tertiary-active: #15110F49;
263
+ --inverse-text-tertiary-hover: #15110FFF;
264
+ --on-light-text-accent: #0A8E73;
265
+ --on-light-text-accent-active: #076955FF;
266
+ --on-light-text-accent-hover: #0DB593FF;
267
+ --on-light-text-accent-minor: #0A8E7366;
276
268
  --on-light-text-accent-minor-hover: #0A8F74FF;
269
+ --on-light-text-info: #205EA5;
270
+ --on-light-text-info-active: #194B85FF;
271
+ --on-light-text-negative-active: #AF181DFF;
272
+ --on-light-text-negative-hover: #E3353BFF;
273
+ --on-light-text-paragraph: #15110F66;
277
274
  --on-light-text-paragraph-active: #15110F7A;
278
- --on-light-text-positive: #207F1F;
279
275
  --on-light-text-paragraph-hover: #15110FFF;
276
+ --on-light-text-positive: #207F1F;
277
+ --on-light-text-primary-active: #15110FCA;
278
+ --on-light-text-primary-brightness: #171717F5;
279
+ --on-light-text-primary-hover: #15110F97;
280
280
  --on-light-text-secondary: #15110FA3;
281
281
  --on-light-text-secondary-active: #15110FC4;
282
- --on-light-text-tertiary: #15110F3D;
283
282
  --on-light-text-secondary-hover: #15110FFF;
284
- --on-light-text-primary-active: #15110FCA;
285
- --on-light-text-primary-hover: #15110F97;
286
- --on-light-text-primary-brightness: #171717F5;
287
- --on-light-text-accent-active: #076955FF;
288
- --on-light-text-accent-minor: #0A8E7366;
289
- --on-light-text-accent: #0A8E73;
290
- --on-light-text-accent-hover: #0DB593FF;
291
- --on-light-text-negative-active: #AF181DFF;
292
- --on-light-text-negative-hover: #E3353BFF;
293
- --inverse-text-secondary-hover: #15110FFF;
283
+ --on-light-text-tertiary: #15110F3D;
294
284
  --inverse-text-secondary: #15110FA3;
295
- --inverse-text-secondary-active: #15110FC4;
296
- --inverse-text-tertiary-active: #15110F49;
297
- --on-light-text-info: #205EA5;
298
- --inverse-text-tertiary-hover: #15110FFF;
299
- --on-light-text-info-active: #194B85FF;
300
- --on-light-text-info-hover: #000000FF;
301
- --inverse-text-primary-active: #15110FCA;
302
- --inverse-text-primary-hover: #15110F97;
303
- --inverse-text-primary-brightness: #171717F5;
285
+ --inverse-text-secondary-hover: #15110FFF;
286
+ --inverse-text-accent-minor: #0A8E7366;
304
287
  --inverse-text-accent-minor-active: #0A8F747A;
305
- --inverse-text-paragraph: #15110F66;
306
288
  --inverse-text-accent-minor-hover: #0A8F74FF;
289
+ --inverse-text-negative: #D11D23;
290
+ --inverse-text-negative-active: #AF181DFF;
291
+ --inverse-text-negative-hover: #E3353BFF;
292
+ --inverse-text-paragraph: #15110F66;
307
293
  --inverse-text-paragraph-active: #15110F7A;
308
- --inverse-text-primary: #15110FFC;
309
294
  --inverse-text-paragraph-hover: #15110FFF;
295
+ --inverse-text-positive-active: #185E17FF;
296
+ --inverse-text-positive-hover: #29A027FF;
297
+ --inverse-text-primary: #15110FFC;
298
+ --inverse-text-primary-active: #15110FCA;
299
+ --inverse-text-primary-brightness: #171717F5;
300
+ --inverse-text-primary-hover: #15110F97;
310
301
  --inverse-text-tertiary: #15110F3D;
302
+ --on-light-text-info-hover: #000000FF;
311
303
  --on-light-text-negative: #D11D23;
312
304
  --inverse-text-accent-active: #076955FF;
313
305
  --inverse-text-accent-hover: #0DB593FF;
314
- --inverse-text-accent-minor: #0A8E7366;
315
- --inverse-text-negative: #D11D23;
316
- --inverse-text-positive-active: #185E17FF;
317
- --inverse-text-positive-hover: #29A027FF;
318
- --inverse-text-negative-active: #AF181DFF;
319
- --inverse-text-negative-hover: #E3353BFF;
320
- --surface-solid-secondary: #292929;
321
- --surface-solid-tertiary: #474747;
306
+ --surface-clear-active: #FFFFFF00;
307
+ --surface-solid-card-brightness: #262626FF;
308
+ --surface-solid-card-hover: #2E2E2EFF;
309
+ --surface-solid-primary: #232323;
322
310
  --surface-solid-secondary-active: #242424FF;
323
311
  --surface-solid-secondary-hover: #333333FF;
312
+ --surface-solid-tertiary: #474747;
324
313
  --surface-solid-tertiary-hover: #525252FF;
325
- --inverse-text-info-active: #194B85FF;
314
+ --surface-transparent-deep: #A1A09F99;
315
+ --surface-transparent-deep-active: #A2A1A08A;
316
+ --surface-transparent-deep-hover: #A2A1A0B8;
317
+ --surface-transparent-primary: #FFFFFF14;
318
+ --surface-transparent-primary-active: #FFFFFF0F;
319
+ --surface-transparent-primary-hover: #FFFFFF24;
320
+ --surface-transparent-secondary: #FFFFFF29;
326
321
  --inverse-text-info: #205EA5;
322
+ --inverse-text-info-active: #194B85FF;
327
323
  --inverse-text-info-hover: #000000FF;
324
+ --inverse-text-positive: #207F1F;
328
325
  --inverse-text-warning: #973C09;
329
- --inverse-text-warning-hover: #BC4C0BFF;
330
- --surface-solid-primary: #232323;
331
326
  --inverse-text-warning-active: #6F2D06FF;
332
- --inverse-text-positive: #207F1F;
333
- --surface-solid-primary-hover: #2E2E2EFF;
327
+ --inverse-text-warning-hover: #BC4C0BFF;
334
328
  --surface-accent-hover: #0CBB98FF;
335
- --surface-accent-active: #0A9E81FF;
336
- --surface-transparent-primary-active: #FFFFFF0F;
337
- --surface-transparent-secondary: #FFFFFF29;
338
- --surface-transparent-primary-hover: #FFFFFF24;
339
- --surface-transparent-deep: #A1A09F99;
340
- --surface-transparent-primary: #FFFFFF14;
341
- --surface-transparent-deep-active: #A2A1A08A;
342
- --surface-transparent-deep-hover: #A2A1A0B8;
343
329
  --surface-solid-card-active: #1F1F1FFF;
344
- --surface-solid-card-hover: #2E2E2EFF;
345
- --surface-solid-card-brightness: #262626FF;
346
- --surface-clear-active: #FFFFFF00;
347
- --surface-clear: #FFFFFF00;
330
+ --surface-positive: #A6D2A2;
331
+ --surface-positive-active: #9FCF9BFF;
332
+ --surface-positive-hover: #B3D9B0FF;
348
333
  --surface-solid-card: #232323;
349
- --surface-clear-hover: #FFFFFF00;
350
- --surface-transparent-card-active: #383838A8;
351
- --surface-transparent-card-hover: #383838D6;
352
- --surface-transparent-card-brightness: #FAFAFA0F;
353
334
  --surface-solid-default-active: #F2ECE9FF;
354
335
  --surface-solid-default-hover: #F9F7F5FF;
336
+ --surface-transparent-accent: #0BA68633;
355
337
  --surface-transparent-accent-active: #0BA88824;
338
+ --surface-transparent-accent-hover: #0BA88852;
356
339
  --surface-transparent-card: #373737B8;
340
+ --surface-transparent-card-active: #383838A8;
341
+ --surface-transparent-card-brightness: #FAFAFA0F;
342
+ --surface-transparent-card-hover: #383838D6;
357
343
  --surface-transparent-secondary-active: #FFFFFF1A;
358
- --surface-transparent-tertiary: #FFFFFF3D;
359
- --surface-transparent-accent-hover: #0BA88852;
360
- --surface-transparent-accent: #0BA68633;
361
344
  --surface-transparent-secondary-hover: #FFFFFF47;
345
+ --surface-transparent-tertiary: #FFFFFF3D;
362
346
  --surface-transparent-tertiary-active: #FFFFFF2E;
363
347
  --surface-transparent-tertiary-hover: #FFFFFF5C;
364
- --surface-positive-active: #9FCF9BFF;
365
- --surface-positive-hover: #B3D9B0FF;
348
+ --surface-clear-hover: #FFFFFF00;
366
349
  --surface-negative-active: #F79C9FFF;
367
- --surface-positive: #A6D2A2;
368
350
  --surface-negative-hover: #F9B8BAFF;
369
- --surface-info-hover: #AED4F9FF;
370
- --surface-warning: #F8AD80;
371
- --surface-warning-hover: #F9BB94FF;
372
- --surface-warning-active: #F8A977FF;
373
- --surface-info-active: #91C4F7FF;
374
351
  --surface-negative: #F8A6A9;
352
+ --surface-transparent-negative: #F8A6A980;
375
353
  --surface-transparent-negative-active: #F8A5A870;
376
354
  --surface-transparent-negative-hover: #F8A5A89E;
377
- --surface-transparent-negative: #F8A6A980;
355
+ --surface-warning: #F8AD80;
356
+ --surface-warning-active: #F8A977FF;
357
+ --surface-warning-hover: #F9BB94FF;
378
358
  --on-dark-surface-solid-secondary: #292929;
379
- --on-dark-surface-solid-tertiary: #474747;
380
359
  --on-dark-surface-solid-secondary-active: #242424FF;
381
360
  --on-dark-surface-solid-secondary-hover: #333333FF;
361
+ --on-dark-surface-solid-tertiary: #474747;
382
362
  --on-dark-surface-solid-tertiary-hover: #525252FF;
383
- --on-dark-surface-solid-primary-active: #1F1F1FFF;
384
- --on-dark-surface-solid-primary-brightness: #262626FF;
385
- --surface-read-only-active: #FAFAFA00;
363
+ --surface-info-hover: #AED4F9FF;
386
364
  --surface-read-only: #F9F9F905;
387
365
  --surface-read-only-hover: #FAFAFA0F;
388
- --on-dark-surface-solid-primary-hover: #2E2E2EFF;
389
- --on-dark-surface-solid-primary: #232323;
390
366
  --on-dark-surface-accent: #0BA686;
391
- --on-dark-surface-accent-hover: #0CBB98FF;
392
367
  --on-dark-surface-accent-active: #0A9E81FF;
393
- --on-dark-surface-transparent-primary-active: #FFFFFF0F;
394
- --on-dark-surface-transparent-secondary: #FFFFFF29;
395
- --on-dark-surface-transparent-primary-hover: #FFFFFF24;
396
- --on-dark-surface-transparent-deep: #A1A09F99;
397
- --on-dark-surface-transparent-primary: #FFFFFF14;
398
- --on-dark-surface-transparent-deep-active: #A2A1A08A;
399
- --on-dark-surface-transparent-deep-hover: #A2A1A0B8;
400
- --on-dark-surface-solid-card-active: #1F1F1FFF;
401
- --on-dark-surface-solid-card-hover: #2E2E2EFF;
402
- --on-dark-surface-solid-card-brightness: #262626FF;
368
+ --on-dark-surface-accent-hover: #0CBB98FF;
403
369
  --on-dark-surface-clear: #FFFFFF00;
404
- --on-dark-surface-clear-hover: #FFFFFF00;
405
370
  --on-dark-surface-clear-active: #FFFFFF00;
371
+ --on-dark-surface-clear-hover: #FFFFFF00;
406
372
  --on-dark-surface-solid-card: #232323;
373
+ --on-dark-surface-solid-card-active: #1F1F1FFF;
374
+ --on-dark-surface-solid-card-brightness: #262626FF;
375
+ --on-dark-surface-solid-card-hover: #2E2E2EFF;
407
376
  --on-dark-surface-solid-default-hover: #F9F7F5FF;
377
+ --on-dark-surface-solid-primary: #232323;
378
+ --on-dark-surface-solid-primary-active: #1F1F1FFF;
379
+ --on-dark-surface-solid-primary-brightness: #262626FF;
380
+ --on-dark-surface-solid-primary-hover: #2E2E2EFF;
381
+ --on-dark-surface-transparent-deep: #A1A09F99;
382
+ --on-dark-surface-transparent-deep-active: #A2A1A08A;
383
+ --on-dark-surface-transparent-deep-hover: #A2A1A0B8;
384
+ --on-dark-surface-transparent-primary: #FFFFFF14;
385
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
386
+ --on-dark-surface-transparent-primary-hover: #FFFFFF24;
387
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
388
+ --surface-read-only-active: #FAFAFA00;
389
+ --on-dark-surface-negative-hover: #F9B8BAFF;
390
+ --on-dark-surface-positive: #A6D2A2;
391
+ --on-dark-surface-positive-active: #9FCF9BFF;
392
+ --on-dark-surface-positive-hover: #B3D9B0FF;
408
393
  --on-dark-surface-solid-default-active: #F2ECE9FF;
394
+ --on-dark-surface-transparent-accent: #0BA68633;
409
395
  --on-dark-surface-transparent-card: #373737B8;
410
- --on-dark-surface-transparent-card-hover: #383838D6;
396
+ --on-dark-surface-transparent-card-active: #383838A8;
411
397
  --on-dark-surface-transparent-card-brightness: #FAFAFA0F;
398
+ --on-dark-surface-transparent-card-hover: #383838D6;
412
399
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
413
- --on-dark-surface-transparent-tertiary: #FFFFFF3D;
414
- --on-dark-surface-transparent-card-active: #383838A8;
415
400
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
401
+ --on-dark-surface-transparent-tertiary: #FFFFFF3D;
416
402
  --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
417
403
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
418
- --on-dark-surface-positive-active: #9FCF9BFF;
419
- --on-dark-surface-positive-hover: #B3D9B0FF;
420
- --on-dark-surface-negative-active: #F79C9FFF;
421
- --on-dark-surface-positive: #A6D2A2;
422
- --on-dark-surface-negative-hover: #F9B8BAFF;
423
- --on-dark-surface-info-hover: #AED4F9FF;
424
- --on-dark-surface-info: #9BCAF8;
425
- --on-dark-surface-info-active: #91C4F7FF;
426
404
  --on-dark-surface-warning-active: #F8A977FF;
427
- --on-dark-surface-transparent-accent: #0BA68633;
428
- --on-dark-surface-transparent-accent-hover: #0BA88852;
405
+ --on-dark-surface-info-active: #91C4F7FF;
406
+ --on-dark-surface-info-hover: #AED4F9FF;
407
+ --on-dark-surface-negative-active: #F79C9FFF;
408
+ --on-dark-surface-read-only: #F9F9F905;
409
+ --on-dark-surface-read-only-active: #FAFAFA00;
410
+ --on-dark-surface-read-only-hover: #FAFAFA0F;
429
411
  --on-dark-surface-transparent-accent-active: #0BA88824;
430
- --on-dark-surface-warning: #F8AD80;
431
- --on-dark-surface-warning-hover: #F9BB94FF;
432
- --on-dark-surface-negative: #F8A6A9;
412
+ --on-dark-surface-transparent-accent-hover: #0BA88852;
413
+ --on-dark-surface-transparent-negative: #F8A6A980;
433
414
  --on-dark-surface-transparent-negative-active: #F8A5A870;
434
415
  --on-dark-surface-transparent-negative-hover: #F8A5A89E;
435
- --on-dark-surface-read-only-active: #FAFAFA00;
436
- --on-dark-surface-transparent-negative: #F8A6A980;
416
+ --on-dark-surface-warning: #F8AD80;
417
+ --on-dark-surface-warning-hover: #F9BB94FF;
418
+ --on-light-surface-solid-primary: #FFFFFF;
419
+ --on-light-surface-solid-primary-active: #FFFFFFFF;
420
+ --on-light-surface-solid-primary-brightness: #FFFFFFFF;
421
+ --on-light-surface-solid-primary-hover: #FFFFFFFF;
437
422
  --on-light-surface-solid-secondary: #FFFFFF;
438
- --on-light-surface-solid-tertiary: #FFFFFF;
439
423
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
440
424
  --on-light-surface-solid-secondary-hover: #FFFFFFFF;
425
+ --on-light-surface-solid-tertiary: #FFFFFF;
441
426
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
442
- --on-dark-surface-read-only-hover: #FAFAFA0F;
443
- --on-dark-surface-read-only: #F9F9F905;
444
- --on-light-surface-solid-primary-active: #FFFFFFFF;
445
- --on-light-surface-solid-primary-hover: #FFFFFFFF;
446
- --on-light-surface-solid-primary-brightness: #FFFFFFFF;
447
- --on-light-surface-solid-primary: #FFFFFF;
427
+ --on-dark-surface-negative: #F8A6A9;
448
428
  --on-light-surface-accent: #0BA686;
449
- --on-light-surface-accent-hover: #0CBB98FF;
450
429
  --on-light-surface-accent-active: #099579FF;
451
- --on-light-surface-transparent-primary-active: #15110F0F;
452
- --on-light-surface-transparent-secondary: #15110F14;
453
- --on-light-surface-transparent-primary-hover: #15110F0D;
454
- --on-light-surface-transparent-deep: #A1A09FA3;
455
- --on-light-surface-transparent-primary: #15110F0A;
456
- --on-light-surface-transparent-deep-active: #A2A1A0B8;
457
- --on-light-surface-solid-card-active: #FFFFFFFF;
458
- --on-light-surface-solid-card-hover: #FFFFFFFF;
459
- --on-light-surface-solid-card-brightness: #FFFFFFFF;
430
+ --on-light-surface-accent-hover: #0CBB98FF;
460
431
  --on-light-surface-clear-active: #FFFFFF00;
461
- --on-light-surface-solid-card: #FFFFFF;
462
432
  --on-light-surface-clear-hover: #FFFFFF00;
463
- --on-light-surface-solid-default-active: #090706FF;
433
+ --on-light-surface-solid-card: #FFFFFF;
434
+ --on-light-surface-solid-card-active: #FFFFFFFF;
435
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
436
+ --on-light-surface-solid-card-hover: #FFFFFFFF;
464
437
  --on-light-surface-solid-default: #15110F;
438
+ --on-light-surface-solid-default-active: #090706FF;
465
439
  --on-light-surface-solid-default-hover: #271F1CFF;
440
+ --on-light-surface-transparent-card: #FFFFFFB3;
466
441
  --on-light-surface-transparent-card-active: #FFFFFFC7;
442
+ --on-light-surface-transparent-card-brightness: #FFFFFFFF;
467
443
  --on-light-surface-transparent-card-hover: #FFFFFFC2;
444
+ --on-light-surface-transparent-deep: #A1A09FA3;
445
+ --on-light-surface-transparent-deep-active: #A2A1A0B8;
446
+ --on-light-surface-transparent-primary: #15110F0A;
447
+ --on-light-surface-transparent-primary-active: #15110F0F;
448
+ --on-light-surface-transparent-primary-hover: #15110F0D;
449
+ --on-light-surface-transparent-secondary: #15110F14;
468
450
  --on-light-surface-transparent-secondary-active: #15110F1F;
469
451
  --on-light-surface-transparent-tertiary: #15110F1F;
470
- --on-light-surface-transparent-card-brightness: #FFFFFFFF;
471
- --on-light-surface-transparent-card: #FFFFFFB3;
472
- --on-light-surface-transparent-tertiary-active: #15110F33;
473
- --on-light-surface-transparent-tertiary-hover: #15110F2E;
474
- --on-light-surface-info: #3776BC;
452
+ --on-light-surface-negative-hover: #EC5156FF;
453
+ --on-light-surface-positive: #239322;
475
454
  --on-light-surface-positive-active: #20801EFF;
476
455
  --on-light-surface-positive-hover: #28A126FF;
477
- --on-light-surface-negative-active: #E72329FF;
478
- --on-light-surface-positive: #239322;
479
- --on-light-surface-negative-hover: #EC5156FF;
480
- --on-light-surface-info-hover: #4180C8FF;
481
- --on-light-surface-info-active: #326CAEFF;
482
- --on-light-surface-transparent-accent-hover: #0BA8882E;
483
456
  --on-light-surface-transparent-accent: #0BA6861F;
484
457
  --on-light-surface-transparent-accent-active: #0BA88833;
458
+ --on-light-surface-transparent-accent-hover: #0BA8882E;
459
+ --on-light-surface-transparent-tertiary-active: #15110F33;
460
+ --on-light-surface-transparent-tertiary-hover: #15110F2E;
485
461
  --on-light-surface-warning: #BE4E0C;
486
462
  --on-light-surface-warning-active: #AD460BFF;
463
+ --on-light-surface-info-active: #326CAEFF;
464
+ --on-light-surface-info-hover: #4180C8FF;
465
+ --on-light-surface-negative-active: #E72329FF;
466
+ --inverse-surface-solid-secondary-hover: #FFFFFFFF;
467
+ --inverse-surface-transparent-tertiary-hover: #15110F2E;
487
468
  --on-light-surface-negative: #E83439;
488
- --on-light-surface-warning-hover: #D3560DFF;
489
- --on-light-surface-transparent-negative-active: #E9353B3D;
490
- --on-light-surface-transparent-negative-hover: #E9353B38;
469
+ --on-light-surface-read-only: #F9F9F903;
491
470
  --on-light-surface-read-only-active: #FAFAFA08;
492
- --on-light-surface-transparent-negative: #E8343929;
493
- --inverse-surface-solid-secondary: #FFFFFF;
494
- --inverse-surface-solid-secondary-hover: #FFFFFFFF;
495
471
  --on-light-surface-read-only-hover: #FAFAFA05;
496
- --on-light-surface-read-only: #F9F9F903;
472
+ --on-light-surface-transparent-negative: #E8343929;
473
+ --on-light-surface-transparent-negative-hover: #E9353B38;
474
+ --on-light-surface-warning-hover: #D3560DFF;
497
475
  --inverse-surface-solid-primary-brightness: #FFFFFFFF;
498
- --inverse-surface-solid-primary-active: #FFFFFFFF;
499
476
  --inverse-surface-solid-primary-hover: #FFFFFFFF;
500
- --inverse-surface-transparent-tertiary-hover: #15110F2E;
501
- --inverse-surface-clear-active: #FFFFFF00;
502
- --inverse-surface-clear: #FFFFFF00;
503
- --inverse-surface-transparent-primary-active: #15110F0F;
504
- --inverse-surface-transparent-secondary: #15110F14;
505
- --inverse-surface-transparent-primary-hover: #15110F0D;
506
- --inverse-surface-transparent-deep: #A1A09FA3;
507
- --inverse-surface-transparent-primary: #15110F0A;
508
- --inverse-surface-transparent-deep-active: #A2A1A0B8;
509
- --inverse-surface-transparent-deep-hover: #A2A1A0B3;
477
+ --inverse-surface-solid-secondary: #FFFFFF;
510
478
  --inverse-surface-solid-card-active: #FFFFFFFF;
511
- --inverse-surface-solid-card-hover: #FFFFFFFF;
512
479
  --inverse-surface-solid-card-brightness: #FFFFFFFF;
513
- --inverse-surface-solid-card: #FFFFFF;
514
- --inverse-surface-transparent-card-brightness: #FFFFFFFF;
515
- --inverse-surface-transparent-card-hover: #FFFFFFC2;
480
+ --inverse-surface-solid-card-hover: #FFFFFFFF;
516
481
  --inverse-surface-solid-default-active: #090706FF;
517
- --inverse-surface-solid-tertiary-active: #FFFFFFFF;
518
- --inverse-surface-transparent-card-active: #FFFFFFC7;
519
- --inverse-surface-transparent-card: #FFFFFFB3;
520
482
  --inverse-surface-solid-default-hover: #271F1CFF;
483
+ --inverse-surface-solid-tertiary-active: #FFFFFFFF;
521
484
  --inverse-surface-solid-tertiary-hover: #FFFFFFFF;
485
+ --inverse-surface-transparent-card: #FFFFFFB3;
486
+ --inverse-surface-transparent-card-active: #FFFFFFC7;
487
+ --inverse-surface-transparent-card-brightness: #FFFFFFFF;
488
+ --inverse-surface-transparent-card-hover: #FFFFFFC2;
489
+ --inverse-surface-transparent-deep: #A1A09FA3;
490
+ --inverse-surface-transparent-deep-active: #A2A1A0B8;
491
+ --inverse-surface-transparent-deep-hover: #A2A1A0B3;
492
+ --inverse-surface-transparent-primary: #15110F0A;
493
+ --inverse-surface-transparent-primary-active: #15110F0F;
494
+ --inverse-surface-transparent-primary-hover: #15110F0D;
495
+ --inverse-surface-transparent-secondary: #15110F14;
522
496
  --inverse-surface-transparent-secondary-active: #15110F1F;
523
- --inverse-surface-transparent-tertiary: #15110F1F;
524
497
  --inverse-surface-transparent-secondary-hover: #15110F1A;
498
+ --inverse-surface-transparent-tertiary: #15110F1F;
525
499
  --inverse-surface-transparent-tertiary-active: #15110F33;
526
- --inverse-surface-clear-hover: #FFFFFF00;
527
500
  --inverse-surface-warning-active: #AD460BFF;
528
501
  --inverse-surface-warning-hover: #D3560DFF;
529
- --inverse-surface-accent-hover: #0CBB98FF;
530
- --inverse-surface-positive-active: #20801EFF;
531
- --inverse-surface-positive-hover: #28A126FF;
502
+ --inverse-surface-clear-hover: #FFFFFF00;
503
+ --inverse-surface-solid-card: #FFFFFF;
504
+ --inverse-surface-negative: #E83439;
532
505
  --inverse-surface-negative-active: #E72329FF;
533
- --inverse-surface-positive: #239322;
534
506
  --inverse-surface-negative-hover: #EC5156FF;
535
- --inverse-surface-negative: #E83439;
536
- --inverse-surface-info-hover: #4180C8FF;
537
- --inverse-surface-warning: #BE4E0C;
507
+ --inverse-surface-positive: #239322;
508
+ --inverse-surface-positive-active: #20801EFF;
509
+ --inverse-surface-positive-hover: #28A126FF;
538
510
  --inverse-surface-transparent-accent: #0BA6861F;
539
- --inverse-surface-info-active: #326CAEFF;
540
- --inverse-surface-transparent-accent-active: #0BA88833;
541
- --inverse-surface-info: #3776BC;
542
511
  --inverse-surface-transparent-accent-hover: #0BA8882E;
543
- --inverse-surface-transparent-negative-active: #E9353B3D;
544
- --inverse-surface-transparent-negative-hover: #E9353B38;
545
- --inverse-surface-transparent-negative: #E8343929;
546
- --background-secondary: #0F0F0F;
512
+ --inverse-surface-warning: #BE4E0C;
513
+ --inverse-surface-info: #3776BC;
514
+ --inverse-surface-info-active: #326CAEFF;
515
+ --inverse-surface-info-hover: #4180C8FF;
547
516
  --background-tertiary: #141413;
548
- --light-background-primary: #EBE7E5;
517
+ --light-background-primary: #F0F0F0;
518
+ --outline-transparent-primary: #FFFFFF1F;
519
+ --outline-transparent-primary-active: #FFFFFF12;
520
+ --on-dark-overlay-hard: #00000066;
521
+ --on-dark-overlay-soft: #0000001F;
522
+ --inverse-surface-read-only: #F9F9F903;
549
523
  --inverse-surface-read-only-active: #FAFAFA08;
550
- --dark-background-secondary: #0F0F0F;
551
524
  --inverse-surface-read-only-hover: #FAFAFA05;
552
- --inverse-surface-read-only: #F9F9F903;
525
+ --inverse-surface-transparent-negative: #E8343929;
526
+ --inverse-surface-transparent-negative-active: #E9353B3D;
527
+ --inverse-surface-transparent-negative-hover: #E9353B38;
553
528
  --dark-background-tertiary: #141413;
554
529
  --background-primary: #141413;
555
- --on-dark-overlay-soft: #0000001F;
556
- --on-dark-overlay-hard: #00000066;
557
- --outline-transparent-primary-active: #FFFFFF12;
558
- --outline-transparent-primary: #FFFFFF1F;
530
+ --background-secondary: #0F0F0F;
531
+ --light-background-tertiary: #FFFFFF;
532
+ --outline-positive: #A6D2A2;
559
533
  --outline-transparent-primary-hover: #FFFFFF4D;
560
534
  --overlay-hard: #00000066;
561
535
  --overlay-soft: #0000001F;
562
- --on-light-overlay-hard: #000000CC;
536
+ --inverse-overlay-hard: #000000CC;
563
537
  --inverse-overlay-soft: #0000003D;
538
+ --on-light-overlay-hard: #000000CC;
564
539
  --on-light-overlay-soft: #0000003D;
565
- --inverse-overlay-hard: #000000CC;
566
- --outline-clear: #FFFFFF00;
567
540
  --inverse-background-tertiary: #FFFFFF;
568
- --inverse-background-secondary: #F6F2F0;
569
- --light-background-tertiary: #FFFFFF;
570
- --outline-positive: #A6D2A2;
541
+ --outline-clear: #FFFFFF00;
542
+ --outline-clear-hover: #FFFFFF00;
543
+ --outline-info: #9BCAF8;
544
+ --outline-info-active: #7EBAF6FF;
545
+ --outline-info-hover: #E7F2FDFF;
571
546
  --outline-negative: #F8A6A9;
572
- --outline-accent-hover: #0EE1B7FF;
573
- --outline-accent-active: #099579FF;
574
- --outline-positive-active: #92C88DFF;
575
- --outline-positive-hover: #DBEDD9FF;
576
547
  --outline-negative-active: #EF343AFF;
577
548
  --outline-negative-hover: #F25A5FFF;
578
- --outline-clear-hover: #FFFFFF00;
579
- --outline-info-hover: #E7F2FDFF;
580
- --outline-warning-hover: #FCE0CFFF;
581
- --outline-clear-active: #FFFFFF00;
549
+ --outline-positive-active: #92C88DFF;
550
+ --outline-positive-hover: #DBEDD9FF;
582
551
  --outline-warning: #F8AD80;
583
552
  --outline-warning-active: #F79C64FF;
584
- --outline-info: #9BCAF8;
585
- --outline-info-active: #7EBAF6FF;
553
+ --outline-warning-hover: #FCE0CFFF;
586
554
  --on-dark-outline-transparent-primary: #FFFFFF1F;
587
555
  --on-dark-outline-transparent-primary-active: #FFFFFF12;
588
556
  --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
589
- --on-dark-outline-warning: #F8AD80;
557
+ --outline-accent-hover: #0EE1B7FF;
558
+ --outline-clear-active: #FFFFFF00;
590
559
  --on-dark-outline-accent: #0BA686;
591
560
  --on-dark-outline-positive-active: #92C88DFF;
592
- --on-dark-outline-positive-hover: #DBEDD9FF;
561
+ --on-dark-outline-warning: #F8AD80;
562
+ --on-dark-outline-clear-active: #FFFFFF00;
563
+ --on-dark-outline-clear-hover: #FFFFFF00;
564
+ --on-dark-outline-info: #9BCAF8;
565
+ --on-dark-outline-info-active: #7EBAF6FF;
566
+ --on-dark-outline-info-hover: #E7F2FDFF;
567
+ --on-dark-outline-negative: #F8A6A9;
593
568
  --on-dark-outline-negative-active: #EF343AFF;
594
- --on-dark-outline-positive: #A6D2A2;
595
569
  --on-dark-outline-negative-hover: #F25A5FFF;
596
- --on-dark-outline-accent-hover: #0EE1B7FF;
597
- --on-dark-outline-clear: #FFFFFF00;
598
- --on-dark-outline-info-hover: #E7F2FDFF;
599
- --on-dark-outline-info-active: #7EBAF6FF;
600
- --on-dark-outline-info: #9BCAF8;
601
- --on-dark-outline-clear-hover: #FFFFFF00;
602
- --on-dark-outline-clear-active: #FFFFFF00;
570
+ --on-dark-outline-positive: #A6D2A2;
571
+ --on-dark-outline-positive-hover: #DBEDD9FF;
603
572
  --on-dark-outline-warning-active: #F79C64FF;
604
- --on-dark-outline-negative: #F8A6A9;
605
573
  --on-dark-outline-warning-hover: #FCE0CFFF;
606
- --on-light-outline-positive-hover: #32CA2FFF;
574
+ --on-dark-outline-clear: #FFFFFF00;
607
575
  --on-light-outline-clear: #FFFFFF00;
608
576
  --on-light-outline-clear-hover: #FFFFFF00;
577
+ --on-light-outline-positive-hover: #32CA2FFF;
609
578
  --on-light-outline-transparent-primary: #15110F3D;
610
579
  --on-light-outline-transparent-primary-active: #15110F62;
611
580
  --on-light-outline-transparent-primary-hover: #15110F25;
612
- --on-light-outline-accent-hover: #0ED8AFFF;
613
- --on-light-outline-positive: #239322;
614
- --on-light-outline-accent-active: #088169FF;
615
- --on-light-outline-clear-active: #FFFFFF00;
616
581
  --on-light-outline-negative-active: #DC181FFF;
617
582
  --on-light-outline-negative-hover: #F17E82FF;
583
+ --on-light-outline-positive: #239322;
618
584
  --on-light-outline-warning: #BE4E0C;
619
585
  --on-light-outline-warning-hover: #F3813FFF;
620
- --on-light-outline-negative: #E83439;
621
- --on-light-outline-info-hover: #81AADAFF;
586
+ --on-light-outline-accent-hover: #0ED8AFFF;
587
+ --on-light-outline-clear-active: #FFFFFF00;
588
+ --inverse-outline-clear-active: #FFFFFF00;
589
+ --inverse-outline-clear-hover: #FFFFFF00;
622
590
  --on-light-outline-info: #3776BC;
623
591
  --on-light-outline-info-active: #3067A6FF;
624
- --inverse-outline-accent-active: #088169FF;
592
+ --on-light-outline-info-hover: #81AADAFF;
593
+ --on-light-outline-negative: #E83439;
625
594
  --inverse-outline-clear: #FFFFFF00;
626
- --inverse-outline-clear-active: #FFFFFF00;
627
- --inverse-outline-clear-hover: #FFFFFF00;
628
- --inverse-outline-transparent-primary-hover: #15110F25;
629
- --inverse-outline-transparent-primary: #15110F3D;
630
- --inverse-outline-transparent-primary-active: #15110F62;
631
- --inverse-outline-positive: #239322;
632
- --inverse-outline-negative: #E83439;
633
595
  --inverse-outline-info-hover: #81AADAFF;
634
- --inverse-outline-info-active: #3067A6FF;
635
- --inverse-outline-positive-active: #20801EFF;
636
- --inverse-outline-positive-hover: #32CA2FFF;
596
+ --inverse-outline-negative: #E83439;
637
597
  --inverse-outline-negative-active: #DC181FFF;
638
598
  --inverse-outline-negative-hover: #F17E82FF;
599
+ --inverse-outline-positive: #239322;
600
+ --inverse-outline-positive-active: #20801EFF;
601
+ --inverse-outline-positive-hover: #32CA2FFF;
602
+ --inverse-outline-transparent-primary: #15110F3D;
603
+ --inverse-outline-transparent-primary-active: #15110F62;
604
+ --inverse-outline-transparent-primary-hover: #15110F25;
639
605
  --inverse-outline-warning-active: #A3420AFF;
640
606
  --inverse-outline-warning-hover: #F3813FFF;
641
- --inverse-outline-warning: #BE4E0C;
607
+ --inverse-outline-info-active: #3067A6FF;
642
608
  --inverse-outline-info: #3776BC;
643
- --inverse-surface-accent-minor-hover: #C7F0E5FF;
644
- --on-dark-surface-solid-default: #F6F2F0;
609
+ --inverse-outline-warning: #BE4E0C;
645
610
  --on-light-surface-accent-minor-active: #BFEDE1FF;
646
611
  --text-primary-hover: #FFFFFF97;
647
- --dark-background-primary: #141413;
648
- --inverse-background-hardline: #000000;
649
- --inverse-background-primary: #EBE7E5;
612
+ --on-dark-surface-solid-default: #F6F2F0;
613
+ --inverse-background-primary: #F0F0F0;
650
614
  --light-background-hardline: #FFFFFF;
651
- --light-background-secondary: #F6F2F0;
615
+ --light-background-secondary: #F5F5F5;
652
616
  --outline-accent: #0BA686;
653
617
  --outline-deep: #777675;
654
618
  --outline-default: #383838;
@@ -659,10 +623,8 @@
659
623
  --inverse-outline-accent-hover: #0ED8AFFF;
660
624
  --inverse-outline-default: #FFFFFF;
661
625
  --inverse-outline-default-active: #E6E6E6FF;
662
- --on-light-outline-default-hover: #CCCCCCFF;
626
+ --inverse-background-hardline: #000000;
663
627
  --on-light-outline-primary-hover: #ADA39FFF;
664
- --personas-blue-text-accent-hover: #C3DDF9FF;
665
- --personas-green-text-accent-hover: #04C396FF;
666
628
  --personas-indigo-text-accent-hover: #E8DAFCFF;
667
629
  --personas-sea-blue-text-accent-hover: #00C5CCFF;
668
630
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
@@ -678,8 +640,9 @@
678
640
  --on-light-surface-transparent-deep-hover: #A2A1A0B3;
679
641
  --on-light-surface-transparent-secondary-hover: #15110F1A;
680
642
  --text-accent-hover: #77CFBBFF;
681
- --inverse-outline-primary-active: #C4BEBAFF;
682
- --inverse-outline-transparent-white-active: #FFFFFFA3;
643
+ --on-light-outline-default-hover: #CCCCCCFF;
644
+ --personas-blue-text-accent-hover: #C3DDF9FF;
645
+ --personas-green-text-accent-hover: #04C396FF;
683
646
  --on-dark-outline-accent-active: #099579FF;
684
647
  --on-dark-outline-default-active: #292929FF;
685
648
  --on-dark-outline-primary-active: #2B2827FF;
@@ -700,270 +663,342 @@
700
663
  --inverse-surface-solid-secondary-active: #FFFFFFFF;
701
664
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
702
665
  --on-dark-text-accent-active: #60C7AFBE;
666
+ --inverse-outline-transparent-white-active: #FFFFFFA3;
703
667
  --on-light-outline-accent: #0BA686;
704
- --on-light-outline-primary: #DDD9D7;
705
668
  --inverse-personas-sea-blue-text-accent: #7BC8C8;
706
669
  --surface-accent: #0BA686;
707
670
  --surface-info: #9BCAF8;
708
671
  --surface-solid-card-brightness-active: #212121FF;
672
+ --surface-solid-card-brightness-hover: #303030FF;
709
673
  --surface-solid-default: #F6F2F0;
674
+ --surface-solid-primary-brightness: #262626FF;
710
675
  --surface-transparent-navi: #23232399;
711
- --inverse-surface-accent: #0BA686;
712
676
  --inverse-surface-solid-primary: #FFFFFF;
713
677
  --on-dark-surface-accent-minor: #04473B;
714
678
  --on-light-surface-clear: #FFFFFF00;
715
679
  --text-primary-brightness-active: #FAFAFAC4;
716
680
  --inverse-text-accent: #0A8E73;
717
681
  --on-dark-text-accent: #61C8B0ED;
718
- --dark-background-hardline: #000000;
719
- --surface-solid-card-brightness-hover: #303030FF;
720
- --surface-solid-primary-brightness: #262626FF;
682
+ --on-light-outline-primary: #DDD9D7;
683
+ --inverse-surface-accent: #0BA686;
684
+ --on-dark-overlay-medium: #00000029;
685
+ --on-light-overlay-medium: #00000052;
721
686
  --inverse-surface-solid-default: #15110F;
722
687
  --on-dark-surface-solid-card-brightness-active: #212121FF;
723
688
  --on-dark-text-paragraph-active: #F5F1EF93;
724
- --overlay-medium: #00000029;
725
689
  --inverse-overlay-medium: #00000052;
726
- --on-dark-overlay-medium: #00000029;
727
- --on-light-overlay-medium: #00000052;
690
+ --overlay-medium: #00000029;
691
+ --dark-background-primary: #141413;
692
+ --dark-background-secondary: #0F0F0F;
693
+ --background-hardline: #000000;
694
+ --inverse-background-secondary: #F5F5F5;
695
+ --outline-accent-active: #099579FF;
696
+ --outline-deep-active: #5D5C5BFF;
697
+ --outline-primary-active: #2B2827FF;
698
+ --outline-transparent-white-active: #FFFFFF49;
699
+ --inverse-outline-accent-active: #088169FF;
700
+ --inverse-outline-primary-active: #C4BEBAFF;
701
+ --on-light-outline-accent-active: #088169FF;
702
+ --surface-clear: #FFFFFF00;
703
+ --surface-solid-secondary: #292929;
704
+ --surface-transparent-card-brightness-active: #FAFAFA0A;
705
+ --inverse-surface-clear: #FFFFFF00;
706
+ --on-dark-surface-info: #9BCAF8;
707
+ --on-dark-surface-solid-primary-brightness-active: #212121FF;
708
+ --on-light-surface-info: #3776BC;
709
+ --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
710
+ --text-ai: #9E96E9;
711
+ --inverse-text-ai: #5C4EDA;
712
+ --on-dark-text-ai: #9E96E9;
713
+ --on-light-text-ai: #5C4EDA;
714
+ --surface-ai: #8E85E0;
715
+ --inverse-surface-ai: #766ADF;
716
+ --on-dark-surface-ai: #8E85E0;
717
+ --on-light-surface-ai: #766ADF;
718
+ --surface-transparent-ai: #8E85E01F;
719
+ --inverse-surface-transparent-ai: #766ADF1F;
720
+ --on-dark-surface-transparent-ai: #8E85E01F;
721
+ --on-light-surface-transparent-ai: #766ADF1F;
722
+ --background-minor: #141413;
723
+ --on-light-background-minor: #FDFCFA;
724
+ --on-dark-background-primary-minor: #141413;
725
+ --inverse-background-secondary-minor: #F6F2F0;
726
+ --surface-accent-secondary-hover: #70CDB7FF;
727
+ --surface-solid-primary-hover: #2E2E2EFF;
728
+ --inverse-surface-accent-hover: #0CBB98FF;
729
+ --inverse-surface-accent-minor-hover: #C7F0E5FF;
730
+ --on-dark-text-accent-hover: #60C7AF8E;
731
+ --text-ai-hover: #FFFFFFFF;
732
+ --inverse-text-ai-hover: #000000FF;
733
+ --on-dark-text-ai-hover: #FFFFFFFF;
734
+ --on-light-text-ai-hover: #000000FF;
735
+ --surface-ai-hover: #9D96E4FF;
736
+ --inverse-surface-ai-hover: #877DE3FF;
737
+ --on-dark-surface-ai-hover: #9D96E4FF;
738
+ --on-light-surface-ai-hover: #877DE3FF;
739
+ --surface-transparent-ai-hover: #8E85E03D;
740
+ --inverse-surface-transparent-ai-hover: #776CE02E;
741
+ --on-dark-surface-transparent-ai-hover: #8E85E03D;
742
+ --on-light-surface-transparent-ai-hover: #776CE02E;
743
+ --on-dark-background-minor: #141413;
744
+ --inverse-background-primary-minor: #EBE7E5;
745
+ --background-secondary-minor: #0F0F0F;
746
+ --on-light-background-secondary-minor: #F6F2F0;
747
+ --dark-background-hardline: #000000;
748
+ --on-dark-outline-accent-hover: #0EE1B7FF;
749
+ --on-dark-outline-default-hover: #666666FF;
750
+ --surface-accent-active: #0A9E81FF;
751
+ --surface-info-active: #91C4F7FF;
752
+ --surface-solid-tertiary-active: #424242FF;
753
+ --inverse-surface-clear-active: #FFFFFF00;
754
+ --inverse-surface-solid-primary-active: #FFFFFFFF;
755
+ --inverse-surface-transparent-accent-active: #0BA88833;
756
+ --on-dark-surface-solid-card-brightness-hover: #303030FF;
757
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
758
+ --on-light-surface-transparent-negative-active: #E9353B3D;
759
+ --text-accent-active: #4ABFA4FF;
760
+ --text-ai-active: #181254FF;
761
+ --inverse-text-ai-active: #3829C2FF;
762
+ --on-dark-text-ai-active: #181254FF;
763
+ --on-light-text-ai-active: #3829C2FF;
764
+ --surface-ai-active: #877DDEFF;
765
+ --inverse-surface-ai-active: #685BDCFF;
766
+ --on-dark-surface-ai-active: #877DDEFF;
767
+ --on-light-surface-ai-active: #685BDCFF;
768
+ --surface-transparent-ai-active: #8E85E00F;
769
+ --inverse-surface-transparent-ai-active: #776CE033;
770
+ --on-dark-surface-transparent-ai-active: #8E85E00F;
771
+ --on-light-surface-transparent-ai-active: #776CE033;
772
+ --inverse-background-minor: #FDFCFA;
773
+ --background-primary-minor: #141413;
774
+ --on-light-background-primary-minor: #EBE7E5;
775
+ --on-dark-background-secondary-minor: #0F0F0F;
728
776
  color: var(--text-primary);
729
777
  background-color: var(--background-primary);
730
778
  }
731
779
 
732
780
  .dark {
733
- --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
734
- --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
781
+ --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);
782
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);
783
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
784
+ --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
785
+ --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
786
+ --overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
787
+ --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
735
788
  --on-dark-overlay-gradient: linear-gradient(270deg, #000000 0.0%, #00000000 100.0%);
736
- --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
737
- --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
738
- --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
739
- --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
789
+ --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 88, 91) 100.0%);
790
+ --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(179, 32, 32) 100.0%);
791
+ --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
792
+ --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(133, 82, 197) 100.0%);
793
+ --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(221, 109, 66) 100.0%);
794
+ --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(214, 82, 82) 100.0%);
740
795
  --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
796
+ --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(0, 70, 144) 100.0%);
797
+ --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(164, 67, 7) 100.0%);
741
798
  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
742
- --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
743
- --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
799
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(176, 84, 194) 100.0%);
800
+ --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
801
+ --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(214, 82, 82) 100.0%);
744
802
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
745
- --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
746
- --overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
747
- --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
748
- --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
803
+ --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
749
804
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
750
- --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
751
- --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
805
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
752
806
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
753
- --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
754
- --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
755
- --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);
756
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);
757
- --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
758
- --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
759
- --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
760
- --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
807
+ --on-light-text-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
808
+ --inverse-text-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
761
809
  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
762
- --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
763
- --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
764
- --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
765
- --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
766
- --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
810
+ --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
811
+ --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
812
+ --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
813
+ --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(0, 70, 144) 100.0%);
814
+ --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(81, 13, 166) 100.0%);
815
+ --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(164, 67, 7) 100.0%);
816
+ --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(9, 90, 7) 100.0%);
817
+ --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(176, 84, 194) 100.0%);
818
+ --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(57, 129, 207) 100.0%);
819
+ --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(72, 181, 183) 100.0%);
820
+ --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
767
821
  --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
768
- --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
769
- --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
770
- --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
771
- --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
772
- --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
773
- --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
822
+ --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 88, 91) 100.0%);
823
+ --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(179, 32, 32) 100.0%);
824
+ --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(57, 129, 207) 100.0%);
825
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(72, 181, 183) 100.0%);
826
+ --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(133, 82, 197) 100.0%);
827
+ --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(221, 109, 66) 100.0%);
774
828
  --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
775
- --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
776
- --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
777
- --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
778
- --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
779
- --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
780
- --inverse-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
781
- --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
782
- --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
783
829
  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
784
- --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
785
- --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
830
+ --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
786
831
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
832
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
833
+ --on-dark-text-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
834
+ --text-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
787
835
  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
788
836
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
789
837
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
790
838
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
791
839
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
792
- --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
793
840
  --inverse-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
794
841
  --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
795
- --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
842
+ --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
843
+ --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(81, 13, 166) 100.0%);
796
844
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
797
845
  }
798
846
 
799
847
  .light {
800
- --on-dark-outline-default-hover: #666666FF;
801
- --surface-accent-secondary-hover: #50C3A8FF;
802
848
  --surface-transparent-card-brightness-hover: #FFFFFFFF;
803
- --surface-transparent-card-brightness-active: #FFFFFFFF;
804
849
  --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
805
- --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
806
- --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
807
- --on-dark-surface-solid-card-brightness-hover: #303030FF;
808
850
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
809
- --on-light-personas-olive-text-accent: #127210;
810
- --on-dark-personas-olive-text-accent: #93CB92;
851
+ --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
852
+ --on-light-outline-positive-active: #20801EFF;
853
+ --personas-olive-text-accent: #127210;
854
+ --inverse-personas-green-text-accent: #038768;
855
+ --inverse-personas-indigo-text-accent: #7133BE;
811
856
  --inverse-personas-ochre-text-accent: #F4B49B;
812
857
  --inverse-personas-pink-text-accent: #DE5555;
813
- --surface-solid-tertiary-active: #FFFFFFFF;
858
+ --on-dark-personas-olive-text-accent: #93CB92;
859
+ --on-light-personas-olive-text-accent: #127210;
860
+ --surface-accent-secondary: #41BDA1;
861
+ --inverse-surface-solid-primary-brightness-active: #212121FF;
814
862
  --inverse-surface-solid-primary-brightness-hover: #303030FF;
815
- --text-primary: #15110FFC;
816
- --inverse-surface-transparent-navi: #23232399;
863
+ --inverse-surface-solid-tertiary: #474747;
817
864
  --inverse-surface-transparent-card-brightness-hover: #FAFAFA1F;
865
+ --inverse-surface-transparent-navi: #23232399;
866
+ --on-dark-surface-accent-minor-active: #043F34FF;
867
+ --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
868
+ --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
818
869
  --on-light-surface-solid-tertiary-active: #FFFFFFFF;
819
- --inverse-personas-indigo-text-accent: #7133BE;
820
- --inverse-surface-solid-primary-brightness-active: #212121FF;
821
- --personas-olive-text-accent: #127210;
822
- --on-dark-text-accent-minor-hover: #60C7AFFF;
823
870
  --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
824
871
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
825
- --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
826
- --on-dark-surface-accent-minor-active: #043F34FF;
827
- --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
828
- --on-light-outline-positive-active: #20801EFF;
872
+ --text-primary: #15110FFC;
873
+ --on-dark-text-accent-minor-hover: #60C7AFFF;
829
874
  --outline-primary: #DDD9D7;
830
- --inverse-surface-solid-tertiary: #474747;
831
- --inverse-personas-green-text-accent: #038768;
832
- --surface-accent-secondary: #41BDA1;
833
- --surface-accent-minor: #D0F2E9;
834
- --on-dark-surface-accent-secondary: #61C8B0;
835
875
  --on-dark-personas-indigo-text-accent: #BD91F5;
836
- --on-dark-surface-solid-tertiary-active: #424242FF;
837
- --on-light-surface-accent-minor: #D0F2E9;
838
876
  --on-light-personas-ochre-text-accent: #D15A11;
839
877
  --on-light-personas-violet-text-accent: #9E32AF;
878
+ --surface-accent-minor: #D0F2E9;
840
879
  --inverse-surface-transparent-card-brightness-active: #FAFAFA0A;
880
+ --on-dark-surface-accent-secondary: #61C8B0;
881
+ --on-dark-surface-solid-tertiary-active: #424242FF;
882
+ --on-light-surface-accent-minor: #D0F2E9;
841
883
  --on-light-outline-warning-active: #A3420AFF;
842
884
  --on-dark-surface-accent-minor-hover: #055C4CFF;
843
- --inverse-surface-solid-card-brightness-active: #212121FF;
844
885
  --on-light-surface-accent-minor-hover: #C7F0E5FF;
845
886
  --inverse-surface-accent-minor: #04473B;
846
- --on-dark-surface-transparent-accent-minor: #0BA68647;
847
- --on-light-personas-sea-blue-text-accent: #00898D;
848
- --on-dark-personas-blue-text-accent: #79B3F2;
887
+ --inverse-surface-solid-card-brightness-active: #212121FF;
849
888
  --on-dark-personas-violet-text-accent: #E19DED;
850
- --personas-ochre-text-accent: #D15A11;
889
+ --on-light-personas-sea-blue-text-accent: #00898D;
890
+ --on-dark-surface-transparent-accent-minor: #0BA68647;
851
891
  --on-light-surface-transparent-navi: #FFFFFF99;
892
+ --personas-ochre-text-accent: #D15A11;
893
+ --on-dark-personas-blue-text-accent: #79B3F2;
894
+ --on-light-outline-default-active: #E6E6E6FF;
895
+ --personas-ochre-text-accent-hover: #ED6C1DFF;
896
+ --personas-sea-blue-text-accent-active: #4BB4B4FF;
852
897
  --inverse-personas-blue-text-accent-active: #5DA3EFFF;
853
- --on-light-text-warning-active: #6F2D06FF;
898
+ --inverse-personas-green-text-accent-active: #03A57FFF;
899
+ --inverse-personas-indigo-text-accent-active: #652DA9FF;
854
900
  --inverse-personas-olive-text-accent-hover: #A6D4A5FF;
855
- --on-light-surface-transparent-navi-active: #FFFFFFAD;
856
- --on-light-personas-blue-text-accent-active: #0D4F96FF;
857
- --on-light-outline-primary-active: #C4BEBAFF;
858
- --on-light-outline-default-active: #E6E6E6FF;
901
+ --inverse-personas-pink-text-accent-active: #D83B3BFF;
902
+ --on-dark-personas-green-text-accent-hover: #84DCC6FF;
859
903
  --on-dark-personas-olive-text-accent-active: #7DC07CFF;
904
+ --on-dark-personas-pink-text-accent-active: #F58A8AFF;
860
905
  --on-dark-personas-sea-blue-text-accent: #7BC8C8;
861
906
  --on-dark-personas-violet-text-accent-active: #D982E8FF;
862
- --on-dark-personas-green-text-accent-hover: #84DCC6FF;
863
- --on-dark-surface-accent-secondary-active: #59C5ACFF;
864
- --inverse-personas-green-text-accent-active: #03A57FFF;
907
+ --on-light-personas-blue-text-accent-active: #0D4F96FF;
908
+ --on-light-personas-pink-text-accent-active: #D73333FF;
865
909
  --inverse-surface-accent-secondary: #61C8B0;
866
- --on-dark-text-primary-brightness-hover: #FAFAFA93;
867
- --on-dark-personas-pink-text-accent-active: #F58A8AFF;
868
- --inverse-personas-indigo-text-accent-active: #652DA9FF;
869
- --personas-sea-blue-text-accent-active: #4BB4B4FF;
910
+ --inverse-surface-transparent-accent-minor-active: #0BA8882E;
911
+ --on-dark-surface-accent-secondary-active: #59C5ACFF;
870
912
  --on-light-surface-transparent-accent-minor: #0BA6863D;
871
- --on-light-personas-pink-text-accent-active: #D73333FF;
913
+ --on-light-surface-transparent-navi-active: #FFFFFFAD;
872
914
  --text-primary-brightness-hover: #17171793;
873
- --inverse-surface-transparent-accent-minor-active: #0BA8882E;
874
- --personas-ochre-text-accent-hover: #ED6C1DFF;
875
- --inverse-personas-pink-text-accent-active: #D83B3BFF;
876
- --on-light-surface-transparent-navi-hover: #FFFFFFA8;
877
- --outline-primary-active: #C4BEBAFF;
878
- --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
879
- --on-light-personas-green-text-accent: #038768;
880
- --inverse-surface-accent-secondary-active: #59C5ACFF;
881
- --personas-indigo-text-accent-active: #5B2999FF;
915
+ --on-dark-text-primary-brightness-hover: #FAFAFA93;
916
+ --on-light-text-warning-active: #6F2D06FF;
917
+ --on-light-outline-primary-active: #C4BEBAFF;
918
+ --inverse-outline-default-hover: #666666FF;
919
+ --inverse-outline-primary-hover: #6B6461FF;
882
920
  --personas-green-text-accent-active: #4CCDACFF;
883
- --on-dark-surface-transparent-navi-hover: #242424B8;
884
- --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
885
- --on-light-surface-accent-secondary-hover: #50C3A8FF;
921
+ --personas-indigo-text-accent-active: #5B2999FF;
922
+ --personas-olive-text-accent-hover: #1DB71AFF;
923
+ --personas-violet-text-accent: #E19DED;
886
924
  --inverse-personas-blue-text-accent-hover: #C3DDF9FF;
887
925
  --inverse-personas-indigo-text-accent-hover: #FFFFFFFF;
926
+ --inverse-personas-ochre-text-accent-hover: #F7C8B6FF;
927
+ --inverse-personas-pink-text-accent-hover: #E26E6EFF;
928
+ --inverse-personas-sea-blue-text-accent-hover: #00C5CCFF;
929
+ --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
930
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
931
+ --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
888
932
  --on-dark-personas-ochre-text-accent: #F4B49B;
889
- --on-light-personas-green-text-accent-hover: #04D7A6FF;
890
933
  --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
934
+ --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
935
+ --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
936
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
937
+ --on-light-personas-green-text-accent: #038768;
938
+ --on-light-personas-green-text-accent-hover: #04D7A6FF;
891
939
  --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
892
- --outline-primary-hover: #ADA39FFF;
893
940
  --surface-transparent-accent-minor-active: #0BA88852;
894
941
  --surface-transparent-navi-hover: #FFFFFFA8;
895
- --inverse-outline-default-hover: #666666FF;
896
- --inverse-personas-violet-text-accent-hover: #E9B6F2FF;
897
- --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
942
+ --inverse-surface-accent-secondary-active: #59C5ACFF;
898
943
  --inverse-surface-transparent-accent-minor-hover: #0BA8885C;
899
944
  --inverse-surface-transparent-navi-hover: #242424B8;
900
- --inverse-outline-primary-hover: #6B6461FF;
901
- --personas-olive-text-accent-hover: #1DB71AFF;
902
- --personas-violet-text-accent: #E19DED;
903
- --inverse-personas-ochre-text-accent-hover: #F7C8B6FF;
904
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
905
- --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
906
- --inverse-personas-pink-text-accent-hover: #E26E6EFF;
907
- --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
908
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
909
- --on-light-personas-olive-text-accent-hover: #1DB71AFF;
910
- --on-light-personas-violet-text-accent-hover: #B740C9FF;
945
+ --on-dark-surface-transparent-navi-hover: #242424B8;
946
+ --on-light-surface-accent-secondary-hover: #50C3A8FF;
947
+ --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
948
+ --on-light-surface-transparent-navi-hover: #FFFFFFA8;
949
+ --outline-primary-hover: #ADA39FFF;
950
+ --on-dark-outline-default: #383838;
911
951
  --on-dark-outline-primary-hover: #6B6461FF;
912
- --on-dark-personas-pink-text-accent: #F7A4A4;
913
- --on-dark-outline-primary: #3B3735;
914
- --on-light-personas-blue-text-accent: #1063BA;
915
- --surface-accent-secondary-active: #3CAF94FF;
952
+ --on-light-outline-default: #FFFFFF;
916
953
  --personas-blue-text-accent: #1063BA;
917
954
  --personas-blue-text-accent-active: #0D4F96FF;
918
955
  --personas-green-text-accent: #6CD5BB;
919
- --surface-solid-primary-brightness-active: #FFFFFFFF;
920
- --on-light-text-primary-brightness-hover: #17171793;
956
+ --personas-indigo-text-accent: #7133BE;
921
957
  --personas-pink-text-accent: #F7A4A4;
958
+ --personas-pink-text-accent-hover: #FBCBCBFF;
922
959
  --personas-sea-blue-text-accent: #7BC8C8;
923
- --surface-transparent-accent-minor: #0BA6863D;
924
960
  --personas-violet-text-accent-hover: #EBBEF3FF;
925
961
  --inverse-personas-blue-text-accent: #79B3F2;
926
962
  --inverse-personas-olive-text-accent-active: #7DC07CFF;
963
+ --inverse-personas-violet-text-accent: #E19DED;
964
+ --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
965
+ --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
966
+ --on-dark-personas-pink-text-accent: #F7A4A4;
967
+ --on-light-personas-blue-text-accent: #1063BA;
968
+ --on-light-personas-olive-text-accent-hover: #1DB71AFF;
969
+ --on-light-personas-violet-text-accent-hover: #B740C9FF;
970
+ --surface-accent-secondary-active: #3CAF94FF;
971
+ --surface-solid-primary-brightness-active: #FFFFFFFF;
972
+ --surface-transparent-accent-minor: #0BA6863D;
927
973
  --inverse-surface-solid-card-brightness-hover: #303030FF;
928
974
  --inverse-surface-transparent-accent-minor: #0BA6863D;
929
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
930
975
  --on-dark-surface-transparent-navi: #23232399;
931
- --inverse-text-primary-brightness-hover: #FAFAFA93;
932
- --background-hardline: #FFFFFF;
933
- --inverse-outline-primary: #3B3735;
934
- --on-dark-outline-default: #383838;
935
- --inverse-personas-violet-text-accent: #E19DED;
936
- --personas-indigo-text-accent: #7133BE;
976
+ --on-dark-surface-transparent-navi-active: #2424248A;
977
+ --on-light-surface-accent-secondary: #41BDA1;
937
978
  --inverse-text-primary-brightness-active: #FAFAFAC4;
979
+ --inverse-text-primary-brightness-hover: #FAFAFA93;
938
980
  --on-dark-text-primary-brightness-active: #FAFAFAC4;
939
981
  --on-light-text-primary-brightness-active: #171717C4;
940
- --on-dark-personas-indigo-text-accent-active: #AA73F2FF;
941
- --on-dark-personas-ochre-text-accent-hover: #F7C8B6FF;
942
- --personas-pink-text-accent-hover: #FBCBCBFF;
943
- --on-dark-surface-transparent-navi-active: #2424248A;
944
- --on-light-surface-accent-secondary: #41BDA1;
945
- --on-light-outline-default: #FFFFFF;
946
- --personas-pink-text-accent-active: #F48080FF;
982
+ --on-light-text-primary-brightness-hover: #17171793;
983
+ --inverse-outline-primary: #3B3735;
984
+ --on-dark-outline-primary: #3B3735;
947
985
  --inverse-personas-ochre-text-accent-active: #F19F7EFF;
948
986
  --inverse-personas-olive-text-accent: #93CB92;
949
987
  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
950
988
  --on-dark-personas-green-text-accent: #6CD5BB;
989
+ --on-light-personas-indigo-text-accent: #7133BE;
990
+ --on-light-personas-indigo-text-accent-active: #5B2999FF;
951
991
  --on-light-personas-olive-text-accent-active: #179315FF;
952
992
  --on-light-personas-pink-text-accent: #DE5555;
953
993
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
954
994
  --surface-transparent-accent-minor-hover: #0BA8884D;
955
995
  --inverse-surface-transparent-navi-active: #2424248A;
956
- --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
957
- --on-light-personas-indigo-text-accent: #7133BE;
958
- --on-dark-surface-solid-primary-brightness-active: #212121FF;
959
996
  --on-dark-surface-transparent-accent-minor-active: #0BA88838;
997
+ --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
960
998
  --on-light-surface-accent-secondary-active: #3CAF94FF;
999
+ --personas-pink-text-accent-active: #F48080FF;
961
1000
  --inverse-personas-green-text-accent-hover: #04C396FF;
962
- --on-light-personas-indigo-text-accent-active: #5B2999FF;
963
- --outline-transparent-white-active: #FFFFFFA3;
964
- --outline-transparent-white-hover: #FFFFFF3D;
965
1001
  --inverse-outline-deep: #777675;
966
- --inverse-outline-deep-active: #5D5C5BFF;
967
1002
  --inverse-outline-deep-hover: #D2D1D1FF;
968
1003
  --inverse-outline-transparent-white: #FFFFFF7A;
969
1004
  --inverse-outline-transparent-white-hover: #FFFFFFF5;
@@ -997,454 +1032,431 @@
997
1032
  --on-dark-surface-transparent-card-minor-hover: #2424249E;
998
1033
  --on-light-surface-solid-deep: #A1A09F;
999
1034
  --on-light-surface-solid-deep-active: #979695FF;
1035
+ --outline-transparent-white-hover: #FFFFFF3D;
1036
+ --inverse-outline-deep-active: #5D5C5BFF;
1037
+ --on-light-outline-transparent-white-active: #FFFFFFA3;
1000
1038
  --on-light-surface-solid-deep-hover: #B1B0AFFF;
1001
1039
  --on-light-surface-transparent-card-minor: #FFFFFF85;
1002
1040
  --on-light-surface-transparent-card-minor-active: #FFFFFF99;
1003
1041
  --on-light-surface-transparent-card-minor-hover: #FFFFFF94;
1004
- --outline-deep-active: #8D8C8BFF;
1005
- --outline-deep-hover: #CAC9C9FF;
1006
- --on-light-outline-transparent-white-active: #FFFFFFA3;
1007
- --on-light-outline-transparent-white-hover: #FFFFFF3D;
1008
1042
  --text-positive-active: #185E17FF;
1009
1043
  --text-positive-hover: #29A027FF;
1010
1044
  --text-primary-active: #15110FCA;
1011
1045
  --text-primary-brightness: #171717F5;
1012
- --text-negative: #D11D23;
1013
- --text-negative-active: #AF181DFF;
1014
- --text-negative-hover: #E3353BFF;
1015
- --text-tertiary-active: #15110F49;
1016
- --text-tertiary-hover: #15110FFF;
1017
- --text-warning: #973C09;
1018
- --text-warning-active: #6F2D06FF;
1019
- --text-warning-hover: #BC4C0BFF;
1046
+ --outline-deep-hover: #CAC9C9FF;
1047
+ --on-light-outline-transparent-white-hover: #FFFFFF3D;
1020
1048
  --text-accent-minor: #0A8E7366;
1021
- --text-accent-minor-active: #0A8F747A;
1022
1049
  --text-accent-minor-hover: #0A8F74FF;
1023
- --text-paragraph-hover: #15110FFF;
1024
- --text-positive: #207F1F;
1025
- --text-paragraph: #15110F66;
1026
- --text-paragraph-active: #15110F7A;
1027
1050
  --text-info: #205EA5;
1028
1051
  --text-info-active: #194B85FF;
1029
1052
  --text-info-hover: #000000FF;
1053
+ --text-negative: #D11D23;
1054
+ --text-negative-active: #AF181DFF;
1055
+ --text-negative-hover: #E3353BFF;
1056
+ --text-paragraph: #15110F66;
1057
+ --text-paragraph-active: #15110F7A;
1058
+ --text-paragraph-hover: #15110FFF;
1059
+ --text-positive: #207F1F;
1030
1060
  --text-secondary: #15110FA3;
1031
1061
  --text-secondary-active: #15110FC4;
1032
1062
  --text-secondary-hover: #15110FFF;
1033
1063
  --text-tertiary: #15110F3D;
1034
- --text-accent: #0A8E73;
1035
- --text-accent-active: #076955FF;
1064
+ --text-tertiary-active: #15110F49;
1065
+ --text-tertiary-hover: #15110FFF;
1066
+ --text-warning: #973C09;
1067
+ --text-warning-active: #6F2D06FF;
1068
+ --text-warning-hover: #BC4C0BFF;
1036
1069
  --on-dark-text-accent-minor-active: #60C7AF93;
1037
- --on-dark-text-info-active: #53A3F3FF;
1038
1070
  --on-dark-text-info: #70B2F5;
1071
+ --on-dark-text-info-active: #53A3F3FF;
1039
1072
  --on-dark-text-info-hover: #BCDBFAFF;
1040
1073
  --on-dark-text-negative: #F57E83;
1041
1074
  --on-dark-text-secondary: #F6F2F0A3;
1042
- --on-dark-text-secondary-active: #F5F1EFC4;
1043
- --on-dark-text-tertiary: #F6F2F03D;
1044
- --on-dark-text-secondary-hover: #F5F1EFFF;
1045
- --on-dark-text-primary: #FFFFFFFC;
1046
- --on-dark-text-accent-hover: #77CFBBFF;
1047
- --on-dark-text-positive: #50A84C;
1048
- --on-dark-text-paragraph-hover: #F5F1EFFF;
1049
- --on-dark-text-negative-active: #F3626AFF;
1050
- --on-dark-text-paragraph: #F6F2F07A;
1075
+ --text-accent: #0A8E73;
1076
+ --text-accent-minor-active: #0A8F747A;
1051
1077
  --on-dark-text-negative-hover: #F89BA0FF;
1078
+ --on-dark-text-paragraph: #F6F2F07A;
1079
+ --on-dark-text-paragraph-hover: #F5F1EFFF;
1080
+ --on-dark-text-positive: #50A84C;
1081
+ --on-dark-text-positive-active: #469442FF;
1082
+ --on-dark-text-positive-hover: #62B65DFF;
1083
+ --on-dark-text-primary: #FFFFFFFC;
1052
1084
  --on-dark-text-primary-active: #FFFFFFCA;
1053
1085
  --on-dark-text-primary-brightness: #FAFAFAF5;
1054
- --on-dark-text-warning-hover: #DF7D43FF;
1086
+ --on-dark-text-primary-hover: #FFFFFF97;
1087
+ --on-dark-text-secondary-active: #F5F1EFC4;
1088
+ --on-dark-text-secondary-hover: #F5F1EFFF;
1089
+ --on-dark-text-tertiary: #F6F2F03D;
1055
1090
  --on-dark-text-tertiary-active: #F5F1EF49;
1091
+ --on-dark-text-tertiary-hover: #F5F1EFFF;
1056
1092
  --on-dark-text-warning: #DA6828;
1057
1093
  --on-dark-text-warning-active: #C45D21FF;
1058
- --on-dark-text-tertiary-hover: #F5F1EFFF;
1059
- --on-dark-text-primary-hover: #FFFFFF97;
1060
- --on-dark-text-positive-active: #469442FF;
1061
- --on-dark-text-accent-minor: #61C8B07A;
1062
- --on-dark-text-positive-hover: #62B65DFF;
1094
+ --on-dark-text-warning-hover: #DF7D43FF;
1095
+ --on-light-text-accent-minor-active: #0A8F747A;
1096
+ --on-light-text-positive-active: #185E17FF;
1097
+ --on-light-text-positive-hover: #29A027FF;
1098
+ --on-light-text-primary: #15110FFC;
1063
1099
  --on-light-text-tertiary-active: #15110F49;
1064
- --on-light-text-warning: #973C09;
1065
1100
  --on-light-text-tertiary-hover: #15110FFF;
1101
+ --on-light-text-warning: #973C09;
1066
1102
  --on-light-text-warning-hover: #BC4C0BFF;
1067
- --on-light-text-positive-active: #185E17FF;
1068
- --on-light-text-primary: #15110FFC;
1069
- --on-light-text-positive-hover: #29A027FF;
1070
- --on-light-text-accent-minor-active: #0A8F747A;
1071
- --on-light-text-paragraph: #15110F66;
1103
+ --on-dark-text-accent-minor: #61C8B07A;
1104
+ --on-dark-text-negative-active: #F3626AFF;
1105
+ --inverse-text-secondary-active: #F5F1EFC4;
1106
+ --inverse-text-tertiary-active: #F5F1EF49;
1107
+ --inverse-text-tertiary-hover: #F5F1EFFF;
1108
+ --on-light-text-accent: #0A8E73;
1109
+ --on-light-text-accent-active: #076955FF;
1110
+ --on-light-text-accent-hover: #0DB593FF;
1111
+ --on-light-text-accent-minor: #0A8E7366;
1072
1112
  --on-light-text-accent-minor-hover: #0A8F74FF;
1113
+ --on-light-text-info: #205EA5;
1114
+ --on-light-text-info-active: #194B85FF;
1115
+ --on-light-text-negative-active: #AF181DFF;
1116
+ --on-light-text-negative-hover: #E3353BFF;
1117
+ --on-light-text-paragraph: #15110F66;
1073
1118
  --on-light-text-paragraph-active: #15110F7A;
1074
- --on-light-text-positive: #207F1F;
1075
1119
  --on-light-text-paragraph-hover: #15110FFF;
1120
+ --on-light-text-positive: #207F1F;
1121
+ --on-light-text-primary-active: #15110FCA;
1122
+ --on-light-text-primary-brightness: #171717F5;
1123
+ --on-light-text-primary-hover: #15110F97;
1076
1124
  --on-light-text-secondary: #15110FA3;
1077
1125
  --on-light-text-secondary-active: #15110FC4;
1078
- --on-light-text-tertiary: #15110F3D;
1079
1126
  --on-light-text-secondary-hover: #15110FFF;
1080
- --on-light-text-primary-active: #15110FCA;
1081
- --on-light-text-primary-hover: #15110F97;
1082
- --on-light-text-primary-brightness: #171717F5;
1083
- --on-light-text-accent-active: #076955FF;
1084
- --on-light-text-accent-minor: #0A8E7366;
1085
- --on-light-text-accent: #0A8E73;
1086
- --on-light-text-accent-hover: #0DB593FF;
1087
- --on-light-text-negative-active: #AF181DFF;
1088
- --on-light-text-negative-hover: #E3353BFF;
1089
- --inverse-text-secondary-hover: #F5F1EFFF;
1127
+ --on-light-text-tertiary: #15110F3D;
1090
1128
  --inverse-text-secondary: #F6F2F0A3;
1091
- --inverse-text-secondary-active: #F5F1EFC4;
1092
- --inverse-text-tertiary-active: #F5F1EF49;
1093
- --on-light-text-info: #205EA5;
1094
- --inverse-text-tertiary-hover: #F5F1EFFF;
1095
- --on-light-text-info-active: #194B85FF;
1096
- --on-light-text-info-hover: #000000FF;
1097
- --inverse-text-primary-active: #FFFFFFCA;
1098
- --inverse-text-primary-hover: #FFFFFF97;
1099
- --inverse-text-primary-brightness: #FAFAFAF5;
1129
+ --inverse-text-secondary-hover: #F5F1EFFF;
1130
+ --inverse-text-accent-minor: #61C8B07A;
1100
1131
  --inverse-text-accent-minor-active: #60C7AF93;
1101
- --inverse-text-paragraph: #F6F2F07A;
1102
1132
  --inverse-text-accent-minor-hover: #60C7AFFF;
1133
+ --inverse-text-negative: #F57E83;
1134
+ --inverse-text-negative-active: #F3626AFF;
1135
+ --inverse-text-negative-hover: #F89BA0FF;
1136
+ --inverse-text-paragraph: #F6F2F07A;
1103
1137
  --inverse-text-paragraph-active: #F5F1EF93;
1104
- --inverse-text-primary: #FFFFFFFC;
1105
1138
  --inverse-text-paragraph-hover: #F5F1EFFF;
1139
+ --inverse-text-positive-active: #469442FF;
1140
+ --inverse-text-positive-hover: #62B65DFF;
1141
+ --inverse-text-primary: #FFFFFFFC;
1142
+ --inverse-text-primary-active: #FFFFFFCA;
1143
+ --inverse-text-primary-brightness: #FAFAFAF5;
1144
+ --inverse-text-primary-hover: #FFFFFF97;
1106
1145
  --inverse-text-tertiary: #F6F2F03D;
1146
+ --on-light-text-info-hover: #000000FF;
1107
1147
  --on-light-text-negative: #D11D23;
1108
1148
  --inverse-text-accent-active: #4ABFA4FF;
1109
1149
  --inverse-text-accent-hover: #77CFBBFF;
1110
- --inverse-text-accent-minor: #61C8B07A;
1111
- --inverse-text-negative: #F57E83;
1112
- --inverse-text-positive-active: #469442FF;
1113
- --inverse-text-positive-hover: #62B65DFF;
1114
- --inverse-text-negative-active: #F3626AFF;
1115
- --inverse-text-negative-hover: #F89BA0FF;
1116
- --surface-solid-secondary: #FFFFFF;
1117
- --surface-solid-tertiary: #FFFFFF;
1150
+ --surface-clear-active: #15110F00;
1151
+ --surface-solid-card-brightness: #FFFFFFFF;
1152
+ --surface-solid-card-hover: #FFFFFFFF;
1153
+ --surface-solid-primary: #FFFFFF;
1118
1154
  --surface-solid-secondary-active: #FFFFFFFF;
1119
1155
  --surface-solid-secondary-hover: #FFFFFFFF;
1156
+ --surface-solid-tertiary: #FFFFFF;
1120
1157
  --surface-solid-tertiary-hover: #FFFFFFFF;
1121
- --inverse-text-info-active: #53A3F3FF;
1158
+ --surface-transparent-deep: #A1A09FA3;
1159
+ --surface-transparent-deep-active: #A2A1A0B8;
1160
+ --surface-transparent-deep-hover: #A2A1A0B3;
1161
+ --surface-transparent-primary: #15110F0A;
1162
+ --surface-transparent-primary-active: #15110F0F;
1163
+ --surface-transparent-primary-hover: #15110F0D;
1164
+ --surface-transparent-secondary: #15110F14;
1122
1165
  --inverse-text-info: #70B2F5;
1166
+ --inverse-text-info-active: #53A3F3FF;
1123
1167
  --inverse-text-info-hover: #BCDBFAFF;
1168
+ --inverse-text-positive: #50A84C;
1124
1169
  --inverse-text-warning: #DA6828;
1125
- --inverse-text-warning-hover: #DF7D43FF;
1126
- --surface-solid-primary: #FFFFFF;
1127
1170
  --inverse-text-warning-active: #C45D21FF;
1128
- --inverse-text-positive: #50A84C;
1129
- --surface-solid-primary-hover: #FFFFFFFF;
1171
+ --inverse-text-warning-hover: #DF7D43FF;
1130
1172
  --surface-accent-hover: #0CBB98FF;
1131
- --surface-accent-active: #099579FF;
1132
- --surface-transparent-primary-active: #15110F0F;
1133
- --surface-transparent-secondary: #15110F14;
1134
- --surface-transparent-primary-hover: #15110F0D;
1135
- --surface-transparent-deep: #A1A09FA3;
1136
- --surface-transparent-primary: #15110F0A;
1137
- --surface-transparent-deep-active: #A2A1A0B8;
1138
- --surface-transparent-deep-hover: #A2A1A0B3;
1139
1173
  --surface-solid-card-active: #FFFFFFFF;
1140
- --surface-solid-card-hover: #FFFFFFFF;
1141
- --surface-solid-card-brightness: #FFFFFFFF;
1142
- --surface-clear-active: #15110F00;
1143
- --surface-clear: #15110F00;
1174
+ --surface-positive: #239322;
1175
+ --surface-positive-active: #20801EFF;
1176
+ --surface-positive-hover: #28A126FF;
1144
1177
  --surface-solid-card: #FFFFFF;
1145
- --surface-clear-hover: #15110F00;
1146
- --surface-transparent-card-active: #FFFFFFC7;
1147
- --surface-transparent-card-hover: #FFFFFFC2;
1148
- --surface-transparent-card-brightness: #FFFFFFFF;
1149
1178
  --surface-solid-default-active: #090706FF;
1150
1179
  --surface-solid-default-hover: #271F1CFF;
1180
+ --surface-transparent-accent: #0BA6861F;
1151
1181
  --surface-transparent-accent-active: #0BA88833;
1182
+ --surface-transparent-accent-hover: #0BA8882E;
1152
1183
  --surface-transparent-card: #FFFFFFB3;
1184
+ --surface-transparent-card-active: #FFFFFFC7;
1185
+ --surface-transparent-card-brightness: #FFFFFFFF;
1186
+ --surface-transparent-card-hover: #FFFFFFC2;
1153
1187
  --surface-transparent-secondary-active: #15110F1F;
1154
- --surface-transparent-tertiary: #15110F1F;
1155
- --surface-transparent-accent-hover: #0BA8882E;
1156
- --surface-transparent-accent: #0BA6861F;
1157
1188
  --surface-transparent-secondary-hover: #15110F1A;
1189
+ --surface-transparent-tertiary: #15110F1F;
1158
1190
  --surface-transparent-tertiary-active: #15110F33;
1159
1191
  --surface-transparent-tertiary-hover: #15110F2E;
1160
- --surface-positive-active: #20801EFF;
1161
- --surface-positive-hover: #28A126FF;
1192
+ --surface-clear-hover: #15110F00;
1162
1193
  --surface-negative-active: #E72329FF;
1163
- --surface-positive: #239322;
1164
1194
  --surface-negative-hover: #EC5156FF;
1165
- --surface-info-hover: #4180C8FF;
1166
- --surface-warning: #BE4E0C;
1167
- --surface-warning-hover: #D3560DFF;
1168
- --surface-warning-active: #AD460BFF;
1169
- --surface-info-active: #326CAEFF;
1170
1195
  --surface-negative: #E83439;
1196
+ --surface-transparent-negative: #E8343929;
1171
1197
  --surface-transparent-negative-active: #E9353B3D;
1172
1198
  --surface-transparent-negative-hover: #E9353B38;
1173
- --surface-transparent-negative: #E8343929;
1199
+ --surface-warning: #BE4E0C;
1200
+ --surface-warning-active: #AD460BFF;
1201
+ --surface-warning-hover: #D3560DFF;
1174
1202
  --on-dark-surface-solid-secondary: #292929;
1175
- --on-dark-surface-solid-tertiary: #474747;
1176
1203
  --on-dark-surface-solid-secondary-active: #242424FF;
1177
1204
  --on-dark-surface-solid-secondary-hover: #333333FF;
1205
+ --on-dark-surface-solid-tertiary: #474747;
1178
1206
  --on-dark-surface-solid-tertiary-hover: #525252FF;
1179
- --on-dark-surface-solid-primary-active: #1F1F1FFF;
1180
- --on-dark-surface-solid-primary-brightness: #262626FF;
1181
- --surface-read-only-active: #FAFAFA08;
1207
+ --surface-info-hover: #4180C8FF;
1182
1208
  --surface-read-only: #F9F9F903;
1183
1209
  --surface-read-only-hover: #FAFAFA05;
1184
- --on-dark-surface-solid-primary-hover: #2E2E2EFF;
1185
- --on-dark-surface-solid-primary: #232323;
1186
1210
  --on-dark-surface-accent: #0BA686;
1187
- --on-dark-surface-accent-hover: #0CBB98FF;
1188
1211
  --on-dark-surface-accent-active: #0A9E81FF;
1189
- --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1190
- --on-dark-surface-transparent-secondary: #FFFFFF29;
1191
- --on-dark-surface-transparent-primary-hover: #FFFFFF24;
1192
- --on-dark-surface-transparent-deep: #A1A09F99;
1193
- --on-dark-surface-transparent-primary: #FFFFFF14;
1194
- --on-dark-surface-transparent-deep-active: #A2A1A08A;
1195
- --on-dark-surface-transparent-deep-hover: #A2A1A0B8;
1196
- --on-dark-surface-solid-card-active: #1F1F1FFF;
1197
- --on-dark-surface-solid-card-hover: #2E2E2EFF;
1198
- --on-dark-surface-solid-card-brightness: #262626FF;
1212
+ --on-dark-surface-accent-hover: #0CBB98FF;
1199
1213
  --on-dark-surface-clear: #FFFFFF00;
1200
- --on-dark-surface-clear-hover: #FFFFFF00;
1201
1214
  --on-dark-surface-clear-active: #FFFFFF00;
1215
+ --on-dark-surface-clear-hover: #FFFFFF00;
1202
1216
  --on-dark-surface-solid-card: #232323;
1217
+ --on-dark-surface-solid-card-active: #1F1F1FFF;
1218
+ --on-dark-surface-solid-card-brightness: #262626FF;
1219
+ --on-dark-surface-solid-card-hover: #2E2E2EFF;
1203
1220
  --on-dark-surface-solid-default-hover: #F9F7F5FF;
1221
+ --on-dark-surface-solid-primary: #232323;
1222
+ --on-dark-surface-solid-primary-active: #1F1F1FFF;
1223
+ --on-dark-surface-solid-primary-brightness: #262626FF;
1224
+ --on-dark-surface-solid-primary-hover: #2E2E2EFF;
1225
+ --on-dark-surface-transparent-deep: #A1A09F99;
1226
+ --on-dark-surface-transparent-deep-active: #A2A1A08A;
1227
+ --on-dark-surface-transparent-deep-hover: #A2A1A0B8;
1228
+ --on-dark-surface-transparent-primary: #FFFFFF14;
1229
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
1230
+ --on-dark-surface-transparent-primary-hover: #FFFFFF24;
1231
+ --on-dark-surface-transparent-secondary: #FFFFFF29;
1232
+ --surface-read-only-active: #FAFAFA08;
1233
+ --on-dark-surface-negative-hover: #F9B8BAFF;
1234
+ --on-dark-surface-positive: #A6D2A2;
1235
+ --on-dark-surface-positive-active: #9FCF9BFF;
1236
+ --on-dark-surface-positive-hover: #B3D9B0FF;
1204
1237
  --on-dark-surface-solid-default-active: #F2ECE9FF;
1238
+ --on-dark-surface-transparent-accent: #0BA68633;
1205
1239
  --on-dark-surface-transparent-card: #373737B8;
1206
- --on-dark-surface-transparent-card-hover: #383838D6;
1240
+ --on-dark-surface-transparent-card-active: #383838A8;
1207
1241
  --on-dark-surface-transparent-card-brightness: #FAFAFA0F;
1242
+ --on-dark-surface-transparent-card-hover: #383838D6;
1208
1243
  --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
1209
- --on-dark-surface-transparent-tertiary: #FFFFFF3D;
1210
- --on-dark-surface-transparent-card-active: #383838A8;
1211
1244
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
1245
+ --on-dark-surface-transparent-tertiary: #FFFFFF3D;
1212
1246
  --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
1213
1247
  --on-dark-surface-transparent-tertiary-hover: #FFFFFF5C;
1214
- --on-dark-surface-positive-active: #9FCF9BFF;
1215
- --on-dark-surface-positive-hover: #B3D9B0FF;
1216
- --on-dark-surface-negative-active: #F79C9FFF;
1217
- --on-dark-surface-positive: #A6D2A2;
1218
- --on-dark-surface-negative-hover: #F9B8BAFF;
1219
- --on-dark-surface-info-hover: #AED4F9FF;
1220
- --on-dark-surface-info: #9BCAF8;
1221
- --on-dark-surface-info-active: #91C4F7FF;
1222
1248
  --on-dark-surface-warning-active: #F8A977FF;
1223
- --on-dark-surface-transparent-accent: #0BA68633;
1224
- --on-dark-surface-transparent-accent-hover: #0BA88852;
1249
+ --on-dark-surface-info-active: #91C4F7FF;
1250
+ --on-dark-surface-info-hover: #AED4F9FF;
1251
+ --on-dark-surface-negative-active: #F79C9FFF;
1252
+ --on-dark-surface-read-only: #F9F9F905;
1253
+ --on-dark-surface-read-only-active: #FAFAFA00;
1254
+ --on-dark-surface-read-only-hover: #FAFAFA0F;
1225
1255
  --on-dark-surface-transparent-accent-active: #0BA88824;
1226
- --on-dark-surface-warning: #F8AD80;
1227
- --on-dark-surface-warning-hover: #F9BB94FF;
1228
- --on-dark-surface-negative: #F8A6A9;
1256
+ --on-dark-surface-transparent-accent-hover: #0BA88852;
1257
+ --on-dark-surface-transparent-negative: #F8A6A980;
1229
1258
  --on-dark-surface-transparent-negative-active: #F8A5A870;
1230
1259
  --on-dark-surface-transparent-negative-hover: #F8A5A89E;
1231
- --on-dark-surface-read-only-active: #FAFAFA00;
1232
- --on-dark-surface-transparent-negative: #F8A6A980;
1260
+ --on-dark-surface-warning: #F8AD80;
1261
+ --on-dark-surface-warning-hover: #F9BB94FF;
1262
+ --on-light-surface-solid-primary: #FFFFFF;
1263
+ --on-light-surface-solid-primary-active: #FFFFFFFF;
1264
+ --on-light-surface-solid-primary-brightness: #FFFFFFFF;
1265
+ --on-light-surface-solid-primary-hover: #FFFFFFFF;
1233
1266
  --on-light-surface-solid-secondary: #FFFFFF;
1234
- --on-light-surface-solid-tertiary: #FFFFFF;
1235
1267
  --on-light-surface-solid-secondary-active: #FFFFFFFF;
1236
1268
  --on-light-surface-solid-secondary-hover: #FFFFFFFF;
1269
+ --on-light-surface-solid-tertiary: #FFFFFF;
1237
1270
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
1238
- --on-dark-surface-read-only-hover: #FAFAFA0F;
1239
- --on-dark-surface-read-only: #F9F9F905;
1240
- --on-light-surface-solid-primary-active: #FFFFFFFF;
1241
- --on-light-surface-solid-primary-hover: #FFFFFFFF;
1242
- --on-light-surface-solid-primary-brightness: #FFFFFFFF;
1243
- --on-light-surface-solid-primary: #FFFFFF;
1271
+ --on-dark-surface-negative: #F8A6A9;
1244
1272
  --on-light-surface-accent: #0BA686;
1245
- --on-light-surface-accent-hover: #0CBB98FF;
1246
1273
  --on-light-surface-accent-active: #099579FF;
1247
- --on-light-surface-transparent-primary-active: #15110F0F;
1248
- --on-light-surface-transparent-secondary: #15110F14;
1249
- --on-light-surface-transparent-primary-hover: #15110F0D;
1250
- --on-light-surface-transparent-deep: #A1A09FA3;
1251
- --on-light-surface-transparent-primary: #15110F0A;
1252
- --on-light-surface-transparent-deep-active: #A2A1A0B8;
1253
- --on-light-surface-solid-card-active: #FFFFFFFF;
1254
- --on-light-surface-solid-card-hover: #FFFFFFFF;
1255
- --on-light-surface-solid-card-brightness: #FFFFFFFF;
1274
+ --on-light-surface-accent-hover: #0CBB98FF;
1256
1275
  --on-light-surface-clear-active: #FFFFFF00;
1257
- --on-light-surface-solid-card: #FFFFFF;
1258
1276
  --on-light-surface-clear-hover: #FFFFFF00;
1259
- --on-light-surface-solid-default-active: #090706FF;
1277
+ --on-light-surface-solid-card: #FFFFFF;
1278
+ --on-light-surface-solid-card-active: #FFFFFFFF;
1279
+ --on-light-surface-solid-card-brightness: #FFFFFFFF;
1280
+ --on-light-surface-solid-card-hover: #FFFFFFFF;
1260
1281
  --on-light-surface-solid-default: #15110F;
1282
+ --on-light-surface-solid-default-active: #090706FF;
1261
1283
  --on-light-surface-solid-default-hover: #271F1CFF;
1284
+ --on-light-surface-transparent-card: #FFFFFFB3;
1262
1285
  --on-light-surface-transparent-card-active: #FFFFFFC7;
1286
+ --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1263
1287
  --on-light-surface-transparent-card-hover: #FFFFFFC2;
1288
+ --on-light-surface-transparent-deep: #A1A09FA3;
1289
+ --on-light-surface-transparent-deep-active: #A2A1A0B8;
1290
+ --on-light-surface-transparent-primary: #15110F0A;
1291
+ --on-light-surface-transparent-primary-active: #15110F0F;
1292
+ --on-light-surface-transparent-primary-hover: #15110F0D;
1293
+ --on-light-surface-transparent-secondary: #15110F14;
1264
1294
  --on-light-surface-transparent-secondary-active: #15110F1F;
1265
1295
  --on-light-surface-transparent-tertiary: #15110F1F;
1266
- --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1267
- --on-light-surface-transparent-card: #FFFFFFB3;
1268
- --on-light-surface-transparent-tertiary-active: #15110F33;
1269
- --on-light-surface-transparent-tertiary-hover: #15110F2E;
1270
- --on-light-surface-info: #3776BC;
1296
+ --on-light-surface-negative-hover: #EC5156FF;
1297
+ --on-light-surface-positive: #239322;
1271
1298
  --on-light-surface-positive-active: #20801EFF;
1272
1299
  --on-light-surface-positive-hover: #28A126FF;
1273
- --on-light-surface-negative-active: #E72329FF;
1274
- --on-light-surface-positive: #239322;
1275
- --on-light-surface-negative-hover: #EC5156FF;
1276
- --on-light-surface-info-hover: #4180C8FF;
1277
- --on-light-surface-info-active: #326CAEFF;
1278
- --on-light-surface-transparent-accent-hover: #0BA8882E;
1279
1300
  --on-light-surface-transparent-accent: #0BA6861F;
1280
1301
  --on-light-surface-transparent-accent-active: #0BA88833;
1302
+ --on-light-surface-transparent-accent-hover: #0BA8882E;
1303
+ --on-light-surface-transparent-tertiary-active: #15110F33;
1304
+ --on-light-surface-transparent-tertiary-hover: #15110F2E;
1281
1305
  --on-light-surface-warning: #BE4E0C;
1282
1306
  --on-light-surface-warning-active: #AD460BFF;
1283
- --on-light-surface-negative: #E83439;
1284
- --on-light-surface-warning-hover: #D3560DFF;
1285
- --on-light-surface-transparent-negative-active: #E9353B3D;
1286
- --on-light-surface-transparent-negative-hover: #E9353B38;
1287
- --on-light-surface-read-only-active: #FAFAFA08;
1288
- --on-light-surface-transparent-negative: #E8343929;
1289
- --inverse-surface-solid-secondary: #292929;
1307
+ --on-light-surface-info-active: #326CAEFF;
1308
+ --on-light-surface-info-hover: #4180C8FF;
1309
+ --on-light-surface-negative-active: #E72329FF;
1290
1310
  --inverse-surface-solid-secondary-hover: #333333FF;
1291
- --on-light-surface-read-only-hover: #FAFAFA05;
1311
+ --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;
1312
+ --on-light-surface-negative: #E83439;
1292
1313
  --on-light-surface-read-only: #F9F9F903;
1314
+ --on-light-surface-read-only-active: #FAFAFA08;
1315
+ --on-light-surface-read-only-hover: #FAFAFA05;
1316
+ --on-light-surface-transparent-negative: #E8343929;
1317
+ --on-light-surface-transparent-negative-hover: #E9353B38;
1318
+ --on-light-surface-warning-hover: #D3560DFF;
1293
1319
  --inverse-surface-solid-primary-brightness: #262626FF;
1294
- --inverse-surface-solid-primary-active: #1F1F1FFF;
1295
1320
  --inverse-surface-solid-primary-hover: #2E2E2EFF;
1296
- --inverse-surface-transparent-tertiary-hover: #FFFFFF5C;
1297
- --inverse-surface-clear-active: #FFFFFF00;
1298
- --inverse-surface-clear: #FFFFFF00;
1299
- --inverse-surface-transparent-primary-active: #FFFFFF0F;
1300
- --inverse-surface-transparent-secondary: #FFFFFF29;
1301
- --inverse-surface-transparent-primary-hover: #FFFFFF24;
1302
- --inverse-surface-transparent-deep: #A1A09F99;
1303
- --inverse-surface-transparent-primary: #FFFFFF14;
1304
- --inverse-surface-transparent-deep-active: #A2A1A08A;
1305
- --inverse-surface-transparent-deep-hover: #A2A1A0B8;
1321
+ --inverse-surface-solid-secondary: #292929;
1306
1322
  --inverse-surface-solid-card-active: #1F1F1FFF;
1307
- --inverse-surface-solid-card-hover: #2E2E2EFF;
1308
1323
  --inverse-surface-solid-card-brightness: #262626FF;
1309
- --inverse-surface-solid-card: #232323;
1310
- --inverse-surface-transparent-card-brightness: #FAFAFA0F;
1311
- --inverse-surface-transparent-card-hover: #383838D6;
1324
+ --inverse-surface-solid-card-hover: #2E2E2EFF;
1312
1325
  --inverse-surface-solid-default-active: #F2ECE9FF;
1313
- --inverse-surface-solid-tertiary-active: #424242FF;
1314
- --inverse-surface-transparent-card-active: #383838A8;
1315
- --inverse-surface-transparent-card: #373737B8;
1316
1326
  --inverse-surface-solid-default-hover: #F9F7F5FF;
1327
+ --inverse-surface-solid-tertiary-active: #424242FF;
1317
1328
  --inverse-surface-solid-tertiary-hover: #525252FF;
1329
+ --inverse-surface-transparent-card: #373737B8;
1330
+ --inverse-surface-transparent-card-active: #383838A8;
1331
+ --inverse-surface-transparent-card-brightness: #FAFAFA0F;
1332
+ --inverse-surface-transparent-card-hover: #383838D6;
1333
+ --inverse-surface-transparent-deep: #A1A09F99;
1334
+ --inverse-surface-transparent-deep-active: #A2A1A08A;
1335
+ --inverse-surface-transparent-deep-hover: #A2A1A0B8;
1336
+ --inverse-surface-transparent-primary: #FFFFFF14;
1337
+ --inverse-surface-transparent-primary-active: #FFFFFF0F;
1338
+ --inverse-surface-transparent-primary-hover: #FFFFFF24;
1339
+ --inverse-surface-transparent-secondary: #FFFFFF29;
1318
1340
  --inverse-surface-transparent-secondary-active: #FFFFFF1A;
1319
- --inverse-surface-transparent-tertiary: #FFFFFF3D;
1320
1341
  --inverse-surface-transparent-secondary-hover: #FFFFFF47;
1342
+ --inverse-surface-transparent-tertiary: #FFFFFF3D;
1321
1343
  --inverse-surface-transparent-tertiary-active: #FFFFFF2E;
1322
- --inverse-surface-clear-hover: #FFFFFF00;
1323
1344
  --inverse-surface-warning-active: #F8A977FF;
1324
1345
  --inverse-surface-warning-hover: #F9BB94FF;
1325
- --inverse-surface-accent-hover: #0CBB98FF;
1326
- --inverse-surface-positive-active: #9FCF9BFF;
1327
- --inverse-surface-positive-hover: #B3D9B0FF;
1346
+ --inverse-surface-clear-hover: #FFFFFF00;
1347
+ --inverse-surface-solid-card: #232323;
1348
+ --inverse-surface-negative: #F8A6A9;
1328
1349
  --inverse-surface-negative-active: #F79C9FFF;
1329
- --inverse-surface-positive: #A6D2A2;
1330
1350
  --inverse-surface-negative-hover: #F9B8BAFF;
1331
- --inverse-surface-negative: #F8A6A9;
1332
- --inverse-surface-info-hover: #AED4F9FF;
1333
- --inverse-surface-warning: #F8AD80;
1351
+ --inverse-surface-positive: #A6D2A2;
1352
+ --inverse-surface-positive-active: #9FCF9BFF;
1353
+ --inverse-surface-positive-hover: #B3D9B0FF;
1334
1354
  --inverse-surface-transparent-accent: #0BA68633;
1335
- --inverse-surface-info-active: #91C4F7FF;
1336
- --inverse-surface-transparent-accent-active: #0BA88824;
1337
- --inverse-surface-info: #9BCAF8;
1338
1355
  --inverse-surface-transparent-accent-hover: #0BA88852;
1339
- --inverse-surface-transparent-negative-active: #F8A5A870;
1340
- --inverse-surface-transparent-negative-hover: #F8A5A89E;
1341
- --inverse-surface-transparent-negative: #F8A6A980;
1342
- --background-secondary: #F6F2F0;
1356
+ --inverse-surface-warning: #F8AD80;
1357
+ --inverse-surface-info: #9BCAF8;
1358
+ --inverse-surface-info-active: #91C4F7FF;
1359
+ --inverse-surface-info-hover: #AED4F9FF;
1343
1360
  --background-tertiary: #FFFFFF;
1344
- --light-background-primary: #EBE7E5;
1361
+ --light-background-primary: #F0F0F0;
1362
+ --outline-transparent-primary: #15110F3D;
1363
+ --outline-transparent-primary-active: #15110F62;
1364
+ --on-dark-overlay-hard: #00000066;
1365
+ --on-dark-overlay-soft: #0000001F;
1366
+ --inverse-surface-read-only: #F9F9F905;
1345
1367
  --inverse-surface-read-only-active: #FAFAFA00;
1346
- --dark-background-secondary: #0F0F0F;
1347
1368
  --inverse-surface-read-only-hover: #FAFAFA0F;
1348
- --inverse-surface-read-only: #F9F9F905;
1369
+ --inverse-surface-transparent-negative: #F8A6A980;
1370
+ --inverse-surface-transparent-negative-active: #F8A5A870;
1371
+ --inverse-surface-transparent-negative-hover: #F8A5A89E;
1349
1372
  --dark-background-tertiary: #141413;
1350
- --background-primary: #EBE7E5;
1351
- --on-dark-overlay-soft: #0000001F;
1352
- --on-dark-overlay-hard: #00000066;
1353
- --outline-transparent-primary-active: #15110F62;
1354
- --outline-transparent-primary: #15110F3D;
1373
+ --background-primary: #F0F0F0;
1374
+ --background-secondary: #F5F5F5;
1375
+ --light-background-tertiary: #FFFFFF;
1376
+ --outline-positive: #239322;
1355
1377
  --outline-transparent-primary-hover: #15110F25;
1356
1378
  --overlay-hard: #000000CC;
1357
1379
  --overlay-soft: #0000003D;
1358
- --on-light-overlay-hard: #000000CC;
1380
+ --inverse-overlay-hard: #00000066;
1359
1381
  --inverse-overlay-soft: #0000001F;
1382
+ --on-light-overlay-hard: #000000CC;
1360
1383
  --on-light-overlay-soft: #0000003D;
1361
- --inverse-overlay-hard: #00000066;
1362
- --outline-clear: #FFFFFF00;
1363
1384
  --inverse-background-tertiary: #141413;
1364
- --inverse-background-secondary: #0F0F0F;
1365
- --light-background-tertiary: #FFFFFF;
1366
- --outline-positive: #239322;
1385
+ --outline-clear: #FFFFFF00;
1386
+ --outline-clear-hover: #FFFFFF00;
1387
+ --outline-info: #3776BC;
1388
+ --outline-info-active: #3067A6FF;
1389
+ --outline-info-hover: #81AADAFF;
1367
1390
  --outline-negative: #E83439;
1368
- --outline-accent-hover: #0ED8AFFF;
1369
- --outline-accent-active: #088169FF;
1370
- --outline-positive-active: #20801EFF;
1371
- --outline-positive-hover: #32CA2FFF;
1372
1391
  --outline-negative-active: #DC181FFF;
1373
1392
  --outline-negative-hover: #F17E82FF;
1374
- --outline-clear-hover: #FFFFFF00;
1375
- --outline-info-hover: #81AADAFF;
1376
- --outline-warning-hover: #F3813FFF;
1377
- --outline-clear-active: #FFFFFF00;
1393
+ --outline-positive-active: #20801EFF;
1394
+ --outline-positive-hover: #32CA2FFF;
1378
1395
  --outline-warning: #BE4E0C;
1379
1396
  --outline-warning-active: #A3420AFF;
1380
- --outline-info: #3776BC;
1381
- --outline-info-active: #3067A6FF;
1397
+ --outline-warning-hover: #F3813FFF;
1382
1398
  --on-dark-outline-transparent-primary: #FFFFFF1F;
1383
1399
  --on-dark-outline-transparent-primary-active: #FFFFFF12;
1384
1400
  --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
1385
- --on-dark-outline-warning: #F8AD80;
1401
+ --outline-accent-hover: #0ED8AFFF;
1402
+ --outline-clear-active: #FFFFFF00;
1386
1403
  --on-dark-outline-accent: #0BA686;
1387
1404
  --on-dark-outline-positive-active: #92C88DFF;
1388
- --on-dark-outline-positive-hover: #DBEDD9FF;
1405
+ --on-dark-outline-warning: #F8AD80;
1406
+ --on-dark-outline-clear-active: #FFFFFF00;
1407
+ --on-dark-outline-clear-hover: #FFFFFF00;
1408
+ --on-dark-outline-info: #9BCAF8;
1409
+ --on-dark-outline-info-active: #7EBAF6FF;
1410
+ --on-dark-outline-info-hover: #E7F2FDFF;
1411
+ --on-dark-outline-negative: #F8A6A9;
1389
1412
  --on-dark-outline-negative-active: #EF343AFF;
1390
- --on-dark-outline-positive: #A6D2A2;
1391
1413
  --on-dark-outline-negative-hover: #F25A5FFF;
1392
- --on-dark-outline-accent-hover: #0EE1B7FF;
1393
- --on-dark-outline-clear: #FFFFFF00;
1394
- --on-dark-outline-info-hover: #E7F2FDFF;
1395
- --on-dark-outline-info-active: #7EBAF6FF;
1396
- --on-dark-outline-info: #9BCAF8;
1397
- --on-dark-outline-clear-hover: #FFFFFF00;
1398
- --on-dark-outline-clear-active: #FFFFFF00;
1414
+ --on-dark-outline-positive: #A6D2A2;
1415
+ --on-dark-outline-positive-hover: #DBEDD9FF;
1399
1416
  --on-dark-outline-warning-active: #F79C64FF;
1400
- --on-dark-outline-negative: #F8A6A9;
1401
1417
  --on-dark-outline-warning-hover: #FCE0CFFF;
1402
- --on-light-outline-positive-hover: #32CA2FFF;
1418
+ --on-dark-outline-clear: #FFFFFF00;
1403
1419
  --on-light-outline-clear: #FFFFFF00;
1404
1420
  --on-light-outline-clear-hover: #FFFFFF00;
1421
+ --on-light-outline-positive-hover: #32CA2FFF;
1405
1422
  --on-light-outline-transparent-primary: #15110F3D;
1406
1423
  --on-light-outline-transparent-primary-active: #15110F62;
1407
1424
  --on-light-outline-transparent-primary-hover: #15110F25;
1408
- --on-light-outline-accent-hover: #0ED8AFFF;
1409
- --on-light-outline-positive: #239322;
1410
- --on-light-outline-accent-active: #088169FF;
1411
- --on-light-outline-clear-active: #FFFFFF00;
1412
1425
  --on-light-outline-negative-active: #DC181FFF;
1413
1426
  --on-light-outline-negative-hover: #F17E82FF;
1427
+ --on-light-outline-positive: #239322;
1414
1428
  --on-light-outline-warning: #BE4E0C;
1415
1429
  --on-light-outline-warning-hover: #F3813FFF;
1416
- --on-light-outline-negative: #E83439;
1417
- --on-light-outline-info-hover: #81AADAFF;
1430
+ --on-light-outline-accent-hover: #0ED8AFFF;
1431
+ --on-light-outline-clear-active: #FFFFFF00;
1432
+ --inverse-outline-clear-active: #FFFFFF00;
1433
+ --inverse-outline-clear-hover: #FFFFFF00;
1418
1434
  --on-light-outline-info: #3776BC;
1419
1435
  --on-light-outline-info-active: #3067A6FF;
1420
- --inverse-outline-accent-active: #099579FF;
1436
+ --on-light-outline-info-hover: #81AADAFF;
1437
+ --on-light-outline-negative: #E83439;
1421
1438
  --inverse-outline-clear: #FFFFFF00;
1422
- --inverse-outline-clear-active: #FFFFFF00;
1423
- --inverse-outline-clear-hover: #FFFFFF00;
1424
- --inverse-outline-transparent-primary-hover: #FFFFFF4D;
1425
- --inverse-outline-transparent-primary: #FFFFFF1F;
1426
- --inverse-outline-transparent-primary-active: #FFFFFF12;
1427
- --inverse-outline-positive: #A6D2A2;
1428
- --inverse-outline-negative: #F8A6A9;
1429
1439
  --inverse-outline-info-hover: #E7F2FDFF;
1430
- --inverse-outline-info-active: #7EBAF6FF;
1431
- --inverse-outline-positive-active: #92C88DFF;
1432
- --inverse-outline-positive-hover: #DBEDD9FF;
1440
+ --inverse-outline-negative: #F8A6A9;
1433
1441
  --inverse-outline-negative-active: #EF343AFF;
1434
1442
  --inverse-outline-negative-hover: #F25A5FFF;
1443
+ --inverse-outline-positive: #A6D2A2;
1444
+ --inverse-outline-positive-active: #92C88DFF;
1445
+ --inverse-outline-positive-hover: #DBEDD9FF;
1446
+ --inverse-outline-transparent-primary: #FFFFFF1F;
1447
+ --inverse-outline-transparent-primary-active: #FFFFFF12;
1448
+ --inverse-outline-transparent-primary-hover: #FFFFFF4D;
1435
1449
  --inverse-outline-warning-active: #F79C64FF;
1436
1450
  --inverse-outline-warning-hover: #FCE0CFFF;
1437
- --inverse-outline-warning: #F8AD80;
1451
+ --inverse-outline-info-active: #7EBAF6FF;
1438
1452
  --inverse-outline-info: #9BCAF8;
1439
- --inverse-surface-accent-minor-hover: #055C4CFF;
1440
- --on-dark-surface-solid-default: #F6F2F0;
1453
+ --inverse-outline-warning: #F8AD80;
1441
1454
  --on-light-surface-accent-minor-active: #BFEDE1FF;
1442
1455
  --text-primary-hover: #15110F97;
1443
- --dark-background-primary: #141413;
1444
- --inverse-background-hardline: #FFFFFF;
1456
+ --on-dark-surface-solid-default: #F6F2F0;
1445
1457
  --inverse-background-primary: #141413;
1446
1458
  --light-background-hardline: #FFFFFF;
1447
- --light-background-secondary: #F6F2F0;
1459
+ --light-background-secondary: #F5F5F5;
1448
1460
  --outline-accent: #0BA686;
1449
1461
  --outline-deep: #A1A09F;
1450
1462
  --outline-default: #ffffff;
@@ -1455,10 +1467,8 @@
1455
1467
  --inverse-outline-accent-hover: #0EE1B7FF;
1456
1468
  --inverse-outline-default: #383838;
1457
1469
  --inverse-outline-default-active: #292929FF;
1458
- --on-light-outline-default-hover: #CCCCCCFF;
1470
+ --inverse-background-hardline: #FFFFFF;
1459
1471
  --on-light-outline-primary-hover: #ADA39FFF;
1460
- --personas-blue-text-accent-hover: #1477E1FF;
1461
- --personas-green-text-accent-hover: #8CDECAFF;
1462
1472
  --personas-indigo-text-accent-hover: #000000FF;
1463
1473
  --personas-sea-blue-text-accent-hover: #000000FF;
1464
1474
  --on-dark-personas-blue-text-accent-hover: #C3DDF9FF;
@@ -1474,8 +1484,9 @@
1474
1484
  --on-light-surface-transparent-deep-hover: #A2A1A0B3;
1475
1485
  --on-light-surface-transparent-secondary-hover: #15110F1A;
1476
1486
  --text-accent-hover: #0DB593FF;
1477
- --inverse-outline-primary-active: #2B2827FF;
1478
- --inverse-outline-transparent-white-active: #FFFFFF49;
1487
+ --on-light-outline-default-hover: #CCCCCCFF;
1488
+ --personas-blue-text-accent-hover: #1477E1FF;
1489
+ --personas-green-text-accent-hover: #8CDECAFF;
1479
1490
  --on-dark-outline-accent-active: #099579FF;
1480
1491
  --on-dark-outline-default-active: #292929FF;
1481
1492
  --on-dark-outline-primary-active: #2B2827FF;
@@ -1496,99 +1507,184 @@
1496
1507
  --inverse-surface-solid-secondary-active: #242424FF;
1497
1508
  --on-light-surface-transparent-accent-minor-active: #0BA88852;
1498
1509
  --on-dark-text-accent-active: #4ABFA4FF;
1510
+ --inverse-outline-transparent-white-active: #FFFFFF49;
1499
1511
  --on-light-outline-accent: #0BA686;
1500
- --on-light-outline-primary: #DDD9D7;
1501
1512
  --inverse-personas-sea-blue-text-accent: #00898D;
1502
1513
  --surface-accent: #0BA686;
1503
1514
  --surface-info: #3776BC;
1504
1515
  --surface-solid-card-brightness-active: #FFFFFFFF;
1516
+ --surface-solid-card-brightness-hover: #FFFFFFFF;
1505
1517
  --surface-solid-default: #15110F;
1518
+ --surface-solid-primary-brightness: #FFFFFFFF;
1506
1519
  --surface-transparent-navi: #FFFFFF99;
1507
- --inverse-surface-accent: #0BA686;
1508
1520
  --inverse-surface-solid-primary: #232323;
1509
1521
  --on-dark-surface-accent-minor: #04473B;
1510
1522
  --on-light-surface-clear: #FFFFFF00;
1511
1523
  --text-primary-brightness-active: #171717C4;
1512
1524
  --inverse-text-accent: #61C8B0;
1513
1525
  --on-dark-text-accent: #61C8B0;
1514
- --dark-background-hardline: #000000;
1515
- --surface-solid-card-brightness-hover: #FFFFFFFF;
1516
- --surface-solid-primary-brightness: #FFFFFFFF;
1526
+ --on-light-outline-primary: #DDD9D7;
1527
+ --inverse-surface-accent: #0BA686;
1528
+ --on-dark-overlay-medium: #00000029;
1529
+ --on-light-overlay-medium: #00000052;
1517
1530
  --inverse-surface-solid-default: #F6F2F0;
1518
1531
  --on-dark-surface-solid-card-brightness-active: #212121FF;
1519
1532
  --on-dark-text-paragraph-active: #F5F1EF93;
1520
- --overlay-medium: #00000052;
1521
1533
  --inverse-overlay-medium: #00000029;
1522
- --on-dark-overlay-medium: #00000029;
1523
- --on-light-overlay-medium: #00000052;
1534
+ --overlay-medium: #00000052;
1535
+ --dark-background-primary: #141413;
1536
+ --dark-background-secondary: #0F0F0F;
1537
+ --background-hardline: #FFFFFF;
1538
+ --inverse-background-secondary: #0F0F0F;
1539
+ --outline-accent-active: #088169FF;
1540
+ --outline-deep-active: #8D8C8BFF;
1541
+ --outline-primary-active: #C4BEBAFF;
1542
+ --outline-transparent-white-active: #FFFFFFA3;
1543
+ --inverse-outline-accent-active: #099579FF;
1544
+ --inverse-outline-primary-active: #2B2827FF;
1545
+ --on-light-outline-accent-active: #088169FF;
1546
+ --surface-clear: #15110F00;
1547
+ --surface-solid-secondary: #FFFFFF;
1548
+ --surface-transparent-card-brightness-active: #FFFFFFFF;
1549
+ --inverse-surface-clear: #FFFFFF00;
1550
+ --on-dark-surface-info: #9BCAF8;
1551
+ --on-dark-surface-solid-primary-brightness-active: #212121FF;
1552
+ --on-light-surface-info: #3776BC;
1553
+ --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
1554
+ --text-ai: #5C4EDA;
1555
+ --inverse-text-ai: #9E96E9;
1556
+ --on-dark-text-ai: #9E96E9;
1557
+ --on-light-text-ai: #5C4EDA;
1558
+ --surface-ai: #766ADF;
1559
+ --inverse-surface-ai: #8E85E0;
1560
+ --on-dark-surface-ai: #8E85E0;
1561
+ --on-light-surface-ai: #766ADF;
1562
+ --surface-transparent-ai: #766ADF1F;
1563
+ --inverse-surface-transparent-ai: #8E85E01F;
1564
+ --on-dark-surface-transparent-ai: #8E85E01F;
1565
+ --on-light-surface-transparent-ai: #766ADF1F;
1566
+ --background-minor: #FDFCFA;
1567
+ --on-light-background-minor: #FDFCFA;
1568
+ --on-dark-background-primary-minor: #141413;
1569
+ --inverse-background-secondary-minor: #0F0F0F;
1570
+ --surface-accent-secondary-hover: #50C3A8FF;
1571
+ --surface-solid-primary-hover: #FFFFFFFF;
1572
+ --inverse-surface-accent-hover: #0CBB98FF;
1573
+ --inverse-surface-accent-minor-hover: #055C4CFF;
1574
+ --on-dark-text-accent-hover: #77CFBBFF;
1575
+ --text-ai-hover: #000000FF;
1576
+ --inverse-text-ai-hover: #FFFFFFFF;
1577
+ --on-dark-text-ai-hover: #FFFFFFFF;
1578
+ --on-light-text-ai-hover: #000000FF;
1579
+ --surface-ai-hover: #877DE3FF;
1580
+ --inverse-surface-ai-hover: #9D96E4FF;
1581
+ --on-dark-surface-ai-hover: #9D96E4FF;
1582
+ --on-light-surface-ai-hover: #877DE3FF;
1583
+ --surface-transparent-ai-hover: #776CE02E;
1584
+ --inverse-surface-transparent-ai-hover: #8E85E03D;
1585
+ --on-dark-surface-transparent-ai-hover: #8E85E03D;
1586
+ --on-light-surface-transparent-ai-hover: #776CE02E;
1587
+ --on-dark-background-minor: #141413;
1588
+ --inverse-background-primary-minor: #141413;
1589
+ --background-secondary-minor: #F6F2F0;
1590
+ --on-light-background-secondary-minor: #F6F2F0;
1591
+ --dark-background-hardline: #000000;
1592
+ --on-dark-outline-accent-hover: #0EE1B7FF;
1593
+ --on-dark-outline-default-hover: #666666FF;
1594
+ --surface-accent-active: #099579FF;
1595
+ --surface-info-active: #326CAEFF;
1596
+ --surface-solid-tertiary-active: #FFFFFFFF;
1597
+ --inverse-surface-clear-active: #FFFFFF00;
1598
+ --inverse-surface-solid-primary-active: #1F1F1FFF;
1599
+ --inverse-surface-transparent-accent-active: #0BA88824;
1600
+ --on-dark-surface-solid-card-brightness-hover: #303030FF;
1601
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
1602
+ --on-light-surface-transparent-negative-active: #E9353B3D;
1603
+ --text-accent-active: #076955FF;
1604
+ --text-ai-active: #3829C2FF;
1605
+ --inverse-text-ai-active: #181254FF;
1606
+ --on-dark-text-ai-active: #181254FF;
1607
+ --on-light-text-ai-active: #3829C2FF;
1608
+ --surface-ai-active: #685BDCFF;
1609
+ --inverse-surface-ai-active: #877DDEFF;
1610
+ --on-dark-surface-ai-active: #877DDEFF;
1611
+ --on-light-surface-ai-active: #685BDCFF;
1612
+ --surface-transparent-ai-active: #776CE033;
1613
+ --inverse-surface-transparent-ai-active: #8E85E00F;
1614
+ --on-dark-surface-transparent-ai-active: #8E85E00F;
1615
+ --on-light-surface-transparent-ai-active: #776CE033;
1616
+ --inverse-background-minor: #141413;
1617
+ --background-primary-minor: #EBE7E5;
1618
+ --on-light-background-primary-minor: #EBE7E5;
1619
+ --on-dark-background-secondary-minor: #0F0F0F;
1524
1620
  color: var(--text-primary);
1525
1621
  background-color: var(--background-primary);
1526
1622
  }
1527
1623
 
1528
1624
  .light {
1529
- --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
1530
- --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1625
+ --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);
1626
+ --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);
1627
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1628
+ --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
1629
+ --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
1630
+ --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
1631
+ --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
1531
1632
  --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
1532
- --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
1533
- --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1534
- --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1535
- --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1633
+ --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(72, 181, 183) 100.0%);
1634
+ --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(214, 82, 82) 100.0%);
1635
+ --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
1636
+ --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(81, 13, 166) 100.0%);
1637
+ --inverse-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(164, 67, 7) 100.0%);
1638
+ --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(179, 32, 32) 100.0%);
1536
1639
  --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
1640
+ --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(0, 70, 144) 100.0%);
1641
+ --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(164, 67, 7) 100.0%);
1537
1642
  --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
1538
- --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
1539
- --outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
1643
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(176, 84, 194) 100.0%);
1644
+ --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
1645
+ --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(214, 82, 82) 100.0%);
1540
1646
  --surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
1541
- --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
1542
- --overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
1543
- --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
1544
- --inverse-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
1545
- --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1546
- --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
1547
- --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
1548
- --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
1549
- --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
1550
- --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1551
- --background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100%);
1552
- --inverse-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100%);
1553
- --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1554
- --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
1555
1647
  --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1556
- --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
1648
+ --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1649
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
1650
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
1651
+ --on-light-text-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
1652
+ --inverse-text-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
1557
1653
  --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
1558
- --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
1559
- --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
1560
- --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
1561
- --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1562
- --text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
1563
- --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
1564
- --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
1565
- --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
1566
- --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1567
- --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
1568
- --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1569
- --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1570
- --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
1571
- --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
1572
- --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
1573
- --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1574
- --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
1575
- --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
1576
1654
  --inverse-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
1655
+ --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
1656
+ --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
1657
+ --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(57, 129, 207) 100.0%);
1658
+ --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(133, 82, 197) 100.0%);
1659
+ --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(221, 109, 66) 100.0%);
1660
+ --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(84, 162, 82) 100.0%);
1577
1661
  --personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
1578
- --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
1662
+ --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(0, 70, 144) 100.0%);
1663
+ --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 88, 91) 100.0%);
1664
+ --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1665
+ --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(176, 84, 194) 100.0%);
1666
+ --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 88, 91) 100.0%);
1667
+ --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(179, 32, 32) 100.0%);
1668
+ --on-light-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(57, 129, 207) 100.0%);
1669
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(72, 181, 183) 100.0%);
1670
+ --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(133, 82, 197) 100.0%);
1671
+ --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(221, 109, 66) 100.0%);
1672
+ --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
1579
1673
  --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
1580
- --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
1581
- --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
1674
+ --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1582
1675
  --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1676
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
1677
+ --on-dark-text-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
1678
+ --text-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
1583
1679
  --on-dark-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%);
1584
1680
  --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1585
1681
  --surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1586
1682
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1587
1683
  --on-dark-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1588
- --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1589
1684
  --inverse-surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
1590
1685
  --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1591
- --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
1686
+ --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
1687
+ --on-dark-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(81, 13, 166) 100.0%);
1592
1688
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
1593
1689
  }
1594
1690
 
@@ -1597,46 +1693,46 @@
1597
1693
  --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
1598
1694
  --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
1599
1695
  --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
1600
- --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1601
1696
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
1602
- --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1603
- --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1604
- --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1697
+ --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
1605
1698
  --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1606
- --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
1699
+ --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
1700
+ --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
1701
+ --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
1607
1702
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
1703
+ --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
1608
1704
  }
1609
1705
 
1610
1706
  .dark, .light {
1611
1707
  --border-radius-4xl: 2rem;
1612
1708
  --border-radius-3xl: 1.75rem;
1613
1709
  --border-radius-5xl: 2.5rem;
1614
- --border-radius-s: 0.5rem;
1615
- --border-radius-m: 0.75rem;
1616
1710
  --border-radius-l: 1rem;
1617
- --border-radius-xxs: 0.25rem;
1711
+ --border-radius-m: 0.75rem;
1712
+ --border-radius-s: 0.5rem;
1618
1713
  --border-radius-xl: 1.25rem;
1619
- --border-radius-xxl: 1.5rem;
1714
+ --border-radius-xxs: 0.25rem;
1620
1715
  --border-radius-xs: 0.375rem;
1716
+ --border-radius-xxl: 1.5rem;
1621
1717
  --border-radius-circle: 100rem;
1622
1718
  }
1623
1719
 
1624
1720
  .dark, .light {
1625
1721
  --spacing-16x: 2rem;
1722
+ --spacing-0x: 0rem;
1626
1723
  --spacing-10x: 1.25rem;
1627
1724
  --spacing-12x: 1.5rem;
1725
+ --spacing-20x: 2.5rem;
1628
1726
  --spacing-2x: 0.25rem;
1629
1727
  --spacing-3x: 0.375rem;
1630
- --spacing-0x: 0rem;
1631
1728
  --spacing-40x: 5rem;
1729
+ --spacing-4x: 0.5rem;
1632
1730
  --spacing-60x: 7.5rem;
1633
1731
  --spacing-8x: 1rem;
1634
- --spacing-4x: 0.5rem;
1635
- --spacing-20x: 2.5rem;
1636
- --spacing-32x: 4rem;
1637
- --spacing-6x: 0.75rem;
1638
1732
  --spacing-1x: 0.125rem;
1639
1733
  --spacing-24x: 3rem;
1734
+ --spacing-32x: 4rem;
1735
+ --spacing-6x: 0.75rem;
1640
1736
  }
1641
1737
 
1642
1738
  .dark, .light {
@@ -1653,57 +1749,15 @@
1653
1749
  --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);
1654
1750
  --plasma-typo-h2-medium-letter-spacing: normal;
1655
1751
  --plasma-typo-h2-medium-font-style: normal;
1656
- --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);
1657
- --plasma-typo-h1-medium-letter-spacing: normal;
1658
- --plasma-typo-h1-medium-font-style: normal;
1659
- --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);
1660
- --plasma-typo-h1-letter-spacing: normal;
1661
- --plasma-typo-h1-font-style: normal;
1662
- --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);
1663
- --plasma-typo-h3-medium-letter-spacing: normal;
1664
- --plasma-typo-h3-medium-font-style: normal;
1665
- --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);
1666
- --plasma-typo-h2-letter-spacing: normal;
1667
- --plasma-typo-h2-font-style: normal;
1668
- --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);
1669
- --plasma-typo-h3-bold-letter-spacing: normal;
1670
- --plasma-typo-h3-bold-font-style: normal;
1671
- --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);
1672
- --plasma-typo-h4-letter-spacing: normal;
1673
- --plasma-typo-h4-font-style: normal;
1674
- --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);
1675
- --plasma-typo-h3-letter-spacing: normal;
1676
- --plasma-typo-h3-font-style: normal;
1677
- --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1678
- --plasma-typo-dspl-s-bold-letter-spacing: normal;
1679
- --plasma-typo-dspl-s-bold-font-style: normal;
1680
- --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);
1681
- --plasma-typo-h1-bold-letter-spacing: normal;
1682
- --plasma-typo-h1-bold-font-style: normal;
1683
- --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
1684
- --plasma-typo-dspl-s-medium-letter-spacing: normal;
1685
- --plasma-typo-dspl-s-medium-font-style: normal;
1686
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
1687
- --plasma-typo-dspl-s-letter-spacing: normal;
1688
- --plasma-typo-dspl-s-font-style: normal;
1689
- --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);
1690
- --plasma-typo-h2-bold-letter-spacing: normal;
1691
- --plasma-typo-h2-bold-font-style: normal;
1692
1752
  --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
1693
1753
  --plasma-typo-body-l-bold-letter-spacing: normal;
1694
1754
  --plasma-typo-body-l-bold-font-style: normal;
1695
- --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);
1696
- --plasma-typo-body-l-letter-spacing: normal;
1697
- --plasma-typo-body-l-font-style: normal;
1698
- --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);
1699
- --plasma-typo-h4-bold-letter-spacing: normal;
1700
- --plasma-typo-h4-bold-font-style: normal;
1701
- --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);
1702
- --plasma-typo-h4-medium-letter-spacing: normal;
1703
- --plasma-typo-h4-medium-font-style: normal;
1704
1755
  --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
1705
1756
  --plasma-typo-body-l-medium-letter-spacing: normal;
1706
1757
  --plasma-typo-body-l-medium-font-style: normal;
1758
+ --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);
1759
+ --plasma-typo-body-l-letter-spacing: normal;
1760
+ --plasma-typo-body-l-font-style: normal;
1707
1761
  --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);
1708
1762
  --plasma-typo-body-m-bold-letter-spacing: normal;
1709
1763
  --plasma-typo-body-m-bold-font-style: normal;
@@ -1734,51 +1788,102 @@
1734
1788
  --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);
1735
1789
  --plasma-typo-body-xxs-letter-spacing: normal;
1736
1790
  --plasma-typo-body-xxs-font-style: normal;
1791
+ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
1792
+ --plasma-typo-dspl-s-bold-letter-spacing: normal;
1793
+ --plasma-typo-dspl-s-bold-font-style: normal;
1794
+ --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
1795
+ --plasma-typo-dspl-s-medium-letter-spacing: normal;
1796
+ --plasma-typo-dspl-s-medium-font-style: normal;
1797
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
1798
+ --plasma-typo-dspl-s-letter-spacing: normal;
1799
+ --plasma-typo-dspl-s-font-style: normal;
1800
+ --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);
1801
+ --plasma-typo-h1-bold-letter-spacing: normal;
1802
+ --plasma-typo-h1-bold-font-style: normal;
1803
+ --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);
1804
+ --plasma-typo-h1-medium-letter-spacing: normal;
1805
+ --plasma-typo-h1-medium-font-style: normal;
1806
+ --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);
1807
+ --plasma-typo-h1-letter-spacing: normal;
1808
+ --plasma-typo-h1-font-style: normal;
1809
+ --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);
1810
+ --plasma-typo-h2-bold-letter-spacing: normal;
1811
+ --plasma-typo-h2-bold-font-style: normal;
1812
+ --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);
1813
+ --plasma-typo-h2-letter-spacing: normal;
1814
+ --plasma-typo-h2-font-style: normal;
1815
+ --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);
1816
+ --plasma-typo-h3-bold-letter-spacing: normal;
1817
+ --plasma-typo-h3-bold-font-style: normal;
1818
+ --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);
1819
+ --plasma-typo-h3-medium-letter-spacing: normal;
1820
+ --plasma-typo-h3-medium-font-style: normal;
1821
+ --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);
1822
+ --plasma-typo-h3-letter-spacing: normal;
1823
+ --plasma-typo-h3-font-style: normal;
1824
+ --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);
1825
+ --plasma-typo-h4-bold-letter-spacing: normal;
1826
+ --plasma-typo-h4-bold-font-style: normal;
1827
+ --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);
1828
+ --plasma-typo-h4-medium-letter-spacing: normal;
1829
+ --plasma-typo-h4-medium-font-style: normal;
1830
+ --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);
1831
+ --plasma-typo-h4-letter-spacing: normal;
1832
+ --plasma-typo-h4-font-style: normal;
1737
1833
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
1738
1834
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
1739
1835
  --plasma-typo-body-xxs-medium-font-style: normal;
1740
- --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
1741
- --plasma-typo-text-l-letter-spacing: -0.02em;
1742
- --plasma-typo-text-l-font-style: normal;
1743
1836
  --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
1744
1837
  --plasma-typo-text-l-bold-letter-spacing: -0.02em;
1745
1838
  --plasma-typo-text-l-bold-font-style: normal;
1746
1839
  --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);
1747
1840
  --plasma-typo-text-l-medium-letter-spacing: -0.02em;
1748
1841
  --plasma-typo-text-l-medium-font-style: normal;
1842
+ --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
1843
+ --plasma-typo-text-l-letter-spacing: -0.02em;
1844
+ --plasma-typo-text-l-font-style: normal;
1749
1845
  --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
1750
1846
  --plasma-typo-text-m-bold-letter-spacing: -0.02em;
1751
1847
  --plasma-typo-text-m-bold-font-style: normal;
1752
- --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
1753
- --plasma-typo-text-s-bold-letter-spacing: -0.02em;
1754
- --plasma-typo-text-s-bold-font-style: normal;
1755
- --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
1756
- --plasma-typo-text-xs-letter-spacing: -0.02em;
1757
- --plasma-typo-text-xs-font-style: normal;
1758
1848
  --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);
1759
1849
  --plasma-typo-text-m-medium-letter-spacing: -0.02em;
1760
1850
  --plasma-typo-text-m-medium-font-style: normal;
1761
- --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
1762
- --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
1763
- --plasma-typo-text-xs-bold-font-style: normal;
1764
1851
  --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
1765
1852
  --plasma-typo-text-m-letter-spacing: -0.02em;
1766
1853
  --plasma-typo-text-m-font-style: normal;
1767
- --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
1768
- --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
1769
- --plasma-typo-text-xs-medium-font-style: normal;
1854
+ --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
1855
+ --plasma-typo-text-s-bold-letter-spacing: -0.02em;
1856
+ --plasma-typo-text-s-bold-font-style: normal;
1770
1857
  --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);
1771
1858
  --plasma-typo-text-s-letter-spacing: -0.02em;
1772
1859
  --plasma-typo-text-s-font-style: normal;
1860
+ --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
1861
+ --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
1862
+ --plasma-typo-text-xs-bold-font-style: normal;
1863
+ --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
1864
+ --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
1865
+ --plasma-typo-text-xs-medium-font-style: normal;
1866
+ --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
1867
+ --plasma-typo-text-xs-letter-spacing: -0.02em;
1868
+ --plasma-typo-text-xs-font-style: normal;
1773
1869
  --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);
1774
1870
  --plasma-typo-text-s-medium-letter-spacing: -0.02em;
1775
1871
  --plasma-typo-text-s-medium-font-style: normal;
1776
- --plasma-typo-h-xxl-medium-font-family: var(--plasma-typo-display-font-family);
1777
- --plasma-typo-h-xxl-medium-letter-spacing: normal;
1778
- --plasma-typo-h-xxl-medium-font-style: normal;
1779
1872
  --plasma-typo-h-xl-medium-font-family: var(--plasma-typo-display-font-family);
1780
1873
  --plasma-typo-h-xl-medium-letter-spacing: normal;
1781
1874
  --plasma-typo-h-xl-medium-font-style: normal;
1875
+ --plasma-typo-h-xxl-medium-font-family: var(--plasma-typo-display-font-family);
1876
+ --plasma-typo-h-xxl-medium-letter-spacing: normal;
1877
+ --plasma-typo-h-xxl-medium-font-style: normal;
1878
+ --plasma-typo-body-xxxs-medium-font-family: var(--plasma-typo-display-font-family);
1879
+ --plasma-typo-body-xxxs-medium-letter-spacing: normal;
1880
+ --plasma-typo-body-xxxs-medium-font-style: normal;
1881
+ --plasma-typo-body-xxxs-font-family: var(--plasma-typo-display-font-family);
1882
+ --plasma-typo-body-xxxs-letter-spacing: normal;
1883
+ --plasma-typo-body-xxxs-font-style: normal;
1884
+ --plasma-typo-body-xxxs-bold-font-family: var(--plasma-typo-display-font-family);
1885
+ --plasma-typo-body-xxxs-bold-letter-spacing: normal;
1886
+ --plasma-typo-body-xxxs-bold-font-style: normal;
1782
1887
  }
1783
1888
 
1784
1889
  @media (max-width: 559px) {
@@ -1789,57 +1894,15 @@
1789
1894
  --plasma-typo-h2-medium-font-size: 1.375rem;
1790
1895
  --plasma-typo-h2-medium-font-weight: 500;
1791
1896
  --plasma-typo-h2-medium-line-height: 1.75rem;
1792
- --plasma-typo-h1-medium-font-size: 1.75rem;
1793
- --plasma-typo-h1-medium-font-weight: 500;
1794
- --plasma-typo-h1-medium-line-height: 2.25rem;
1795
- --plasma-typo-h1-font-size: 1.75rem;
1796
- --plasma-typo-h1-font-weight: 400;
1797
- --plasma-typo-h1-line-height: 2.25rem;
1798
- --plasma-typo-h3-medium-font-size: 1.25rem;
1799
- --plasma-typo-h3-medium-font-weight: 500;
1800
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1801
- --plasma-typo-h2-font-size: 1.375rem;
1802
- --plasma-typo-h2-font-weight: 400;
1803
- --plasma-typo-h2-line-height: 1.75rem;
1804
- --plasma-typo-h3-bold-font-size: 1.25rem;
1805
- --plasma-typo-h3-bold-font-weight: 700;
1806
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1807
- --plasma-typo-h4-font-size: 1rem;
1808
- --plasma-typo-h4-font-weight: 400;
1809
- --plasma-typo-h4-line-height: 1.25rem;
1810
- --plasma-typo-h3-font-size: 1.25rem;
1811
- --plasma-typo-h3-font-weight: 400;
1812
- --plasma-typo-h3-line-height: 1.4375rem;
1813
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1814
- --plasma-typo-dspl-s-bold-font-weight: 700;
1815
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1816
- --plasma-typo-h1-bold-font-size: 1.75rem;
1817
- --plasma-typo-h1-bold-font-weight: 700;
1818
- --plasma-typo-h1-bold-line-height: 2.25rem;
1819
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1820
- --plasma-typo-dspl-s-medium-font-weight: 500;
1821
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1822
- --plasma-typo-dspl-s-font-size: 2.125rem;
1823
- --plasma-typo-dspl-s-font-weight: 400;
1824
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1825
- --plasma-typo-h2-bold-font-size: 1.375rem;
1826
- --plasma-typo-h2-bold-font-weight: 700;
1827
- --plasma-typo-h2-bold-line-height: 1.75rem;
1828
1897
  --plasma-typo-body-l-bold-font-size: 0.9375rem;
1829
1898
  --plasma-typo-body-l-bold-font-weight: 700;
1830
1899
  --plasma-typo-body-l-bold-line-height: 1.25rem;
1831
- --plasma-typo-body-l-font-size: 0.9375rem;
1832
- --plasma-typo-body-l-font-weight: 400;
1833
- --plasma-typo-body-l-line-height: 1.25rem;
1834
- --plasma-typo-h4-bold-font-size: 1rem;
1835
- --plasma-typo-h4-bold-font-weight: 700;
1836
- --plasma-typo-h4-bold-line-height: 1.25rem;
1837
- --plasma-typo-h4-medium-font-size: 1rem;
1838
- --plasma-typo-h4-medium-font-weight: 500;
1839
- --plasma-typo-h4-medium-line-height: 1.25rem;
1840
1900
  --plasma-typo-body-l-medium-font-size: 0.9375rem;
1841
1901
  --plasma-typo-body-l-medium-font-weight: 500;
1842
1902
  --plasma-typo-body-l-medium-line-height: 1.25rem;
1903
+ --plasma-typo-body-l-font-size: 0.9375rem;
1904
+ --plasma-typo-body-l-font-weight: 400;
1905
+ --plasma-typo-body-l-line-height: 1.25rem;
1843
1906
  --plasma-typo-body-m-bold-font-size: 0.875rem;
1844
1907
  --plasma-typo-body-m-bold-font-weight: 700;
1845
1908
  --plasma-typo-body-m-bold-line-height: 1.125rem;
@@ -1870,116 +1933,134 @@
1870
1933
  --plasma-typo-body-xxs-font-size: 0.6875rem;
1871
1934
  --plasma-typo-body-xxs-font-weight: 400;
1872
1935
  --plasma-typo-body-xxs-line-height: 0.8125rem;
1936
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1937
+ --plasma-typo-dspl-s-bold-font-weight: 700;
1938
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1939
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1940
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1941
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1942
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1943
+ --plasma-typo-dspl-s-font-weight: 400;
1944
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1945
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1946
+ --plasma-typo-h1-bold-font-weight: 700;
1947
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1948
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1949
+ --plasma-typo-h1-medium-font-weight: 500;
1950
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1951
+ --plasma-typo-h1-font-size: 1.75rem;
1952
+ --plasma-typo-h1-font-weight: 400;
1953
+ --plasma-typo-h1-line-height: 2.25rem;
1954
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1955
+ --plasma-typo-h2-bold-font-weight: 700;
1956
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1957
+ --plasma-typo-h2-font-size: 1.375rem;
1958
+ --plasma-typo-h2-font-weight: 400;
1959
+ --plasma-typo-h2-line-height: 1.75rem;
1960
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1961
+ --plasma-typo-h3-bold-font-weight: 700;
1962
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1963
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1964
+ --plasma-typo-h3-medium-font-weight: 500;
1965
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1966
+ --plasma-typo-h3-font-size: 1.25rem;
1967
+ --plasma-typo-h3-font-weight: 400;
1968
+ --plasma-typo-h3-line-height: 1.4375rem;
1969
+ --plasma-typo-h4-bold-font-size: 1rem;
1970
+ --plasma-typo-h4-bold-font-weight: 700;
1971
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1972
+ --plasma-typo-h4-medium-font-size: 1rem;
1973
+ --plasma-typo-h4-medium-font-weight: 500;
1974
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1975
+ --plasma-typo-h4-font-size: 1rem;
1976
+ --plasma-typo-h4-font-weight: 400;
1977
+ --plasma-typo-h4-line-height: 1.25rem;
1873
1978
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1874
1979
  --plasma-typo-body-xxs-medium-font-weight: 500;
1875
1980
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1876
- --plasma-typo-text-l-font-size: 1.125rem;
1877
- --plasma-typo-text-l-font-weight: 400;
1878
- --plasma-typo-text-l-line-height: 1.625rem;
1879
1981
  --plasma-typo-text-l-bold-font-size: 1.125rem;
1880
1982
  --plasma-typo-text-l-bold-font-weight: 600;
1881
1983
  --plasma-typo-text-l-bold-line-height: 1.625rem;
1882
1984
  --plasma-typo-text-l-medium-font-size: 1.125rem;
1883
1985
  --plasma-typo-text-l-medium-font-weight: 500;
1884
1986
  --plasma-typo-text-l-medium-line-height: 1.625rem;
1987
+ --plasma-typo-text-l-font-size: 1.125rem;
1988
+ --plasma-typo-text-l-font-weight: 400;
1989
+ --plasma-typo-text-l-line-height: 1.625rem;
1885
1990
  --plasma-typo-text-m-bold-font-size: 1rem;
1886
1991
  --plasma-typo-text-m-bold-font-weight: 600;
1887
1992
  --plasma-typo-text-m-bold-line-height: 1.5rem;
1888
- --plasma-typo-text-s-bold-font-size: 0.875rem;
1889
- --plasma-typo-text-s-bold-font-weight: 600;
1890
- --plasma-typo-text-s-bold-line-height: 1.25rem;
1891
- --plasma-typo-text-xs-font-size: 0.75rem;
1892
- --plasma-typo-text-xs-font-weight: 400;
1893
- --plasma-typo-text-xs-line-height: 1rem;
1894
1993
  --plasma-typo-text-m-medium-font-size: 1rem;
1895
1994
  --plasma-typo-text-m-medium-font-weight: 500;
1896
1995
  --plasma-typo-text-m-medium-line-height: 1.5rem;
1897
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
1898
- --plasma-typo-text-xs-bold-font-weight: 600;
1899
- --plasma-typo-text-xs-bold-line-height: 1rem;
1900
1996
  --plasma-typo-text-m-font-size: 1rem;
1901
1997
  --plasma-typo-text-m-font-weight: 400;
1902
1998
  --plasma-typo-text-m-line-height: 1.5rem;
1903
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
1904
- --plasma-typo-text-xs-medium-font-weight: 500;
1905
- --plasma-typo-text-xs-medium-line-height: 1rem;
1999
+ --plasma-typo-text-s-bold-font-size: 0.875rem;
2000
+ --plasma-typo-text-s-bold-font-weight: 600;
2001
+ --plasma-typo-text-s-bold-line-height: 1.25rem;
1906
2002
  --plasma-typo-text-s-font-size: 0.875rem;
1907
2003
  --plasma-typo-text-s-font-weight: 400;
1908
2004
  --plasma-typo-text-s-line-height: 1.25rem;
2005
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
2006
+ --plasma-typo-text-xs-bold-font-weight: 600;
2007
+ --plasma-typo-text-xs-bold-line-height: 1rem;
2008
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
2009
+ --plasma-typo-text-xs-medium-font-weight: 500;
2010
+ --plasma-typo-text-xs-medium-line-height: 1rem;
2011
+ --plasma-typo-text-xs-font-size: 0.75rem;
2012
+ --plasma-typo-text-xs-font-weight: 400;
2013
+ --plasma-typo-text-xs-line-height: 1rem;
1909
2014
  --plasma-typo-text-s-medium-font-size: 0.875rem;
1910
2015
  --plasma-typo-text-s-medium-font-weight: 500;
1911
2016
  --plasma-typo-text-s-medium-line-height: 1.25rem;
1912
- --plasma-typo-h-xxl-medium-font-size: 4.5rem;
1913
- --plasma-typo-h-xxl-medium-font-weight: 500;
1914
- --plasma-typo-h-xxl-medium-line-height: 5.625rem;
1915
2017
  --plasma-typo-h-xl-medium-font-size: 2.5rem;
1916
2018
  --plasma-typo-h-xl-medium-font-weight: 500;
1917
2019
  --plasma-typo-h-xl-medium-line-height: 3.125rem;
2020
+ --plasma-typo-h-xxl-medium-font-size: 4.5rem;
2021
+ --plasma-typo-h-xxl-medium-font-weight: 500;
2022
+ --plasma-typo-h-xxl-medium-line-height: 5.625rem;
2023
+ --plasma-typo-body-xxxs-medium-font-size: 0.4375rem;
2024
+ --plasma-typo-body-xxxs-medium-font-weight: 500;
2025
+ --plasma-typo-body-xxxs-medium-line-height: 0.5625rem;
2026
+ --plasma-typo-body-xxxs-font-size: 0.4375rem;
2027
+ --plasma-typo-body-xxxs-font-weight: 400;
2028
+ --plasma-typo-body-xxxs-line-height: 0.5625rem;
2029
+ --plasma-typo-body-xxxs-bold-font-size: 0.4375rem;
2030
+ --plasma-typo-body-xxxs-bold-font-weight: 700;
2031
+ --plasma-typo-body-xxxs-bold-line-height: 0.5625rem;
1918
2032
  }
1919
2033
  }
1920
2034
 
1921
2035
  @media (min-width: 560px) and (max-width: 959px) {
1922
2036
  .dark, .light {
1923
- --plasma-typo-h1-bold-font-size: 1.75rem;
1924
- --plasma-typo-h1-bold-font-weight: 700;
1925
- --plasma-typo-h1-bold-line-height: 2.25rem;
1926
2037
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1927
2038
  --plasma-typo-dspl-s-medium-font-weight: 500;
1928
2039
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1929
- --plasma-typo-dspl-s-font-size: 2.125rem;
1930
- --plasma-typo-dspl-s-font-weight: 400;
1931
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1932
- --plasma-typo-h2-bold-font-size: 1.375rem;
1933
- --plasma-typo-h2-bold-font-weight: 700;
1934
- --plasma-typo-h2-bold-line-height: 1.75rem;
1935
- --plasma-typo-h1-medium-font-size: 1.75rem;
1936
- --plasma-typo-h1-medium-font-weight: 500;
1937
- --plasma-typo-h1-medium-line-height: 2.25rem;
1938
- --plasma-typo-h1-font-size: 1.75rem;
1939
- --plasma-typo-h1-font-weight: 400;
1940
- --plasma-typo-h1-line-height: 2.25rem;
1941
- --plasma-typo-h3-bold-font-size: 1.25rem;
1942
- --plasma-typo-h3-bold-font-weight: 700;
1943
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1944
- --plasma-typo-h2-medium-font-size: 1.375rem;
1945
- --plasma-typo-h2-medium-font-weight: 500;
1946
- --plasma-typo-h2-medium-line-height: 1.75rem;
1947
- --plasma-typo-h2-font-size: 1.375rem;
1948
- --plasma-typo-h2-font-weight: 400;
1949
- --plasma-typo-h2-line-height: 1.75rem;
1950
- --plasma-typo-h4-bold-font-size: 1rem;
1951
- --plasma-typo-h4-bold-font-weight: 700;
1952
- --plasma-typo-h4-bold-line-height: 1.25rem;
1953
- --plasma-typo-h3-medium-font-size: 1.25rem;
1954
- --plasma-typo-h3-medium-font-weight: 500;
1955
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1956
- --plasma-typo-h3-font-size: 1.25rem;
1957
- --plasma-typo-h3-font-weight: 400;
1958
- --plasma-typo-h3-line-height: 1.4375rem;
1959
- --plasma-typo-h4-medium-font-size: 1rem;
1960
- --plasma-typo-h4-medium-font-weight: 500;
1961
- --plasma-typo-h4-medium-line-height: 1.25rem;
1962
- --plasma-typo-h4-font-size: 1rem;
1963
- --plasma-typo-h4-font-weight: 400;
1964
- --plasma-typo-h4-line-height: 1.25rem;
1965
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1966
- --plasma-typo-body-s-bold-font-weight: 700;
1967
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
2040
+ --plasma-typo-h1-bold-font-size: 1.75rem;
2041
+ --plasma-typo-h1-bold-font-weight: 700;
2042
+ --plasma-typo-h1-bold-line-height: 2.25rem;
2043
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
2044
+ --plasma-typo-body-m-bold-font-weight: 700;
2045
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1968
2046
  --plasma-typo-body-m-medium-font-size: 0.875rem;
1969
2047
  --plasma-typo-body-m-medium-font-weight: 500;
1970
2048
  --plasma-typo-body-m-medium-line-height: 1.125rem;
1971
2049
  --plasma-typo-body-m-font-size: 0.875rem;
1972
2050
  --plasma-typo-body-m-font-weight: 400;
1973
2051
  --plasma-typo-body-m-line-height: 1.125rem;
1974
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
1975
- --plasma-typo-body-xs-bold-font-weight: 700;
1976
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
2052
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
2053
+ --plasma-typo-body-s-bold-font-weight: 700;
2054
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1977
2055
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
1978
2056
  --plasma-typo-body-s-medium-font-weight: 500;
1979
2057
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
1980
2058
  --plasma-typo-body-s-font-size: 0.8125rem;
1981
2059
  --plasma-typo-body-s-font-weight: 400;
1982
2060
  --plasma-typo-body-s-line-height: 0.9375rem;
2061
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
2062
+ --plasma-typo-body-xs-bold-font-weight: 700;
2063
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1983
2064
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
1984
2065
  --plasma-typo-body-xs-medium-font-weight: 500;
1985
2066
  --plasma-typo-body-xs-medium-line-height: 0.875rem;
@@ -1992,18 +2073,45 @@
1992
2073
  --plasma-typo-body-xxs-font-size: 0.6875rem;
1993
2074
  --plasma-typo-body-xxs-font-weight: 400;
1994
2075
  --plasma-typo-body-xxs-line-height: 0.8125rem;
1995
- --plasma-typo-body-l-font-size: 0.9375rem;
1996
- --plasma-typo-body-l-font-weight: 400;
1997
- --plasma-typo-body-l-line-height: 1.25rem;
1998
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
1999
- --plasma-typo-body-l-medium-font-weight: 500;
2000
- --plasma-typo-body-l-medium-line-height: 1.25rem;
2001
2076
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
2002
2077
  --plasma-typo-dspl-s-bold-font-weight: 700;
2003
2078
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
2004
- --plasma-typo-body-m-bold-font-size: 0.875rem;
2005
- --plasma-typo-body-m-bold-font-weight: 700;
2006
- --plasma-typo-body-m-bold-line-height: 1.125rem;
2079
+ --plasma-typo-dspl-s-font-size: 2.125rem;
2080
+ --plasma-typo-dspl-s-font-weight: 400;
2081
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
2082
+ --plasma-typo-h1-medium-font-size: 1.75rem;
2083
+ --plasma-typo-h1-medium-font-weight: 500;
2084
+ --plasma-typo-h1-medium-line-height: 2.25rem;
2085
+ --plasma-typo-h1-font-size: 1.75rem;
2086
+ --plasma-typo-h1-font-weight: 400;
2087
+ --plasma-typo-h1-line-height: 2.25rem;
2088
+ --plasma-typo-h2-bold-font-size: 1.375rem;
2089
+ --plasma-typo-h2-bold-font-weight: 700;
2090
+ --plasma-typo-h2-bold-line-height: 1.75rem;
2091
+ --plasma-typo-h2-medium-font-size: 1.375rem;
2092
+ --plasma-typo-h2-medium-font-weight: 500;
2093
+ --plasma-typo-h2-medium-line-height: 1.75rem;
2094
+ --plasma-typo-h2-font-size: 1.375rem;
2095
+ --plasma-typo-h2-font-weight: 400;
2096
+ --plasma-typo-h2-line-height: 1.75rem;
2097
+ --plasma-typo-h3-bold-font-size: 1.25rem;
2098
+ --plasma-typo-h3-bold-font-weight: 700;
2099
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
2100
+ --plasma-typo-h3-medium-font-size: 1.25rem;
2101
+ --plasma-typo-h3-medium-font-weight: 500;
2102
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
2103
+ --plasma-typo-h3-font-size: 1.25rem;
2104
+ --plasma-typo-h3-font-weight: 400;
2105
+ --plasma-typo-h3-line-height: 1.4375rem;
2106
+ --plasma-typo-h4-bold-font-size: 1rem;
2107
+ --plasma-typo-h4-bold-font-weight: 700;
2108
+ --plasma-typo-h4-bold-line-height: 1.25rem;
2109
+ --plasma-typo-h4-medium-font-size: 1rem;
2110
+ --plasma-typo-h4-medium-font-weight: 500;
2111
+ --plasma-typo-h4-medium-line-height: 1.25rem;
2112
+ --plasma-typo-h4-font-size: 1rem;
2113
+ --plasma-typo-h4-font-weight: 400;
2114
+ --plasma-typo-h4-line-height: 1.25rem;
2007
2115
  --plasma-typo-text-l-font-size: 1.25rem;
2008
2116
  --plasma-typo-text-l-font-weight: 400;
2009
2117
  --plasma-typo-text-l-line-height: 1.75rem;
@@ -2022,6 +2130,15 @@
2022
2130
  --plasma-typo-text-s-medium-font-size: 0.875rem;
2023
2131
  --plasma-typo-text-s-medium-font-weight: 500;
2024
2132
  --plasma-typo-text-s-medium-line-height: 1.25rem;
2133
+ --plasma-typo-body-l-font-size: 0.9375rem;
2134
+ --plasma-typo-body-l-font-weight: 400;
2135
+ --plasma-typo-body-l-line-height: 1.25rem;
2136
+ --plasma-typo-text-l-bold-font-size: 1.25rem;
2137
+ --plasma-typo-text-l-bold-font-weight: 600;
2138
+ --plasma-typo-text-l-bold-line-height: 1.75rem;
2139
+ --plasma-typo-text-l-medium-font-size: 1.25rem;
2140
+ --plasma-typo-text-l-medium-font-weight: 500;
2141
+ --plasma-typo-text-l-medium-line-height: 1.75rem;
2025
2142
  --plasma-typo-text-s-font-size: 0.875rem;
2026
2143
  --plasma-typo-text-s-font-weight: 400;
2027
2144
  --plasma-typo-text-s-line-height: 1.25rem;
@@ -2034,29 +2151,68 @@
2034
2151
  --plasma-typo-text-xs-font-size: 0.75rem;
2035
2152
  --plasma-typo-text-xs-font-weight: 400;
2036
2153
  --plasma-typo-text-xs-line-height: 1rem;
2037
- --plasma-typo-text-l-bold-font-size: 1.25rem;
2038
- --plasma-typo-text-l-bold-font-weight: 600;
2039
- --plasma-typo-text-l-bold-line-height: 1.75rem;
2040
- --plasma-typo-text-l-medium-font-size: 1.25rem;
2041
- --plasma-typo-text-l-medium-font-weight: 500;
2042
- --plasma-typo-text-l-medium-line-height: 1.75rem;
2043
2154
  --plasma-typo-body-l-bold-font-size: 0.9375rem;
2044
2155
  --plasma-typo-body-l-bold-font-weight: 700;
2045
2156
  --plasma-typo-body-l-bold-line-height: 1.25rem;
2046
2157
  --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
2047
2158
  --plasma-typo-body-xxs-bold-font-weight: 700;
2048
2159
  --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
2049
- --plasma-typo-h-xxl-medium-font-size: 4.5rem;
2050
- --plasma-typo-h-xxl-medium-font-weight: 500;
2051
- --plasma-typo-h-xxl-medium-line-height: 5.625rem;
2052
2160
  --plasma-typo-h-xl-medium-font-size: 2.5rem;
2053
2161
  --plasma-typo-h-xl-medium-font-weight: 500;
2054
2162
  --plasma-typo-h-xl-medium-line-height: 3.125rem;
2163
+ --plasma-typo-h-xxl-medium-font-size: 4.5rem;
2164
+ --plasma-typo-h-xxl-medium-font-weight: 500;
2165
+ --plasma-typo-h-xxl-medium-line-height: 5.625rem;
2166
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
2167
+ --plasma-typo-body-l-medium-font-weight: 500;
2168
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
2169
+ --plasma-typo-body-xxxs-medium-font-size: 0.4375rem;
2170
+ --plasma-typo-body-xxxs-medium-font-weight: 500;
2171
+ --plasma-typo-body-xxxs-medium-line-height: 0.5625rem;
2172
+ --plasma-typo-body-xxxs-font-size: 0.4375rem;
2173
+ --plasma-typo-body-xxxs-font-weight: 400;
2174
+ --plasma-typo-body-xxxs-line-height: 0.5625rem;
2175
+ --plasma-typo-body-xxxs-bold-font-size: 0.4375rem;
2176
+ --plasma-typo-body-xxxs-bold-font-weight: 700;
2177
+ --plasma-typo-body-xxxs-bold-line-height: 0.5625rem;
2055
2178
  }
2056
2179
  }
2057
2180
 
2058
2181
  @media (min-width: 960px) {
2059
2182
  .dark, .light {
2183
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
2184
+ --plasma-typo-body-m-bold-font-weight: 700;
2185
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
2186
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
2187
+ --plasma-typo-body-m-medium-font-weight: 500;
2188
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
2189
+ --plasma-typo-body-m-font-size: 0.875rem;
2190
+ --plasma-typo-body-m-font-weight: 400;
2191
+ --plasma-typo-body-m-line-height: 1.125rem;
2192
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
2193
+ --plasma-typo-body-s-bold-font-weight: 700;
2194
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
2195
+ --plasma-typo-body-s-font-size: 0.8125rem;
2196
+ --plasma-typo-body-s-font-weight: 400;
2197
+ --plasma-typo-body-s-line-height: 0.9375rem;
2198
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
2199
+ --plasma-typo-body-xs-bold-font-weight: 700;
2200
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
2201
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
2202
+ --plasma-typo-body-xs-medium-font-weight: 500;
2203
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
2204
+ --plasma-typo-body-xs-font-size: 0.75rem;
2205
+ --plasma-typo-body-xs-font-weight: 400;
2206
+ --plasma-typo-body-xs-line-height: 0.875rem;
2207
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
2208
+ --plasma-typo-body-xxs-bold-font-weight: 700;
2209
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
2210
+ --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
2211
+ --plasma-typo-body-xxs-medium-font-weight: 500;
2212
+ --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
2213
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
2214
+ --plasma-typo-body-xxs-font-weight: 400;
2215
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
2060
2216
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
2061
2217
  --plasma-typo-dspl-s-bold-font-weight: 700;
2062
2218
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
@@ -2066,6 +2222,9 @@
2066
2222
  --plasma-typo-dspl-s-font-size: 2.125rem;
2067
2223
  --plasma-typo-dspl-s-font-weight: 400;
2068
2224
  --plasma-typo-dspl-s-line-height: 2.5625rem;
2225
+ --plasma-typo-h1-bold-font-size: 1.75rem;
2226
+ --plasma-typo-h1-bold-font-weight: 700;
2227
+ --plasma-typo-h1-bold-line-height: 2.25rem;
2069
2228
  --plasma-typo-h1-medium-font-size: 1.75rem;
2070
2229
  --plasma-typo-h1-medium-font-weight: 500;
2071
2230
  --plasma-typo-h1-medium-line-height: 2.25rem;
@@ -2099,48 +2258,6 @@
2099
2258
  --plasma-typo-h4-font-size: 1rem;
2100
2259
  --plasma-typo-h4-font-weight: 400;
2101
2260
  --plasma-typo-h4-line-height: 1.25rem;
2102
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
2103
- --plasma-typo-body-l-medium-font-weight: 500;
2104
- --plasma-typo-body-l-medium-line-height: 1.25rem;
2105
- --plasma-typo-body-l-font-size: 0.9375rem;
2106
- --plasma-typo-body-l-font-weight: 400;
2107
- --plasma-typo-body-l-line-height: 1.25rem;
2108
- --plasma-typo-body-m-bold-font-size: 0.875rem;
2109
- --plasma-typo-body-m-bold-font-weight: 700;
2110
- --plasma-typo-body-m-bold-line-height: 1.125rem;
2111
- --plasma-typo-body-m-medium-font-size: 0.875rem;
2112
- --plasma-typo-body-m-medium-font-weight: 500;
2113
- --plasma-typo-body-m-medium-line-height: 1.125rem;
2114
- --plasma-typo-body-m-font-size: 0.875rem;
2115
- --plasma-typo-body-m-font-weight: 400;
2116
- --plasma-typo-body-m-line-height: 1.125rem;
2117
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
2118
- --plasma-typo-body-s-bold-font-weight: 700;
2119
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
2120
- --plasma-typo-body-s-font-size: 0.8125rem;
2121
- --plasma-typo-body-s-font-weight: 400;
2122
- --plasma-typo-body-s-line-height: 0.9375rem;
2123
- --plasma-typo-h1-bold-font-size: 1.75rem;
2124
- --plasma-typo-h1-bold-font-weight: 700;
2125
- --plasma-typo-h1-bold-line-height: 2.25rem;
2126
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
2127
- --plasma-typo-body-xs-bold-font-weight: 700;
2128
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
2129
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
2130
- --plasma-typo-body-xs-medium-font-weight: 500;
2131
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
2132
- --plasma-typo-body-xs-font-size: 0.75rem;
2133
- --plasma-typo-body-xs-font-weight: 400;
2134
- --plasma-typo-body-xs-line-height: 0.875rem;
2135
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
2136
- --plasma-typo-body-xxs-bold-font-weight: 700;
2137
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
2138
- --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
2139
- --plasma-typo-body-xxs-medium-font-weight: 500;
2140
- --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
2141
- --plasma-typo-body-xxs-font-size: 0.6875rem;
2142
- --plasma-typo-body-xxs-font-weight: 400;
2143
- --plasma-typo-body-xxs-line-height: 0.8125rem;
2144
2261
  --plasma-typo-text-l-bold-font-size: 1.5rem;
2145
2262
  --plasma-typo-text-l-bold-font-weight: 600;
2146
2263
  --plasma-typo-text-l-bold-line-height: 2rem;
@@ -2168,6 +2285,9 @@
2168
2285
  --plasma-typo-text-xs-bold-font-size: 0.75rem;
2169
2286
  --plasma-typo-text-xs-bold-font-weight: 600;
2170
2287
  --plasma-typo-text-xs-bold-line-height: 1rem;
2288
+ --plasma-typo-body-l-font-size: 0.9375rem;
2289
+ --plasma-typo-body-l-font-weight: 400;
2290
+ --plasma-typo-body-l-line-height: 1.25rem;
2171
2291
  --plasma-typo-text-xs-medium-font-size: 0.75rem;
2172
2292
  --plasma-typo-text-xs-medium-font-weight: 500;
2173
2293
  --plasma-typo-text-xs-medium-line-height: 1rem;
@@ -2183,11 +2303,23 @@
2183
2303
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
2184
2304
  --plasma-typo-body-s-medium-font-weight: 500;
2185
2305
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
2186
- --plasma-typo-h-xxl-medium-font-size: 4.5rem;
2187
- --plasma-typo-h-xxl-medium-font-weight: 500;
2188
- --plasma-typo-h-xxl-medium-line-height: 5.625rem;
2189
2306
  --plasma-typo-h-xl-medium-font-size: 2.5rem;
2190
2307
  --plasma-typo-h-xl-medium-font-weight: 500;
2191
2308
  --plasma-typo-h-xl-medium-line-height: 3.125rem;
2309
+ --plasma-typo-h-xxl-medium-font-size: 4.5rem;
2310
+ --plasma-typo-h-xxl-medium-font-weight: 500;
2311
+ --plasma-typo-h-xxl-medium-line-height: 5.625rem;
2312
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
2313
+ --plasma-typo-body-l-medium-font-weight: 500;
2314
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
2315
+ --plasma-typo-body-xxxs-medium-font-size: 0.4375rem;
2316
+ --plasma-typo-body-xxxs-medium-font-weight: 500;
2317
+ --plasma-typo-body-xxxs-medium-line-height: 0.5625rem;
2318
+ --plasma-typo-body-xxxs-font-size: 0.4375rem;
2319
+ --plasma-typo-body-xxxs-font-weight: 400;
2320
+ --plasma-typo-body-xxxs-line-height: 0.5625rem;
2321
+ --plasma-typo-body-xxxs-bold-font-size: 0.4375rem;
2322
+ --plasma-typo-body-xxxs-bold-font-weight: 700;
2323
+ --plasma-typo-body-xxxs-bold-line-height: 0.5625rem;
2192
2324
  }
2193
2325
  }