@salutejs-ds/sdds_sbcom 0.1.16 → 0.1.18

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