@salutejs-ds/sdds_sbcom 0.1.15 → 0.1.17

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