@salutejs-ds/sdds_sbcom 0.1.16 → 0.1.17

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