@salutejs-ds/sdds_sbcom 0.1.15 → 0.1.16

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 (96) hide show
  1. package/components/Button/Button.config.js +1 -1
  2. package/components/Button/Button.config.js.map +1 -1
  3. package/components/Button/Button.config_1722fh4.css +10 -0
  4. package/components/Button/Button.css +9 -9
  5. package/components/Checkbox/Checkbox.config.js +1 -1
  6. package/components/Checkbox/Checkbox.config.js.map +1 -1
  7. package/components/Checkbox/Checkbox.config_1mog0rg.css +6 -0
  8. package/components/Checkbox/Checkbox.css +6 -6
  9. package/components/Counter/Counter.config.d.ts +6 -6
  10. package/components/Counter/Counter.config.js +9 -9
  11. package/components/Counter/Counter.config.js.map +1 -1
  12. package/components/Counter/Counter.config_6oc60l.css +11 -0
  13. package/components/Counter/Counter.css +10 -10
  14. package/components/Counter/Counter.d.ts +6 -6
  15. package/components/IconButton/IconButton.config.js +1 -1
  16. package/components/IconButton/IconButton.config.js.map +1 -1
  17. package/components/IconButton/IconButton.config_1pbzh23.css +9 -0
  18. package/components/IconButton/IconButton.css +8 -8
  19. package/components/Link/Link.config.d.ts +3 -3
  20. package/components/Link/Link.config.js +5 -5
  21. package/components/Link/Link.config.js.map +1 -1
  22. package/components/Link/{Link.config_8uibyj.css → Link.config_1hze3a9.css} +4 -4
  23. package/components/Link/Link.css +8 -8
  24. package/components/Link/Link.d.ts +3 -3
  25. package/components/Radiobox/Radiobox.config.js +1 -1
  26. package/components/Radiobox/Radiobox.config.js.map +1 -1
  27. package/components/Radiobox/Radiobox.config_1pa1zfo.css +6 -0
  28. package/components/Radiobox/Radiobox.css +6 -6
  29. package/css/sdds_sbcom.module.css +1240 -1120
  30. package/css/sdds_sbcom__dark.css +764 -704
  31. package/css/sdds_sbcom__light.css +764 -704
  32. package/es/components/Button/Button.config.js +1 -1
  33. package/es/components/Button/Button.config.js.map +1 -1
  34. package/es/components/Button/Button.config_1722fh4.css +10 -0
  35. package/es/components/Button/Button.css +9 -9
  36. package/es/components/Checkbox/Checkbox.config.js +1 -1
  37. package/es/components/Checkbox/Checkbox.config.js.map +1 -1
  38. package/es/components/Checkbox/Checkbox.config_1mog0rg.css +6 -0
  39. package/es/components/Checkbox/Checkbox.css +6 -6
  40. package/es/components/Counter/Counter.config.js +9 -9
  41. package/es/components/Counter/Counter.config.js.map +1 -1
  42. package/es/components/Counter/Counter.config_6oc60l.css +11 -0
  43. package/es/components/Counter/Counter.css +10 -10
  44. package/es/components/IconButton/IconButton.config.js +1 -1
  45. package/es/components/IconButton/IconButton.config.js.map +1 -1
  46. package/es/components/IconButton/IconButton.config_1pbzh23.css +9 -0
  47. package/es/components/IconButton/IconButton.css +8 -8
  48. package/es/components/Link/Link.config.js +5 -5
  49. package/es/components/Link/Link.config.js.map +1 -1
  50. package/es/components/Link/{Link.config_8uibyj.css → Link.config_1hze3a9.css} +4 -4
  51. package/es/components/Link/Link.css +8 -8
  52. package/es/components/Radiobox/Radiobox.config.js +1 -1
  53. package/es/components/Radiobox/Radiobox.config.js.map +1 -1
  54. package/es/components/Radiobox/Radiobox.config_1pa1zfo.css +6 -0
  55. package/es/components/Radiobox/Radiobox.css +6 -6
  56. package/es/index.css +55 -55
  57. package/es/index.js +1 -1
  58. package/es/theme/themes/sdds_sbcom__dark.js +1 -1
  59. package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
  60. package/es/theme/themes/sdds_sbcom__light.js +1 -1
  61. package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
  62. package/es/theme/tokens/index.js +1384 -1204
  63. package/es/theme/tokens/index.js.map +1 -1
  64. package/index.css +55 -55
  65. package/index.js +60 -0
  66. package/index.js.map +1 -1
  67. package/package.json +1 -1
  68. package/styled-components/cjs/Button/Button.config.js +7 -7
  69. package/styled-components/cjs/Checkbox/Checkbox.config.js +3 -3
  70. package/styled-components/cjs/Counter/Counter.config.js +9 -9
  71. package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
  72. package/styled-components/cjs/Link/Link.config.js +4 -4
  73. package/styled-components/cjs/Radiobox/Radiobox.config.js +6 -6
  74. package/styled-components/es/Button/Button.config.js +7 -7
  75. package/styled-components/es/Checkbox/Checkbox.config.js +3 -3
  76. package/styled-components/es/Counter/Counter.config.js +9 -9
  77. package/styled-components/es/IconButton/IconButton.config.js +6 -6
  78. package/styled-components/es/Link/Link.config.js +4 -4
  79. package/styled-components/es/Radiobox/Radiobox.config.js +6 -6
  80. package/theme/themes/sdds_sbcom__dark.js +1 -1
  81. package/theme/themes/sdds_sbcom__dark.js.map +1 -1
  82. package/theme/themes/sdds_sbcom__light.js +1 -1
  83. package/theme/themes/sdds_sbcom__light.js.map +1 -1
  84. package/theme/tokens/index.d.ts +1043 -923
  85. package/theme/tokens/index.js +1443 -1203
  86. package/theme/tokens/index.js.map +1 -1
  87. package/components/Button/Button.config_1b1uwtc.css +0 -10
  88. package/components/Checkbox/Checkbox.config_by8n89.css +0 -6
  89. package/components/Counter/Counter.config_1dmfqg0.css +0 -11
  90. package/components/IconButton/IconButton.config_108pkgf.css +0 -9
  91. package/components/Radiobox/Radiobox.config_1x15h52.css +0 -6
  92. package/es/components/Button/Button.config_1b1uwtc.css +0 -10
  93. package/es/components/Checkbox/Checkbox.config_by8n89.css +0 -6
  94. package/es/components/Counter/Counter.config_1dmfqg0.css +0 -11
  95. package/es/components/IconButton/IconButton.config_108pkgf.css +0 -9
  96. package/es/components/Radiobox/Radiobox.config_1x15h52.css +0 -6
@@ -38,745 +38,805 @@
38
38
  --personas-blue-text-accent-hover: #C3DDF9FF;
39
39
  --outline-default: #FFFFFF;
40
40
  --text-primary-brightness-active: #FAFAFAC4;
41
- --surface-transparent-card-brightness-hover: #FAFAFA1F;
42
- --surface-solid-card-brightness-active: #212121FF;
43
41
  --surface-solid-primary-brightness-hover: #303030FF;
42
+ --surface-transparent-card-brightness-hover: #FAFAFA1F;
44
43
  --surface-transparent-card-brightness-active: #FAFAFA0A;
45
44
  --surface-solid-card-brightness-hover: #303030FF;
45
+ --surface-solid-card-brightness-active: #212121FF;
46
+ --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
47
+ --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
46
48
  --on-dark-surface-transparent-card-brightness-hover: #FAFAFA1F;
47
49
  --on-dark-surface-transparent-card-brightness-active: #FAFAFA0A;
48
50
  --on-dark-surface-solid-card-brightness-hover: #303030FF;
49
51
  --on-dark-surface-solid-card-brightness-active: #212121FF;
50
- --on-light-surface-solid-primary-brightness-hover: #FFFFFFFF;
51
- --on-light-surface-solid-primary-brightness-active: #FFFFFFFF;
52
- --inverse-personas-indigo-text-accent: #BD91F5;
53
52
  --inverse-personas-pink-text-accent: #F7A4A4;
54
- --personas-olive-text-accent: #93CB92;
55
- --on-light-outline-positive-active: #20801EFF;
53
+ --on-light-personas-olive-text-accent: #127210;
56
54
  --inverse-personas-ochre-text-accent: #D15A11;
55
+ --on-dark-text-accent-minor-hover: #60C7AFFF;
56
+ --personas-olive-text-accent: #93CB92;
57
+ --inverse-personas-indigo-text-accent: #BD91F5;
57
58
  --on-dark-personas-olive-text-accent: #93CB92;
58
59
  --surface-solid-tertiary-active: #424242FF;
59
- --on-light-surface-solid-tertiary-active: #FFFFFFFF;
60
- --inverse-surface-transparent-navi: #FFFFFF99;
61
60
  --on-light-surface-transparent-card-brightness-hover: #FFFFFFFF;
62
- --text-primary: #FFFFFFFC;
63
- --on-dark-text-accent-minor-hover: #60C7AFFF;
64
- --on-light-personas-olive-text-accent: #127210;
65
- --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
66
- --on-dark-surface-accent-minor-active: #043F34FF;
67
- --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
68
- --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
69
61
  --inverse-surface-solid-primary-brightness-hover: #FFFFFFFF;
70
62
  --inverse-surface-solid-primary-brightness-active: #FFFFFFFF;
71
- --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
63
+ --on-light-surface-solid-card-brightness-active: #FFFFFFFF;
64
+ --text-primary: #FFFFFFFC;
72
65
  --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;
76
- --inverse-personas-green-text-accent: #6CD5BB;
77
- --surface-accent-secondary: #61C8B0;
66
+ --on-light-outline-positive-active: #20801EFF;
67
+ --on-light-surface-solid-card-brightness-hover: #FFFFFFFF;
68
+ --on-light-surface-transparent-card-brightness-active: #FFFFFFFF;
69
+ --on-light-surface-solid-tertiary-active: #FFFFFFFF;
70
+ --inverse-surface-transparent-navi: #FFFFFF99;
71
+ --inverse-surface-transparent-card-brightness-hover: #FFFFFFFF;
72
+ --on-dark-surface-accent-minor-active: #043F34FF;
78
73
  --surface-accent-minor: #04473B;
74
+ --on-light-personas-violet-text-accent: #9E32AF;
79
75
  --on-dark-surface-solid-tertiary-active: #424242FF;
80
- --light-background-secondary: #F6F2F0;
81
- --inverse-surface-solid-tertiary: #FFFFFF;
82
- --on-light-surface-accent-minor: #D0F2E9;
76
+ --on-light-personas-ochre-text-accent: #D15A11;
83
77
  --inverse-surface-transparent-card-brightness-active: #FFFFFFFF;
78
+ --inverse-surface-solid-tertiary: #FFFFFF;
84
79
  --on-light-outline-warning-active: #A3420AFF;
85
- --on-light-personas-violet-text-accent: #9E32AF;
80
+ --light-background-secondary: #F6F2F0;
81
+ --on-light-surface-accent-minor: #D0F2E9;
82
+ --on-dark-surface-accent-secondary: #61C8B0;
83
+ --inverse-personas-green-text-accent: #6CD5BB;
84
+ --on-dark-personas-indigo-text-accent: #BD91F5;
85
+ --surface-accent-secondary: #61C8B0;
86
+ --inverse-surface-accent-minor: #D0F2E9;
87
+ --on-light-surface-accent-minor-hover: #C7F0E5FF;
86
88
  --inverse-surface-solid-card-brightness-active: #FFFFFFFF;
87
89
  --on-dark-surface-accent-minor-hover: #055C4CFF;
88
- --on-light-surface-accent-minor-hover: #C7F0E5FF;
89
- --inverse-surface-accent-minor: #D0F2E9;
90
- --on-light-personas-sea-blue-text-accent: #00898D;
91
- --personas-ochre-text-accent: #F4B49B;
92
- --on-dark-surface-transparent-accent-minor: #0BA68647;
93
- --on-dark-personas-violet-text-accent: #E19DED;
94
90
  --on-light-surface-transparent-navi: #FFFFFF99;
91
+ --on-dark-personas-violet-text-accent: #E19DED;
95
92
  --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;
93
+ --on-dark-surface-transparent-accent-minor: #0BA68647;
94
+ --personas-ochre-text-accent: #F4B49B;
95
+ --on-light-personas-sea-blue-text-accent: #00898D;
96
+ --personas-ochre-text-accent-hover: #F7C8B6FF;
97
+ --on-light-text-warning-active: #6F2D06FF;
98
+ --inverse-personas-green-text-accent-active: #4CCDACFF;
99
+ --on-dark-surface-accent-secondary-active: #59C5ACFF;
100
+ --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
102
101
  --inverse-personas-pink-text-accent-active: #F48080FF;
103
102
  --on-dark-personas-olive-text-accent-active: #7DC07CFF;
104
- --on-dark-surface-accent-secondary-active: #59C5ACFF;
105
- --inverse-personas-green-text-accent-active: #4CCDACFF;
106
- --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;
103
+ --on-dark-personas-sea-blue-text-accent: #7BC8C8;
110
104
  --on-light-surface-transparent-navi-active: #FFFFFFAD;
111
105
  --inverse-personas-olive-text-accent-hover: #1DB71AFF;
112
- --personas-ochre-text-accent-hover: #F7C8B6FF;
113
- --inverse-surface-accent-secondary: #41BDA1;
114
- --light-background-hardline: #FFFFFF;
115
- --on-dark-personas-sea-blue-text-accent-active: #2D6C6CFF;
116
- --on-light-surface-transparent-accent-minor: #0BA6863D;
106
+ --inverse-surface-accent-secondary-active: #3CAF94FF;
107
+ --personas-sea-blue-text-accent-active: #00A8ADFF;
117
108
  --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
109
  --text-primary-brightness-hover: #FAFAFA93;
122
110
  --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;
111
+ --inverse-personas-blue-text-accent-active: #0D4F96FF;
112
+ --personas-indigo-text-accent-active: #AA73F2FF;
113
+ --inverse-surface-transparent-accent-minor-active: #0BA8885C;
125
114
  --on-light-personas-blue-text-accent-active: #0D4F96FF;
115
+ --on-light-surface-transparent-navi-hover: #FFFFFFA8;
116
+ --inverse-surface-accent-secondary: #41BDA1;
117
+ --personas-green-text-accent-active: #03A57FFF;
118
+ --inverse-personas-indigo-text-accent-active: #A46AF1FF;
119
+ --on-light-surface-transparent-accent-minor: #0BA6863D;
120
+ --on-dark-text-primary-brightness-hover: #FAFAFA93;
121
+ --on-dark-personas-pink-text-accent-active: #F58A8AFF;
122
+ --on-dark-personas-violet-text-accent-active: #D982E8FF;
123
+ --on-light-personas-pink-text-accent-active: #D73333FF;
126
124
  --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;
131
- --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
- --on-dark-personas-ochre-text-accent: #F4B49B;
141
- --on-dark-personas-green-text-accent-active: #54CFB0FF;
142
- --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
125
+ --light-background-hardline: #FFFFFF;
126
+ --on-light-outline-primary-active: #C4BEBAFF;
127
+ --outline-primary-active: #665C57FF;
143
128
  --surface-transparent-accent-minor-active: #0BA88838;
144
- --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
129
  --inverse-personas-blue-text-accent-hover: #1477E1FF;
130
+ --surface-transparent-navi-hover: #242424B8;
131
+ --inverse-personas-sea-blue-text-accent-hover: #000000FF;
132
+ --on-dark-personas-ochre-text-accent: #F4B49B;
149
133
  --inverse-personas-violet-text-accent-hover: #B740C9FF;
150
- --inverse-surface-transparent-accent-minor-hover: #0BA88857;
151
- --on-light-personas-blue-text-accent-hover: #1477E1FF;
134
+ --on-dark-personas-ochre-text-accent-active: #F19F7EFF;
152
135
  --on-dark-surface-transparent-navi-hover: #242424B8;
153
136
  --on-light-surface-accent-secondary-hover: #50C3A8FF;
154
- --surface-transparent-navi-hover: #242424B8;
155
137
  --on-light-surface-transparent-accent-minor-hover: #0BA8884D;
138
+ --on-light-personas-green-text-accent-hover: #04D7A6FF;
139
+ --on-light-personas-ochre-text-accent-hover: #ED6C1DFF;
140
+ --inverse-surface-transparent-accent-minor-hover: #0BA88857;
141
+ --inverse-surface-transparent-navi-hover: #FFFFFFA8;
142
+ --inverse-personas-indigo-text-accent-hover: #D2B4F8FF;
143
+ --on-dark-personas-pink-text-accent-hover: #F26E6EFF;
144
+ --on-dark-personas-green-text-accent-active: #54CFB0FF;
145
+ --on-dark-personas-indigo-text-accent-hover: #E8DAFCFF;
146
+ --on-light-personas-olive-text-accent-hover: #1DB71AFF;
147
+ --on-light-personas-blue-text-accent-hover: #1477E1FF;
148
+ --on-light-personas-violet-text-accent-hover: #B740C9FF;
156
149
  --outline-default-hover: #858585FF;
150
+ --outline-primary-hover: #91847EFF;
151
+ --inverse-outline-default-hover: #CCCCCCFF;
152
+ --personas-olive-text-accent-hover: #A6D4A5FF;
153
+ --inverse-outline-primary-hover: #ADA39FFF;
154
+ --personas-violet-text-accent: #9E32AF;
157
155
  --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
- --on-dark-personas-pink-text-accent: #F7A4A4;
165
- --personas-pink-text-accent: #DE5555;
156
+ --inverse-personas-ochre-text-accent-hover: #ED6C1DFF;
157
+ --inverse-personas-pink-text-accent-hover: #FBCBCBFF;
158
+ --dark-background-hardline: #000000;
166
159
  --on-dark-surface-transparent-navi: #23232399;
160
+ --inverse-text-primary-brightness-hover: #17171793;
161
+ --background-hardline: #000000;
167
162
  --inverse-outline-primary: #DDD9D7;
168
- --inverse-personas-olive-text-accent-active: #179315FF;
163
+ --on-light-text-primary-brightness-hover: #17171793;
169
164
  --on-dark-outline-default: #383838;
170
- --personas-green-text-accent: #038768;
171
- --dark-background-hardline: #000000;
165
+ --inverse-personas-olive-text-accent-active: #179315FF;
166
+ --inverse-personas-sea-blue-text-accent: #7BC8C8;
167
+ --inverse-personas-violet-text-accent: #9E32AF;
168
+ --on-dark-personas-pink-text-accent: #F7A4A4;
169
+ --on-light-personas-blue-text-accent: #1063BA;
170
+ --surface-accent-secondary-active: #59C5ACFF;
171
+ --surface-solid-primary-brightness-active: #212121FF;
172
+ --surface-transparent-accent-minor: #0BA68647;
173
+ --inverse-surface-solid-card-brightness-hover: #FFFFFFFF;
174
+ --inverse-surface-transparent-accent-minor: #0BA68647;
175
+ --on-dark-surface-solid-primary-brightness-hover: #303030FF;
172
176
  --on-dark-outline-primary: #3B3735;
173
177
  --personas-blue-text-accent: #79B3F2;
178
+ --personas-blue-text-accent-active: #5DA3EFFF;
179
+ --personas-green-text-accent: #038768;
180
+ --personas-pink-text-accent: #DE5555;
174
181
  --personas-sea-blue-text-accent: #00898D;
175
182
  --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;
180
- --on-dark-surface-solid-primary-brightness-hover: #303030FF;
181
- --inverse-personas-violet-text-accent: #9E32AF;
182
- --inverse-surface-transparent-accent-minor: #0BA68647;
183
- --on-light-personas-blue-text-accent: #1063BA;
183
+ --inverse-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
- --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;
191
+ --on-light-outline-default: #FFFFFF;
197
192
  --personas-pink-text-accent-active: #D83B3BFF;
193
+ --inverse-personas-ochre-text-accent-active: #AA4A0EFF;
194
+ --inverse-personas-olive-text-accent: #127210;
198
195
  --on-dark-personas-blue-text-accent-active: #5DA3EFFF;
196
+ --on-dark-personas-green-text-accent: #6CD5BB;
197
+ --on-light-personas-olive-text-accent-active: #179315FF;
198
+ --on-light-personas-pink-text-accent: #DE5555;
199
199
  --on-light-personas-sea-blue-text-accent-active: #00B1B8FF;
200
- --on-light-outline-default: #FFFFFF;
200
+ --surface-transparent-accent-minor-hover: #0BA88866;
201
+ --inverse-surface-transparent-navi-active: #FFFFFFAD;
201
202
  --on-dark-surface-transparent-accent-minor-hover: #0BA88866;
203
+ --on-dark-surface-transparent-navi-active: #2424248A;
202
204
  --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;
212
+ --outline-deep-active: #5D5C5BFF;
213
+ --outline-deep-hover: #D2D1D1FF;
214
+ --outline-transparent-white: #FFFFFF7A;
215
+ --outline-transparent-white-active: #FFFFFF49;
216
+ --outline-transparent-white-hover: #FFFFFFF5;
217
+ --inverse-outline-deep: #A1A09F;
218
+ --inverse-outline-deep-active: #8D8C8BFF;
219
+ --inverse-outline-deep-hover: #CAC9C9FF;
220
+ --inverse-outline-transparent-white: #FFFFFF66;
221
+ --inverse-outline-transparent-white-hover: #FFFFFF3D;
222
+ --on-dark-outline-deep: #777675;
223
+ --on-dark-outline-deep-active: #5D5C5BFF;
224
+ --on-dark-outline-deep-hover: #D2D1D1FF;
225
+ --on-dark-outline-transparent-white: #FFFFFF7A;
226
+ --on-dark-outline-transparent-white-active: #FFFFFF49;
227
+ --on-dark-outline-transparent-white-hover: #FFFFFFF5;
228
+ --on-light-outline-deep: #A1A09F;
229
+ --on-light-outline-deep-active: #8D8C8BFF;
230
+ --on-light-outline-deep-hover: #CAC9C9FF;
231
+ --on-light-outline-transparent-white: #FFFFFF66;
232
+ --surface-solid-deep: #777675;
233
+ --surface-solid-deep-active: #71706FFF;
234
+ --surface-solid-deep-hover: #81807EFF;
235
+ --surface-transparent-card-minor: #23232380;
236
+ --surface-transparent-card-minor-active: #24242470;
237
+ --surface-transparent-card-minor-hover: #2424249E;
238
+ --inverse-surface-solid-deep: #A1A09F;
239
+ --inverse-surface-solid-deep-active: #979695FF;
240
+ --inverse-surface-solid-deep-hover: #B1B0AFFF;
241
+ --inverse-surface-transparent-card-minor: #FFFFFF85;
242
+ --inverse-surface-transparent-card-minor-active: #FFFFFF99;
243
+ --inverse-surface-transparent-card-minor-hover: #FFFFFF94;
244
+ --on-dark-surface-solid-deep: #777675;
245
+ --on-dark-surface-solid-deep-active: #71706FFF;
246
+ --on-dark-surface-solid-deep-hover: #81807EFF;
247
+ --on-dark-surface-transparent-card-minor: #23232380;
248
+ --on-dark-surface-transparent-card-minor-active: #24242470;
249
+ --on-dark-surface-transparent-card-minor-hover: #2424249E;
250
+ --on-light-surface-solid-deep: #A1A09F;
251
+ --on-light-surface-solid-deep-active: #979695FF;
252
+ --on-light-surface-solid-deep-hover: #B1B0AFFF;
253
+ --on-light-surface-transparent-card-minor: #FFFFFF85;
254
+ --on-light-surface-transparent-card-minor-active: #FFFFFF99;
255
+ --on-light-surface-transparent-card-minor-hover: #FFFFFF94;
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;
213
260
  --text-accent-hover: #77CFBBFF;
214
- --text-accent-active: #4ABFA4FF;
261
+ --text-accent-minor-active: #60C7AF93;
215
262
  --text-accent-minor: #61C8B07A;
216
263
  --text-accent-minor-hover: #60C7AFFF;
217
- --text-accent-minor-active: #60C7AF93;
218
- --text-positive: #50A84C;
264
+ --text-info-active: #53A3F3FF;
265
+ --text-info: #70B2F5;
266
+ --text-secondary-active: #F5F1EFC4;
267
+ --text-secondary: #F6F2F0A3;
219
268
  --text-positive-hover: #62B65DFF;
220
- --text-positive-active: #469442FF;
221
- --text-warning: #DA6828;
222
269
  --text-warning-hover: #DF7D43FF;
223
- --text-warning-active: #C45D21FF;
224
- --text-negative: #F57E83;
225
270
  --text-negative-hover: #F89BA0FF;
226
- --text-negative-active: #F3626AFF;
227
- --text-info: #70B2F5;
228
271
  --text-info-hover: #BCDBFAFF;
229
- --text-info-active: #53A3F3FF;
230
- --text-secondary-hover: #F5F1EFFF;
231
- --text-secondary: #F6F2F0A3;
232
272
  --text-primary-active: #FFFFFFCA;
233
- --text-secondary-active: #F5F1EFC4;
273
+ --text-accent: #61C8B0;
274
+ --text-paragraph-active: #F5F1EF93;
275
+ --text-paragraph: #F6F2F07A;
276
+ --text-negative-active: #F3626AFF;
277
+ --text-negative: #F57E83;
278
+ --text-tertiary-active: #F5F1EF49;
279
+ --text-secondary-hover: #F5F1EFFF;
234
280
  --text-tertiary: #F6F2F03D;
235
281
  --text-tertiary-hover: #F5F1EFFF;
236
- --text-tertiary-active: #F5F1EF49;
282
+ --text-warning-active: #C45D21FF;
283
+ --text-warning: #DA6828;
237
284
  --text-primary-brightness: #FAFAFAF5;
238
- --text-paragraph: #F6F2F07A;
239
285
  --text-paragraph-hover: #F5F1EFFF;
240
- --text-paragraph-active: #F5F1EF93;
241
- --on-dark-text-accent: #61C8B0ED;
286
+ --text-positive-active: #469442FF;
287
+ --text-accent-active: #4ABFA4FF;
288
+ --text-positive: #50A84C;
242
289
  --on-dark-text-accent-hover: #60C7AF8E;
243
- --on-dark-text-accent-active: #60C7AFBE;
244
- --on-dark-text-accent-minor: #61C8B07A;
245
290
  --on-dark-text-accent-minor-active: #60C7AF93;
246
- --on-dark-text-positive: #50A84C;
291
+ --on-dark-text-accent-minor: #61C8B07A;
292
+ --on-dark-text-info: #70B2F5;
293
+ --on-dark-text-info-active: #53A3F3FF;
294
+ --on-dark-text-secondary-active: #F5F1EFC4;
295
+ --on-dark-text-secondary: #F6F2F0A3;
247
296
  --on-dark-text-positive-hover: #62B65DFF;
248
- --on-dark-text-positive-active: #469442FF;
249
- --on-dark-text-warning: #DA6828;
250
297
  --on-dark-text-warning-hover: #DF7D43FF;
251
- --on-dark-text-warning-active: #C45D21FF;
252
- --on-dark-text-negative: #F57E83;
298
+ --on-dark-text-accent: #61C8B0ED;
253
299
  --on-dark-text-negative-hover: #F89BA0FF;
254
- --on-dark-text-negative-active: #F3626AFF;
255
- --on-dark-text-info: #70B2F5;
300
+ --on-dark-text-paragraph-active: #F5F1EF93;
301
+ --on-dark-text-paragraph: #F6F2F07A;
256
302
  --on-dark-text-info-hover: #BCDBFAFF;
257
- --on-dark-text-info-active: #53A3F3FF;
258
- --on-dark-text-primary-active: #FFFFFFCA;
259
- --on-dark-text-tertiary-active: #F5F1EF49;
303
+ --on-dark-text-negative-active: #F3626AFF;
304
+ --on-dark-text-negative: #F57E83;
260
305
  --on-dark-text-primary: #FFFFFFFC;
306
+ --on-dark-text-primary-hover: #FFFFFF97;
307
+ --on-dark-text-warning: #DA6828;
261
308
  --on-dark-text-primary-brightness: #FAFAFAF5;
262
- --on-dark-text-secondary: #F6F2F0A3;
263
309
  --on-dark-text-secondary-hover: #F5F1EFFF;
264
- --on-dark-text-tertiary: #F6F2F03D;
310
+ --on-dark-text-tertiary-active: #F5F1EF49;
265
311
  --on-dark-text-tertiary-hover: #F5F1EFFF;
266
- --on-dark-text-secondary-active: #F5F1EFC4;
267
- --on-dark-text-primary-hover: #FFFFFF97;
268
- --on-dark-text-paragraph: #F6F2F07A;
312
+ --on-dark-text-warning-active: #C45D21FF;
313
+ --on-dark-text-tertiary: #F6F2F03D;
314
+ --on-dark-text-primary-active: #FFFFFFCA;
269
315
  --on-dark-text-paragraph-hover: #F5F1EFFF;
270
- --on-dark-text-paragraph-active: #F5F1EF93;
271
- --on-light-text-secondary: #15110FA3;
316
+ --on-dark-text-positive-active: #469442FF;
317
+ --on-dark-text-accent-active: #60C7AFBE;
318
+ --on-dark-text-positive: #50A84C;
272
319
  --on-light-text-secondary-hover: #15110FFF;
273
- --on-light-text-secondary-active: #15110FC4;
320
+ --on-light-text-tertiary-active: #15110F49;
274
321
  --on-light-text-tertiary: #15110F3D;
275
322
  --on-light-text-tertiary-hover: #15110FFF;
276
- --on-light-text-tertiary-active: #15110F49;
277
- --on-light-text-paragraph: #15110F66;
323
+ --on-light-text-warning-hover: #BC4C0BFF;
324
+ --on-light-text-warning: #973C09;
278
325
  --on-light-text-paragraph-hover: #15110FFF;
279
- --on-light-text-paragraph-active: #15110F7A;
280
- --on-light-text-accent: #0A8E73;
326
+ --on-light-text-positive-active: #185E17FF;
327
+ --on-light-text-positive: #207F1F;
281
328
  --on-light-text-accent-hover: #0DB593FF;
282
- --on-light-text-accent-active: #076955FF;
329
+ --on-light-text-accent-minor-active: #0A8F747A;
283
330
  --on-light-text-accent-minor: #0A8E7366;
284
331
  --on-light-text-accent-minor-hover: #0A8F74FF;
285
- --on-light-text-accent-minor-active: #0A8F747A;
286
- --on-light-text-positive: #207F1F;
332
+ --on-light-text-paragraph-active: #15110F7A;
333
+ --on-light-text-paragraph: #15110F66;
334
+ --on-light-text-secondary-active: #15110FC4;
335
+ --on-light-text-secondary: #15110FA3;
287
336
  --on-light-text-positive-hover: #29A027FF;
288
- --on-light-text-positive-active: #185E17FF;
289
- --on-light-text-warning: #973C09;
290
- --on-light-text-warning-hover: #BC4C0BFF;
291
- --on-light-text-primary: #15110FFC;
292
- --on-light-text-primary-hover: #15110F97;
293
337
  --on-light-text-primary-active: #15110FCA;
338
+ --on-light-text-primary: #15110FFC;
339
+ --on-light-text-accent-active: #076955FF;
294
340
  --on-light-text-primary-brightness: #171717F5;
295
- --inverse-text-primary: #15110FFC;
296
- --inverse-text-primary-hover: #15110F97;
297
- --inverse-text-primary-active: #15110FCA;
341
+ --on-light-text-accent: #0A8E73;
342
+ --on-light-text-primary-hover: #15110F97;
343
+ --on-light-text-negative-active: #AF181DFF;
344
+ --on-light-text-negative: #D11D23;
298
345
  --inverse-text-primary-brightness: #171717F5;
299
346
  --inverse-text-secondary: #15110FA3;
347
+ --inverse-text-primary-hover: #15110F97;
300
348
  --inverse-text-secondary-hover: #15110FFF;
301
- --inverse-text-secondary-active: #15110FC4;
349
+ --inverse-text-tertiary-active: #15110F49;
302
350
  --inverse-text-tertiary: #15110F3D;
303
351
  --inverse-text-tertiary-hover: #15110FFF;
304
- --inverse-text-tertiary-active: #15110F49;
305
- --inverse-text-paragraph: #15110F66;
352
+ --on-light-text-info-active: #194B85FF;
353
+ --on-light-text-info: #205EA5;
306
354
  --inverse-text-paragraph-hover: #15110FFF;
307
- --inverse-text-paragraph-active: #15110F7A;
308
- --inverse-text-accent: #0A8E73;
355
+ --inverse-text-primary-active: #15110FCA;
356
+ --inverse-text-primary: #15110FFC;
309
357
  --inverse-text-accent-hover: #0DB593FF;
310
- --inverse-text-accent-active: #076955FF;
358
+ --inverse-text-accent-minor-active: #0A8F747A;
311
359
  --inverse-text-accent-minor: #0A8E7366;
312
360
  --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;
361
+ --inverse-text-paragraph-active: #15110F7A;
362
+ --inverse-text-paragraph: #15110F66;
363
+ --inverse-text-secondary-active: #15110FC4;
319
364
  --on-light-text-negative-hover: #E3353BFF;
320
- --inverse-text-info: #205EA5;
365
+ --on-light-text-info-hover: #000000FF;
366
+ --inverse-text-accent: #0A8E73;
367
+ --inverse-text-accent-active: #076955FF;
321
368
  --inverse-text-info-hover: #000000FF;
322
- --inverse-text-info-active: #194B85FF;
323
369
  --surface-solid-primary: #232323;
324
- --inverse-text-warning-active: #6F2D06FF;
325
- --surface-solid-primary-hover: #2E2E2EFF;
326
- --surface-solid-primary-active: #1F1F1FFF;
370
+ --inverse-text-positive-active: #185E17FF;
371
+ --inverse-text-positive: #207F1F;
372
+ --inverse-text-negative-active: #AF181DFF;
373
+ --inverse-text-negative: #D11D23;
327
374
  --surface-solid-primary-brightness: #262626FF;
375
+ --surface-solid-secondary-active: #242424FF;
376
+ --surface-solid-primary-hover: #2E2E2EFF;
328
377
  --surface-solid-secondary: #292929;
329
378
  --surface-solid-secondary-hover: #333333FF;
330
- --surface-solid-secondary-active: #242424FF;
331
- --surface-solid-tertiary: #474747;
332
379
  --surface-solid-tertiary-hover: #525252FF;
333
- --inverse-text-positive: #207F1F;
334
- --inverse-text-positive-hover: #29A027FF;
380
+ --surface-solid-tertiary: #474747;
381
+ --inverse-text-info: #205EA5;
382
+ --inverse-text-info-active: #194B85FF;
383
+ --inverse-text-warning-active: #6F2D06FF;
335
384
  --inverse-text-warning: #973C09;
385
+ --inverse-text-positive-hover: #29A027FF;
336
386
  --inverse-text-warning-hover: #BC4C0BFF;
337
- --inverse-text-positive-active: #185E17FF;
338
- --inverse-text-negative: #D11D23;
339
387
  --inverse-text-negative-hover: #E3353BFF;
340
- --inverse-text-negative-active: #AF181DFF;
341
- --surface-transparent-tertiary: #FFFFFF3D;
388
+ --surface-solid-primary-active: #1F1F1FFF;
342
389
  --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;
390
+ --surface-accent: #0BA686;
391
+ --surface-transparent-deep-hover: #A2A1A0B8;
392
+ --surface-transparent-primary-active: #FFFFFF0F;
393
+ --surface-transparent-primary: #FFFFFF14;
350
394
  --surface-transparent-card-brightness: #FAFAFA0F;
351
- --surface-clear: #FFFFFF00;
395
+ --surface-transparent-deep-active: #A2A1A08A;
396
+ --surface-transparent-card-hover: #383838D6;
397
+ --surface-transparent-deep: #A1A09F99;
352
398
  --surface-clear-hover: #FFFFFF00;
353
- --surface-clear-active: #FFFFFF00;
354
- --surface-accent: #0BA686;
399
+ --surface-solid-card-active: #1F1F1FFF;
400
+ --surface-solid-card: #232323;
355
401
  --surface-accent-hover: #0CBB98FF;
356
- --surface-accent-active: #0A9E81FF;
357
402
  --surface-accent-minor-hover: #055C4CFF;
358
403
  --surface-accent-minor-active: #043F34FF;
359
- --surface-transparent-accent: #0BA68633;
404
+ --surface-clear-active: #FFFFFF00;
405
+ --surface-clear: #FFFFFF00;
360
406
  --surface-transparent-accent-hover: #0BA88852;
361
- --surface-transparent-accent-active: #0BA88824;
362
- --surface-solid-card-active: #1F1F1FFF;
363
- --surface-solid-card: #232323;
407
+ --surface-transparent-card-active: #383838A8;
408
+ --surface-transparent-card: #373737B8;
409
+ --surface-solid-card-hover: #2E2E2EFF;
364
410
  --surface-solid-card-brightness: #262626FF;
365
411
  --surface-solid-default: #F6F2F0;
366
412
  --surface-solid-default-hover: #F9F7F5FF;
367
- --surface-transparent-primary: #FFFFFF14;
413
+ --surface-transparent-accent-active: #0BA88824;
368
414
  --surface-transparent-primary-hover: #FFFFFF24;
415
+ --surface-transparent-secondary-active: #FFFFFF1A;
416
+ --surface-transparent-accent: #0BA68633;
369
417
  --surface-solid-default-active: #F2ECE9FF;
370
- --surface-solid-card-hover: #2E2E2EFF;
371
- --surface-transparent-primary-active: #FFFFFF0F;
372
418
  --surface-transparent-secondary: #FFFFFF29;
373
419
  --surface-transparent-secondary-hover: #FFFFFF47;
374
- --surface-transparent-secondary-active: #FFFFFF1A;
375
- --surface-negative: #F8A6A9;
420
+ --surface-transparent-tertiary-active: #FFFFFF2E;
421
+ --surface-accent-active: #0A9E81FF;
422
+ --surface-transparent-tertiary: #FFFFFF3D;
376
423
  --surface-negative-hover: #F9B8BAFF;
377
- --surface-negative-active: #F79C9FFF;
378
- --surface-info: #9BCAF8;
379
- --surface-info-hover: #AED4F9FF;
380
- --surface-info-active: #91C4F7FF;
381
424
  --surface-positive-active: #9FCF9BFF;
382
425
  --surface-positive: #A6D2A2;
383
- --surface-positive-hover: #B3D9B0FF;
426
+ --surface-info-hover: #AED4F9FF;
427
+ --surface-negative-active: #F79C9FFF;
428
+ --surface-negative: #F8A6A9;
429
+ --surface-info: #9BCAF8;
384
430
  --surface-warning: #F8AD80;
385
- --surface-warning-hover: #F9BB94FF;
431
+ --surface-positive-hover: #B3D9B0FF;
386
432
  --surface-warning-active: #F8A977FF;
387
- --surface-transparent-negative-hover: #F8A5A89E;
388
- --surface-read-only: #F9F9F905;
389
- --surface-read-only-hover: #FAFAFA0F;
433
+ --surface-warning-hover: #F9BB94FF;
434
+ --surface-info-active: #91C4F7FF;
435
+ --surface-transparent-negative-active: #F8A5A870;
436
+ --surface-transparent-negative: #F8A6A980;
390
437
  --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;
438
+ --surface-read-only-hover: #FAFAFA0F;
394
439
  --on-dark-surface-solid-primary-brightness: #262626FF;
440
+ --on-dark-surface-solid-secondary-active: #242424FF;
441
+ --on-dark-surface-solid-primary-hover: #2E2E2EFF;
395
442
  --on-dark-surface-solid-secondary: #292929;
396
443
  --on-dark-surface-solid-secondary-hover: #333333FF;
397
- --on-dark-surface-solid-secondary-active: #242424FF;
398
- --on-dark-surface-solid-tertiary: #474747;
399
444
  --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;
445
+ --on-dark-surface-solid-tertiary: #474747;
446
+ --on-dark-surface-solid-primary: #232323;
447
+ --surface-read-only: #F9F9F905;
448
+ --on-dark-surface-solid-primary-active: #1F1F1FFF;
449
+ --surface-transparent-negative-hover: #F8A5A89E;
403
450
  --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;
451
+ --on-dark-surface-accent: #0BA686;
452
+ --on-dark-surface-transparent-deep-hover: #A2A1A0B8;
453
+ --on-dark-surface-transparent-primary-active: #FFFFFF0F;
454
+ --on-dark-surface-transparent-primary: #FFFFFF14;
411
455
  --on-dark-surface-transparent-card-brightness: #FAFAFA0F;
412
- --on-dark-surface-clear: #FFFFFF00;
456
+ --on-dark-surface-transparent-deep-active: #A2A1A08A;
457
+ --on-dark-surface-transparent-card-hover: #383838D6;
458
+ --on-dark-surface-transparent-deep: #A1A09F99;
413
459
  --on-dark-surface-clear-hover: #FFFFFF00;
414
- --on-dark-surface-clear-active: #FFFFFF00;
415
- --on-dark-surface-accent: #0BA686;
416
- --on-dark-surface-accent-hover: #0CBB98FF;
417
- --on-dark-surface-accent-active: #0A9E81FF;
418
- --on-dark-surface-accent-minor: #04473B;
419
460
  --on-dark-surface-solid-card-active: #1F1F1FFF;
420
461
  --on-dark-surface-solid-card: #232323;
462
+ --on-dark-surface-accent-hover: #0CBB98FF;
463
+ --on-dark-surface-clear: #FFFFFF00;
464
+ --on-dark-surface-accent-minor: #04473B;
465
+ --on-dark-surface-clear-active: #FFFFFF00;
466
+ --on-dark-surface-solid-card-hover: #2E2E2EFF;
421
467
  --on-dark-surface-solid-card-brightness: #262626FF;
422
- --on-dark-surface-solid-default-hover: #F9F7F5FF;
423
468
  --on-dark-surface-solid-default-active: #F2ECE9FF;
424
- --on-dark-surface-transparent-primary: #FFFFFF14;
469
+ --on-dark-surface-transparent-card-active: #383838A8;
470
+ --on-dark-surface-transparent-card: #373737B8;
425
471
  --on-dark-surface-transparent-primary-hover: #FFFFFF24;
426
- --on-dark-surface-solid-card-hover: #2E2E2EFF;
427
- --on-dark-surface-transparent-primary-active: #FFFFFF0F;
472
+ --on-dark-surface-transparent-secondary-active: #FFFFFF1A;
473
+ --on-dark-surface-solid-default-hover: #F9F7F5FF;
428
474
  --on-dark-surface-transparent-secondary: #FFFFFF29;
429
475
  --on-dark-surface-transparent-secondary-hover: #FFFFFF47;
430
- --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;
476
+ --on-dark-surface-transparent-tertiary-active: #FFFFFF2E;
477
+ --on-dark-surface-accent-active: #0A9E81FF;
478
+ --on-dark-surface-transparent-tertiary: #FFFFFF3D;
434
479
  --on-dark-surface-warning-hover: #F9BB94FF;
435
- --on-dark-surface-warning-active: #F8A977FF;
436
- --on-dark-surface-negative: #F8A6A9;
437
480
  --on-dark-surface-negative-hover: #F9B8BAFF;
481
+ --on-dark-surface-positive-active: #9FCF9BFF;
482
+ --on-dark-surface-positive: #A6D2A2;
483
+ --on-dark-surface-info-hover: #AED4F9FF;
438
484
  --on-dark-surface-negative-active: #F79C9FFF;
485
+ --on-dark-surface-negative: #F8A6A9;
439
486
  --on-dark-surface-info: #9BCAF8;
440
- --on-dark-surface-info-hover: #AED4F9FF;
441
- --on-dark-surface-info-active: #91C4F7FF;
487
+ --on-dark-surface-transparent-accent-hover: #0BA88852;
442
488
  --on-dark-surface-transparent-accent-active: #0BA88824;
443
489
  --on-dark-surface-transparent-accent: #0BA68633;
444
- --on-dark-surface-transparent-accent-hover: #0BA88852;
445
- --on-dark-surface-positive: #A6D2A2;
446
- --on-dark-surface-read-only: #F9F9F905;
490
+ --on-dark-surface-warning-active: #F8A977FF;
491
+ --on-dark-surface-warning: #F8AD80;
492
+ --on-dark-surface-info-active: #91C4F7FF;
493
+ --on-dark-surface-positive-hover: #B3D9B0FF;
494
+ --on-dark-surface-transparent-negative: #F8A6A980;
447
495
  --on-dark-surface-read-only-hover: #FAFAFA0F;
448
- --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
496
  --on-light-surface-solid-primary-brightness: #FFFFFFFF;
497
+ --on-light-surface-solid-secondary-active: #FFFFFFFF;
498
+ --on-light-surface-solid-primary-hover: #FFFFFFFF;
453
499
  --on-light-surface-solid-secondary: #FFFFFF;
454
500
  --on-light-surface-solid-secondary-hover: #FFFFFFFF;
455
- --on-light-surface-solid-secondary-active: #FFFFFFFF;
456
- --on-light-surface-solid-tertiary: #FFFFFF;
457
501
  --on-light-surface-solid-tertiary-hover: #FFFFFFFF;
458
- --on-dark-surface-transparent-negative-active: #F8A5A870;
459
- --on-dark-surface-transparent-negative: #F8A6A980;
502
+ --on-light-surface-solid-tertiary: #FFFFFF;
503
+ --on-dark-surface-read-only: #F9F9F905;
504
+ --on-light-surface-solid-primary-active: #FFFFFFFF;
505
+ --on-light-surface-solid-primary: #FFFFFF;
506
+ --on-dark-surface-read-only-active: #FAFAFA00;
460
507
  --on-dark-surface-transparent-negative-hover: #F8A5A89E;
461
- --on-light-surface-transparent-tertiary: #15110F1F;
508
+ --on-dark-surface-transparent-negative-active: #F8A5A870;
462
509
  --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;
510
+ --on-light-surface-accent: #0BA686;
511
+ --on-light-surface-transparent-deep-hover: #A2A1A0B3;
512
+ --on-light-surface-transparent-primary-active: #15110F0F;
513
+ --on-light-surface-transparent-primary: #15110F0A;
470
514
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
471
- --on-light-surface-clear: #FFFFFF00;
515
+ --on-light-surface-transparent-deep-active: #A2A1A0B8;
516
+ --on-light-surface-transparent-card-hover: #FFFFFFC2;
517
+ --on-light-surface-transparent-deep: #A1A09FA3;
472
518
  --on-light-surface-clear-hover: #FFFFFF00;
473
- --on-light-surface-clear-active: #FFFFFF00;
474
- --on-light-surface-accent: #0BA686;
475
- --on-light-surface-accent-hover: #0CBB98FF;
476
- --on-light-surface-accent-active: #099579FF;
477
519
  --on-light-surface-solid-card-active: #FFFFFFFF;
478
520
  --on-light-surface-solid-card: #FFFFFF;
521
+ --on-light-surface-accent-hover: #0CBB98FF;
522
+ --on-light-surface-clear-active: #FFFFFF00;
523
+ --on-light-surface-clear: #FFFFFF00;
524
+ --on-light-surface-solid-card-hover: #FFFFFFFF;
479
525
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
480
526
  --on-light-surface-solid-default: #15110F;
481
527
  --on-light-surface-solid-default-hover: #271F1CFF;
482
- --on-light-surface-transparent-primary: #15110F0A;
528
+ --on-light-surface-transparent-card-active: #FFFFFFC7;
483
529
  --on-light-surface-transparent-primary-hover: #15110F0D;
530
+ --on-light-surface-transparent-secondary-active: #15110F1F;
531
+ --on-light-surface-transparent-card: #FFFFFFB3;
484
532
  --on-light-surface-solid-default-active: #090706FF;
485
- --on-light-surface-solid-card-hover: #FFFFFFFF;
486
- --on-light-surface-transparent-primary-active: #15110F0F;
487
533
  --on-light-surface-transparent-secondary: #15110F14;
488
534
  --on-light-surface-transparent-secondary-hover: #15110F1A;
489
- --on-light-surface-transparent-secondary-active: #15110F1F;
490
- --on-light-surface-positive: #239322;
535
+ --on-light-surface-transparent-tertiary-active: #15110F33;
536
+ --on-light-surface-accent-active: #099579FF;
537
+ --on-light-surface-transparent-tertiary: #15110F1F;
491
538
  --on-light-surface-positive-hover: #28A126FF;
492
- --on-light-surface-positive-active: #20801EFF;
493
- --on-light-surface-warning: #BE4E0C;
494
539
  --on-light-surface-warning-hover: #D3560DFF;
495
- --on-light-surface-warning-active: #AD460BFF;
496
- --on-light-surface-negative: #E83439;
497
540
  --on-light-surface-negative-hover: #EC5156FF;
541
+ --on-light-surface-positive-active: #20801EFF;
542
+ --on-light-surface-positive: #239322;
543
+ --on-light-surface-info-hover: #4180C8FF;
498
544
  --on-light-surface-negative-active: #E72329FF;
545
+ --on-light-surface-negative: #E83439;
499
546
  --on-light-surface-info: #3776BC;
500
- --on-light-surface-info-hover: #4180C8FF;
501
- --on-light-surface-info-active: #326CAEFF;
502
- --on-light-surface-transparent-accent-active: #0BA88833;
503
547
  --on-light-surface-transparent-accent: #0BA6861F;
504
548
  --on-light-surface-transparent-accent-hover: #0BA8882E;
505
- --on-light-surface-transparent-negative-hover: #E9353B38;
506
- --on-light-surface-read-only: #F9F9F903;
549
+ --on-light-surface-transparent-accent-active: #0BA88833;
550
+ --on-light-surface-warning-active: #AD460BFF;
551
+ --on-light-surface-info-active: #326CAEFF;
552
+ --on-light-surface-warning: #BE4E0C;
553
+ --on-light-surface-transparent-negative-active: #E9353B3D;
554
+ --on-light-surface-transparent-negative: #E8343929;
507
555
  --on-light-surface-read-only-hover: #FAFAFA05;
508
- --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
556
  --inverse-surface-solid-primary-brightness: #FFFFFFFF;
557
+ --inverse-surface-solid-secondary-active: #FFFFFFFF;
558
+ --inverse-surface-solid-primary-hover: #FFFFFFFF;
513
559
  --inverse-surface-solid-secondary: #FFFFFF;
514
560
  --inverse-surface-solid-secondary-hover: #FFFFFFFF;
515
- --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;
561
+ --on-light-surface-read-only: #F9F9F903;
562
+ --on-light-surface-read-only-active: #FAFAFA08;
563
+ --inverse-surface-solid-primary: #FFFFFF;
564
+ --on-light-surface-transparent-negative-hover: #E9353B38;
565
+ --inverse-surface-solid-primary-active: #FFFFFFFF;
519
566
  --inverse-surface-transparent-tertiary: #15110F1F;
520
567
  --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;
568
+ --inverse-surface-accent: #0BA686;
569
+ --inverse-surface-transparent-deep-hover: #A2A1A0B3;
570
+ --inverse-surface-transparent-primary-active: #15110F0F;
571
+ --inverse-surface-transparent-primary: #15110F0A;
528
572
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
529
- --inverse-surface-clear: #FFFFFF00;
573
+ --inverse-surface-transparent-deep-active: #A2A1A0B8;
574
+ --inverse-surface-transparent-card-hover: #FFFFFFC2;
575
+ --inverse-surface-transparent-deep: #A1A09FA3;
530
576
  --inverse-surface-clear-hover: #FFFFFF00;
531
- --inverse-surface-clear-active: #FFFFFF00;
532
- --inverse-surface-accent: #0BA686;
533
- --inverse-surface-solid-tertiary-active: #FFFFFFFF;
534
- --inverse-surface-solid-tertiary-hover: #FFFFFFFF;
535
- --inverse-surface-solid-card: #FFFFFF;
536
577
  --inverse-surface-solid-card-active: #FFFFFFFF;
578
+ --inverse-surface-solid-card: #FFFFFF;
579
+ --inverse-surface-clear-active: #FFFFFF00;
580
+ --inverse-surface-transparent-card: #FFFFFFB3;
581
+ --inverse-surface-transparent-card-active: #FFFFFFC7;
582
+ --inverse-surface-solid-card-brightness: #FFFFFFFF;
537
583
  --inverse-surface-solid-card-hover: #FFFFFFFF;
538
- --inverse-surface-solid-default-hover: #271F1CFF;
539
584
  --inverse-surface-solid-default-active: #090706FF;
540
- --inverse-surface-solid-card-brightness: #FFFFFFFF;
585
+ --inverse-surface-solid-tertiary-hover: #FFFFFFFF;
586
+ --inverse-surface-solid-tertiary-active: #FFFFFFFF;
541
587
  --inverse-surface-solid-default: #15110F;
542
- --inverse-surface-transparent-primary: #15110F0A;
588
+ --inverse-surface-solid-default-hover: #271F1CFF;
543
589
  --inverse-surface-transparent-primary-hover: #15110F0D;
544
- --inverse-surface-transparent-primary-active: #15110F0F;
590
+ --inverse-surface-transparent-secondary-active: #15110F1F;
545
591
  --inverse-surface-transparent-secondary: #15110F14;
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;
593
+ --inverse-surface-clear: #FFFFFF00;
594
+ --inverse-surface-transparent-tertiary-active: #15110F33;
595
+ --inverse-surface-warning-active: #AD460BFF;
550
596
  --inverse-surface-warning: #BE4E0C;
597
+ --inverse-surface-positive-hover: #28A126FF;
551
598
  --inverse-surface-warning-hover: #D3560DFF;
552
- --inverse-surface-warning-active: #AD460BFF;
553
- --inverse-surface-negative: #E83439;
599
+ --inverse-surface-accent-active: #099579FF;
554
600
  --inverse-surface-negative-hover: #EC5156FF;
555
- --inverse-surface-negative-active: #E72329FF;
556
- --inverse-surface-info: #3776BC;
601
+ --inverse-surface-positive-active: #20801EFF;
602
+ --inverse-surface-positive: #239322;
557
603
  --inverse-surface-info-hover: #4180C8FF;
604
+ --inverse-surface-negative-active: #E72329FF;
605
+ --inverse-surface-negative: #E83439;
558
606
  --inverse-surface-info-active: #326CAEFF;
607
+ --inverse-surface-info: #3776BC;
608
+ --inverse-surface-transparent-accent-hover: #0BA8882E;
559
609
  --inverse-surface-accent-minor-active: #BFEDE1FF;
610
+ --inverse-surface-transparent-accent-active: #0BA88833;
560
611
  --inverse-surface-accent-hover: #0CBB98FF;
561
612
  --inverse-surface-transparent-accent: #0BA6861F;
562
- --inverse-surface-transparent-accent-hover: #0BA8882E;
563
- --inverse-surface-transparent-accent-active: #0BA88833;
564
- --inverse-surface-accent-active: #099579FF;
613
+ --inverse-surface-transparent-negative-hover: #E9353B38;
565
614
  --inverse-surface-transparent-negative-active: #E9353B3D;
566
615
  --inverse-surface-transparent-negative: #E8343929;
567
- --inverse-surface-read-only: #F9F9F903;
568
- --inverse-surface-read-only-hover: #FAFAFA05;
569
616
  --inverse-surface-read-only-active: #FAFAFA08;
617
+ --inverse-surface-read-only-hover: #FAFAFA05;
618
+ --background-tertiary: #141413;
619
+ --light-background-primary: #EBE7E5;
620
+ --dark-background-tertiary: #141413;
570
621
  --background-primary: #141413;
571
622
  --background-secondary: #0F0F0F;
572
- --background-tertiary: #141413;
623
+ --inverse-surface-read-only: #F9F9F903;
573
624
  --dark-background-primary: #141413;
574
625
  --dark-background-secondary: #0F0F0F;
575
- --dark-background-tertiary: #141413;
576
- --light-background-primary: #EBE7E5;
577
- --inverse-surface-transparent-negative-hover: #E9353B38;
626
+ --on-dark-overlay-hard: #00000029;
578
627
  --inverse-overlay-soft: #0000003D;
579
- --inverse-overlay-hard: #00000052;
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;
583
- --outline-clear: #FFFFFF00;
584
- --inverse-background-secondary: #F6F2F0;
585
- --light-background-tertiary: #FFFFFF;
586
- --inverse-background-tertiary: #FFFFFF;
587
- --overlay-soft: #0000001F;
588
631
  --overlay-hard: #00000029;
589
632
  --on-dark-overlay-soft: #0000001F;
590
- --on-dark-overlay-hard: #00000029;
633
+ --light-background-tertiary: #FFFFFF;
634
+ --outline-clear: #FFFFFF00;
635
+ --inverse-overlay-hard: #00000052;
636
+ --on-light-overlay-hard: #00000052;
637
+ --overlay-soft: #0000001F;
638
+ --inverse-background-tertiary: #FFFFFF;
591
639
  --inverse-background-primary: #EBE7E5;
640
+ --inverse-background-secondary: #F6F2F0;
592
641
  --on-light-overlay-soft: #0000003D;
593
- --on-light-overlay-hard: #00000052;
594
- --outline-positive: #A6D2A2;
595
642
  --outline-positive-hover: #DBEDD9FF;
596
- --outline-positive-active: #92C88DFF;
597
- --outline-warning: #F8AD80;
598
643
  --outline-warning-hover: #FCE0CFFF;
599
- --outline-warning-active: #F79C64FF;
600
- --outline-negative: #F8A6A9;
601
644
  --outline-negative-hover: #F25A5FFF;
645
+ --outline-info-hover: #E7F2FDFF;
646
+ --outline-accent: #0BA686;
647
+ --outline-positive-active: #92C88DFF;
648
+ --outline-positive: #A6D2A2;
602
649
  --outline-negative-active: #EF343AFF;
650
+ --outline-negative: #F8A6A9;
651
+ --outline-warning-active: #F79C64FF;
603
652
  --outline-info: #9BCAF8;
604
- --outline-info-hover: #E7F2FDFF;
605
653
  --outline-info-active: #7EBAF6FF;
654
+ --outline-accent-hover: #0EE1B7FF;
655
+ --outline-warning: #F8AD80;
606
656
  --outline-clear-active: #FFFFFF00;
607
657
  --outline-clear-hover: #FFFFFF00;
658
+ --outline-accent-active: #099579FF;
659
+ --on-dark-outline-transparent-primary-active: #FFFFFF12;
608
660
  --on-dark-outline-transparent-primary: #FFFFFF1F;
609
661
  --on-dark-outline-transparent-primary-hover: #FFFFFF4D;
610
- --on-dark-outline-transparent-primary-active: #FFFFFF12;
611
- --on-dark-outline-positive: #A6D2A2;
612
662
  --on-dark-outline-positive-hover: #DBEDD9FF;
613
- --on-dark-outline-positive-active: #92C88DFF;
614
- --on-dark-outline-warning: #F8AD80;
615
663
  --on-dark-outline-warning-hover: #FCE0CFFF;
616
- --on-dark-outline-warning-active: #F79C64FF;
617
- --on-dark-outline-negative: #F8A6A9;
618
664
  --on-dark-outline-negative-hover: #F25A5FFF;
665
+ --on-dark-outline-positive-active: #92C88DFF;
666
+ --on-dark-outline-positive: #A6D2A2;
667
+ --on-dark-outline-info-hover: #E7F2FDFF;
619
668
  --on-dark-outline-negative-active: #EF343AFF;
669
+ --on-dark-outline-negative: #F8A6A9;
670
+ --on-dark-outline-accent: #0BA686;
620
671
  --on-dark-outline-info: #9BCAF8;
621
- --on-dark-outline-info-hover: #E7F2FDFF;
622
- --on-dark-outline-info-active: #7EBAF6FF;
672
+ --on-dark-outline-clear-hover: #FFFFFF00;
673
+ --on-dark-outline-accent-hover: #0EE1B7FF;
623
674
  --on-dark-outline-clear-active: #FFFFFF00;
624
675
  --on-dark-outline-clear: #FFFFFF00;
625
- --on-dark-outline-clear-hover: #FFFFFF00;
626
- --on-light-outline-clear: #FFFFFF00;
676
+ --on-dark-outline-warning-active: #F79C64FF;
677
+ --on-dark-outline-info-active: #7EBAF6FF;
678
+ --on-dark-outline-warning: #F8AD80;
679
+ --on-dark-outline-accent-active: #099579FF;
627
680
  --on-light-outline-clear-hover: #FFFFFF00;
628
- --on-light-outline-clear-active: #FFFFFF00;
629
- --on-light-outline-positive: #239322;
630
681
  --on-light-outline-positive-hover: #32CA2FFF;
682
+ --on-light-outline-positive: #239322;
683
+ --on-light-outline-accent-hover: #0ED8AFFF;
684
+ --on-light-outline-transparent-primary-active: #15110F62;
685
+ --on-light-outline-clear: #FFFFFF00;
631
686
  --on-light-outline-transparent-primary: #15110F3D;
687
+ --on-light-outline-accent: #0BA686;
632
688
  --on-light-outline-transparent-primary-hover: #15110F25;
633
- --on-light-outline-transparent-primary-active: #15110F62;
689
+ --on-light-outline-clear-active: #FFFFFF00;
690
+ --on-light-outline-accent-active: #088169FF;
691
+ --on-light-outline-negative-active: #DC181FFF;
634
692
  --on-light-outline-negative: #E83439;
693
+ --on-light-outline-warning-hover: #F3813FFF;
635
694
  --on-light-outline-warning: #BE4E0C;
636
695
  --on-light-outline-negative-hover: #F17E82FF;
637
- --on-light-outline-negative-active: #DC181FFF;
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
699
  --inverse-outline-transparent-primary-hover: #15110F25;
644
- --inverse-outline-transparent-primary-active: #15110F62;
645
- --inverse-outline-clear: #FFFFFF00;
646
700
  --inverse-outline-clear-hover: #FFFFFF00;
701
+ --inverse-outline-accent-hover: #0ED8AFFF;
647
702
  --inverse-outline-clear-active: #FFFFFF00;
648
- --inverse-outline-negative: #E83439;
703
+ --inverse-outline-clear: #FFFFFF00;
704
+ --inverse-outline-transparent-primary-active: #15110F62;
705
+ --inverse-outline-transparent-primary: #15110F3D;
706
+ --inverse-outline-accent: #0BA686;
707
+ --inverse-outline-accent-active: #088169FF;
649
708
  --inverse-outline-negative-hover: #F17E82FF;
650
- --inverse-outline-negative-active: #DC181FFF;
651
- --inverse-outline-info: #3776BC;
652
709
  --inverse-outline-info-hover: #81AADAFF;
653
- --inverse-outline-info-active: #3067A6FF;
710
+ --inverse-outline-info: #3776BC;
654
711
  --inverse-outline-positive-active: #20801EFF;
655
712
  --inverse-outline-positive: #239322;
656
- --inverse-outline-positive-hover: #32CA2FFF;
713
+ --inverse-outline-negative-active: #DC181FFF;
714
+ --inverse-outline-negative: #E83439;
715
+ --inverse-outline-warning-active: #A3420AFF;
657
716
  --inverse-outline-warning: #BE4E0C;
717
+ --inverse-outline-positive-hover: #32CA2FFF;
658
718
  --inverse-outline-warning-hover: #F3813FFF;
659
- --inverse-outline-warning-active: #A3420AFF;
660
- --text-primary-hover: #FFFFFF97;
719
+ --inverse-outline-info-active: #3067A6FF;
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
  :root {
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%);
670
- --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%);
675
- --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%);
677
- --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
678
- --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
730
+ --on-dark-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
679
731
  --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%);
732
+ --overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
733
+ --personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%);
734
+ --on-dark-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
735
+ --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
736
+ --on-dark-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%);
681
737
  --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%);
738
+ --on-dark-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
739
+ --on-light-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
740
+ --inverse-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
685
741
  --inverse-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
686
- --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
687
- --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
688
742
  --on-light-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
689
- --inverse-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
690
- --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%);
743
+ --inverse-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%);
744
+ --background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
745
+ --outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
746
+ --personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
747
+ --inverse-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
692
748
  --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%);
749
+ --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%);
695
750
  --on-light-outline-white-gradient: linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%);
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
751
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
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%);
752
+ --on-dark-overlay-gradient: linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
753
+ --personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
754
+ --dark-background-gradient: linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%);
755
+ --inverse-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
756
+ --light-background-gradient: linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%);
757
+ --on-light-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%);
758
+ --on-light-surface-skeleton-gradient: linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%);
759
+ --on-light-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
760
+ --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
704
761
  --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
762
  --on-light-overlay-gradient: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
763
+ --on-dark-surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
764
+ --inverse-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
765
+ --personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%);
766
+ --inverse-personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
767
+ --surface-accent-gradient-secondary: linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%);
768
+ --on-dark-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%);
769
+ --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
770
+ --on-light-personas-sea-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%);
710
771
  --on-light-personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%);
772
+ --on-light-personas-green-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%);
711
773
  --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%);
713
- --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%);
774
+ --inverse-personas-blue-surface-accent-gradient: linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%);
715
775
  --personas-olive-surface-accent-gradient: linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%);
716
- --personas-indigo-surface-accent-gradient: linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%);
717
776
  --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
- --inverse-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%);
721
- --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%);
777
+ --personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%);
778
+ --on-dark-personas-pink-surface-accent-gradient: linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%);
779
+ --on-dark-text-accent-gradient-a-i: linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%);
723
780
  --on-light-personas-ochre-surface-accent-gradient: linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%);
781
+ --on-dark-outline-white-gradient: linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%);
782
+ --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%);
783
+ --on-light-personas-violet-surface-accent-gradient: linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 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
- --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
726
785
  --surface-accent-minor-gradient: linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%);
727
786
  --on-dark-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
728
787
  --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
- --on-light-surface-accent-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
788
+ --surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
731
789
  --inverse-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
790
+ --on-light-surface-accent-gradient: linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%);
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-minor-gradient: linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%);
733
793
  }
734
794
 
735
795
  :root {
736
796
  --shadow-down-hard-s: 0rem 0.25rem 0.75rem -0.1875rem #08080829, 0rem 0.0625rem 0.25rem -0.125rem #00000014;
737
- --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
738
- --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
739
797
  --shadow-down-soft-l: 0rem 3.75rem 7rem -0.5rem #00000014;
740
- --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
798
+ --shadow-down-soft-m: 0rem 1.5rem 3rem -0.5rem #00000014;
799
+ --shadow-down-soft-s: 0rem 0.25rem 0.875rem -0.25rem #08080814, 0rem 0.0625rem 0.25rem -0.0625rem #0000000A;
741
800
  --shadow-down-hard-l: 0rem 3.75rem 7rem -0.5rem #00000066;
801
+ --shadow-down-hard-m: 0rem 1rem 2rem -0.5rem #0000003D;
802
+ --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
803
+ --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
742
804
  --shadow-up-hard-m: 0rem -1rem 2rem -0.5rem #0000003D;
743
805
  --shadow-up-hard-l: 0rem -3.75rem 7rem -0.5rem #00000066;
744
806
  --shadow-up-soft-s: 0rem -0.25rem 0.875rem -0.25rem #08080814, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
745
807
  --shadow-up-soft-m: 0rem -1.5rem 3rem -0.5rem #00000014;
746
- --shadow-up-soft-l: 0rem -3.75rem 7rem -0.5rem #00000014;
747
- --shadow-up-hard-s: 0rem -0.25rem 0.75rem -0.1875rem #08080833, 0rem -0.0625rem 0.25rem -0.0625rem #00000008;
748
808
  }
749
809
 
750
810
  :root {
751
811
  --border-radius-4xl: 2rem;
752
- --border-radius-3xl: 1.75rem;
753
812
  --border-radius-5xl: 2.5rem;
813
+ --border-radius-3xl: 1.75rem;
814
+ --border-radius-xxs: 0.25rem;
815
+ --border-radius-l: 1rem;
816
+ --border-radius-circle: 100rem;
754
817
  --border-radius-xs: 0.375rem;
755
818
  --border-radius-xxl: 1.5rem;
756
- --border-radius-s: 0.5rem;
757
- --border-radius-xl: 1.25rem;
758
- --border-radius-circle: 100rem;
759
819
  --border-radius-m: 0.75rem;
760
- --border-radius-l: 1rem;
761
- --border-radius-xxs: 0.25rem;
820
+ --border-radius-xl: 1.25rem;
821
+ --border-radius-s: 0.5rem;
762
822
  }
763
823
 
764
824
  :root {
765
825
  --spacing-16x: 2rem;
766
- --spacing-12x: 1.5rem;
826
+ --spacing-0x: 0rem;
767
827
  --spacing-20x: 2.5rem;
768
- --spacing-24x: 3rem;
828
+ --spacing-2x: 0.25rem;
769
829
  --spacing-32x: 4rem;
770
830
  --spacing-40x: 5rem;
771
831
  --spacing-60x: 7.5rem;
772
- --spacing-4x: 0.5rem;
773
- --spacing-2x: 0.25rem;
774
- --spacing-0x: 0rem;
775
- --spacing-1x: 0.125rem;
776
- --spacing-3x: 0.375rem;
777
- --spacing-6x: 0.75rem;
778
832
  --spacing-8x: 1rem;
833
+ --spacing-6x: 0.75rem;
834
+ --spacing-3x: 0.375rem;
835
+ --spacing-12x: 1.5rem;
836
+ --spacing-24x: 3rem;
837
+ --spacing-4x: 0.5rem;
779
838
  --spacing-10x: 1.25rem;
839
+ --spacing-1x: 0.125rem;
780
840
  }
781
841
 
782
842
  :root {
@@ -793,126 +853,126 @@
793
853
  --plasma-typo-h2-medium-font-family: var(--plasma-typo-display-font-family);
794
854
  --plasma-typo-h2-medium-letter-spacing: normal;
795
855
  --plasma-typo-h2-medium-font-style: normal;
796
- --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
797
- --plasma-typo-dspl-s-bold-letter-spacing: normal;
798
- --plasma-typo-dspl-s-bold-font-style: normal;
799
- --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
800
- --plasma-typo-dspl-s-medium-letter-spacing: normal;
801
- --plasma-typo-dspl-s-medium-font-style: normal;
802
- --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);
803
- --plasma-typo-h1-letter-spacing: normal;
804
- --plasma-typo-h1-font-style: normal;
856
+ --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
857
+ --plasma-typo-dspl-s-letter-spacing: normal;
858
+ --plasma-typo-dspl-s-font-style: normal;
805
859
  --plasma-typo-h1-bold-font-family: var(--plasma-typo-display-font-family);
806
860
  --plasma-typo-h1-bold-letter-spacing: normal;
807
861
  --plasma-typo-h1-bold-font-style: normal;
808
- --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);
809
- --plasma-typo-h1-medium-letter-spacing: normal;
810
- --plasma-typo-h1-medium-font-style: normal;
811
862
  --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);
812
863
  --plasma-typo-h2-letter-spacing: normal;
813
864
  --plasma-typo-h2-font-style: normal;
865
+ --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);
866
+ --plasma-typo-h1-letter-spacing: normal;
867
+ --plasma-typo-h1-font-style: normal;
814
868
  --plasma-typo-h2-bold-font-family: var(--plasma-typo-display-font-family);
815
869
  --plasma-typo-h2-bold-letter-spacing: normal;
816
870
  --plasma-typo-h2-bold-font-style: normal;
817
- --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);
818
- --plasma-typo-h3-letter-spacing: normal;
819
- --plasma-typo-h3-font-style: normal;
820
- --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);
821
- --plasma-typo-h3-bold-letter-spacing: normal;
822
- --plasma-typo-h3-bold-font-style: normal;
823
871
  --plasma-typo-h3-medium-font-family: var(--plasma-typo-display-font-family);
824
872
  --plasma-typo-h3-medium-letter-spacing: normal;
825
873
  --plasma-typo-h3-medium-font-style: normal;
874
+ --plasma-typo-h3-bold-font-family: var(--plasma-typo-display-font-family);
875
+ --plasma-typo-h3-bold-letter-spacing: normal;
876
+ --plasma-typo-h3-bold-font-style: normal;
877
+ --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);
878
+ --plasma-typo-h3-letter-spacing: normal;
879
+ --plasma-typo-h3-font-style: normal;
826
880
  --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);
827
881
  --plasma-typo-h4-letter-spacing: normal;
828
882
  --plasma-typo-h4-font-style: normal;
829
- --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);
830
- --plasma-typo-dspl-s-letter-spacing: normal;
831
- --plasma-typo-dspl-s-font-style: normal;
883
+ --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);
884
+ --plasma-typo-dspl-s-medium-letter-spacing: normal;
885
+ --plasma-typo-dspl-s-medium-font-style: normal;
886
+ --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);
887
+ --plasma-typo-dspl-s-bold-letter-spacing: normal;
888
+ --plasma-typo-dspl-s-bold-font-style: normal;
889
+ --plasma-typo-h1-medium-font-family: var(--plasma-typo-display-font-family);
890
+ --plasma-typo-h1-medium-letter-spacing: normal;
891
+ --plasma-typo-h1-medium-font-style: normal;
892
+ --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
893
+ --plasma-typo-body-l-bold-letter-spacing: normal;
894
+ --plasma-typo-body-l-bold-font-style: normal;
895
+ --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);
896
+ --plasma-typo-body-l-letter-spacing: normal;
897
+ --plasma-typo-body-l-font-style: normal;
832
898
  --plasma-typo-h4-bold-font-family: var(--plasma-typo-display-font-family);
833
899
  --plasma-typo-h4-bold-letter-spacing: normal;
834
900
  --plasma-typo-h4-bold-font-style: normal;
835
901
  --plasma-typo-h4-medium-font-family: var(--plasma-typo-display-font-family);
836
902
  --plasma-typo-h4-medium-letter-spacing: normal;
837
903
  --plasma-typo-h4-medium-font-style: normal;
838
- --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);
839
- --plasma-typo-body-l-letter-spacing: normal;
840
- --plasma-typo-body-l-font-style: normal;
841
- --plasma-typo-body-l-bold-font-family: var(--plasma-typo-text-font-family);
842
- --plasma-typo-body-l-bold-letter-spacing: normal;
843
- --plasma-typo-body-l-bold-font-style: normal;
844
- --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
845
- --plasma-typo-body-s-bold-letter-spacing: normal;
846
- --plasma-typo-body-s-bold-font-style: normal;
847
- --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
848
- --plasma-typo-body-l-medium-letter-spacing: normal;
849
- --plasma-typo-body-l-medium-font-style: normal;
850
- --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
851
- --plasma-typo-body-m-letter-spacing: normal;
852
- --plasma-typo-body-m-font-style: normal;
853
904
  --plasma-typo-body-s-medium-font-family: var(--plasma-typo-text-font-family);
854
905
  --plasma-typo-body-s-medium-letter-spacing: normal;
855
906
  --plasma-typo-body-s-medium-font-style: normal;
856
- --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);
857
- --plasma-typo-body-xs-letter-spacing: normal;
858
- --plasma-typo-body-xs-font-style: normal;
907
+ --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);
908
+ --plasma-typo-body-s-letter-spacing: normal;
909
+ --plasma-typo-body-s-font-style: normal;
859
910
  --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-text-font-family);
860
911
  --plasma-typo-body-xs-bold-letter-spacing: normal;
861
912
  --plasma-typo-body-xs-bold-font-style: normal;
862
913
  --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-text-font-family);
863
914
  --plasma-typo-body-xs-medium-letter-spacing: normal;
864
915
  --plasma-typo-body-xs-medium-font-style: normal;
916
+ --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);
917
+ --plasma-typo-body-xs-letter-spacing: normal;
918
+ --plasma-typo-body-xs-font-style: normal;
865
919
  --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);
866
920
  --plasma-typo-body-xxs-letter-spacing: normal;
867
921
  --plasma-typo-body-xxs-font-style: normal;
922
+ --plasma-typo-body-l-medium-font-family: var(--plasma-typo-text-font-family);
923
+ --plasma-typo-body-l-medium-letter-spacing: normal;
924
+ --plasma-typo-body-l-medium-font-style: normal;
868
925
  --plasma-typo-body-m-bold-font-family: var(--plasma-typo-text-font-family);
869
926
  --plasma-typo-body-m-bold-letter-spacing: normal;
870
927
  --plasma-typo-body-m-bold-font-style: normal;
871
928
  --plasma-typo-body-m-medium-font-family: var(--plasma-typo-text-font-family);
872
929
  --plasma-typo-body-m-medium-letter-spacing: normal;
873
930
  --plasma-typo-body-m-medium-font-style: normal;
874
- --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);
875
- --plasma-typo-body-s-letter-spacing: normal;
876
- --plasma-typo-body-s-font-style: normal;
931
+ --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);
932
+ --plasma-typo-body-m-letter-spacing: normal;
933
+ --plasma-typo-body-m-font-style: normal;
934
+ --plasma-typo-body-s-bold-font-family: var(--plasma-typo-text-font-family);
935
+ --plasma-typo-body-s-bold-letter-spacing: normal;
936
+ --plasma-typo-body-s-bold-font-style: normal;
937
+ --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
938
+ --plasma-typo-text-l-bold-letter-spacing: -0.02em;
939
+ --plasma-typo-text-l-bold-font-style: normal;
877
940
  --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-text-font-family);
878
941
  --plasma-typo-body-xxs-medium-letter-spacing: normal;
879
942
  --plasma-typo-body-xxs-medium-font-style: normal;
943
+ --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);
944
+ --plasma-typo-text-l-medium-letter-spacing: -0.02em;
945
+ --plasma-typo-text-l-medium-font-style: normal;
946
+ --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);
947
+ --plasma-typo-text-m-medium-letter-spacing: -0.02em;
948
+ --plasma-typo-text-m-medium-font-style: normal;
949
+ --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
950
+ --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
951
+ --plasma-typo-text-xs-bold-font-style: normal;
880
952
  --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);
881
953
  --plasma-typo-text-l-letter-spacing: -0.02em;
882
954
  --plasma-typo-text-l-font-style: normal;
883
955
  --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);
884
956
  --plasma-typo-text-s-medium-letter-spacing: -0.02em;
885
957
  --plasma-typo-text-s-medium-font-style: normal;
886
- --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);
887
- --plasma-typo-text-l-bold-letter-spacing: -0.02em;
888
- --plasma-typo-text-l-bold-font-style: normal;
889
- --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
890
- --plasma-typo-text-m-letter-spacing: -0.02em;
891
- --plasma-typo-text-m-font-style: normal;
892
- --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);
893
- --plasma-typo-text-l-medium-letter-spacing: -0.02em;
894
- --plasma-typo-text-l-medium-font-style: normal;
958
+ --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
959
+ --plasma-typo-text-m-bold-letter-spacing: -0.02em;
960
+ --plasma-typo-text-m-bold-font-style: normal;
961
+ --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
962
+ --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
963
+ --plasma-typo-text-xs-medium-font-style: normal;
895
964
  --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);
896
965
  --plasma-typo-text-s-letter-spacing: -0.02em;
897
966
  --plasma-typo-text-s-font-style: normal;
967
+ --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);
968
+ --plasma-typo-text-m-letter-spacing: -0.02em;
969
+ --plasma-typo-text-m-font-style: normal;
898
970
  --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);
899
971
  --plasma-typo-text-s-bold-letter-spacing: -0.02em;
900
972
  --plasma-typo-text-s-bold-font-style: normal;
901
- --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);
902
- --plasma-typo-text-m-bold-letter-spacing: -0.02em;
903
- --plasma-typo-text-m-bold-font-style: normal;
904
- --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);
905
- --plasma-typo-text-m-medium-letter-spacing: -0.02em;
906
- --plasma-typo-text-m-medium-font-style: normal;
907
973
  --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);
908
974
  --plasma-typo-text-xs-letter-spacing: -0.02em;
909
975
  --plasma-typo-text-xs-font-style: normal;
910
- --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);
911
- --plasma-typo-text-xs-bold-letter-spacing: -0.02em;
912
- --plasma-typo-text-xs-bold-font-style: normal;
913
- --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);
914
- --plasma-typo-text-xs-medium-letter-spacing: -0.02em;
915
- --plasma-typo-text-xs-medium-font-style: normal;
916
976
  }
917
977
 
918
978
  @media (max-width: 559px) {
@@ -923,387 +983,387 @@
923
983
  --plasma-typo-h2-medium-font-size: 1.375rem;
924
984
  --plasma-typo-h2-medium-font-weight: 500;
925
985
  --plasma-typo-h2-medium-line-height: 1.75rem;
926
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
927
- --plasma-typo-dspl-s-bold-font-weight: 700;
928
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
929
- --plasma-typo-dspl-s-medium-font-size: 2.125rem;
930
- --plasma-typo-dspl-s-medium-font-weight: 500;
931
- --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
932
- --plasma-typo-h1-font-size: 1.75rem;
933
- --plasma-typo-h1-font-weight: 400;
934
- --plasma-typo-h1-line-height: 2.25rem;
986
+ --plasma-typo-dspl-s-font-size: 2.125rem;
987
+ --plasma-typo-dspl-s-font-weight: 400;
988
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
935
989
  --plasma-typo-h1-bold-font-size: 1.75rem;
936
990
  --plasma-typo-h1-bold-font-weight: 700;
937
991
  --plasma-typo-h1-bold-line-height: 2.25rem;
938
- --plasma-typo-h1-medium-font-size: 1.75rem;
939
- --plasma-typo-h1-medium-font-weight: 500;
940
- --plasma-typo-h1-medium-line-height: 2.25rem;
941
992
  --plasma-typo-h2-font-size: 1.375rem;
942
993
  --plasma-typo-h2-font-weight: 400;
943
994
  --plasma-typo-h2-line-height: 1.75rem;
995
+ --plasma-typo-h1-font-size: 1.75rem;
996
+ --plasma-typo-h1-font-weight: 400;
997
+ --plasma-typo-h1-line-height: 2.25rem;
944
998
  --plasma-typo-h2-bold-font-size: 1.375rem;
945
999
  --plasma-typo-h2-bold-font-weight: 600;
946
1000
  --plasma-typo-h2-bold-line-height: 1.75rem;
947
- --plasma-typo-h3-font-size: 1.25rem;
948
- --plasma-typo-h3-font-weight: 400;
949
- --plasma-typo-h3-line-height: 1.4375rem;
950
- --plasma-typo-h3-bold-font-size: 1.25rem;
951
- --plasma-typo-h3-bold-font-weight: 700;
952
- --plasma-typo-h3-bold-line-height: 1.4375rem;
953
1001
  --plasma-typo-h3-medium-font-size: 1.25rem;
954
1002
  --plasma-typo-h3-medium-font-weight: 500;
955
1003
  --plasma-typo-h3-medium-line-height: 1.4375rem;
1004
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1005
+ --plasma-typo-h3-bold-font-weight: 700;
1006
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1007
+ --plasma-typo-h3-font-size: 1.25rem;
1008
+ --plasma-typo-h3-font-weight: 400;
1009
+ --plasma-typo-h3-line-height: 1.4375rem;
956
1010
  --plasma-typo-h4-font-size: 1rem;
957
1011
  --plasma-typo-h4-font-weight: 400;
958
1012
  --plasma-typo-h4-line-height: 1.25rem;
959
- --plasma-typo-dspl-s-font-size: 2.125rem;
960
- --plasma-typo-dspl-s-font-weight: 400;
961
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1013
+ --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1014
+ --plasma-typo-dspl-s-medium-font-weight: 500;
1015
+ --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1016
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1017
+ --plasma-typo-dspl-s-bold-font-weight: 700;
1018
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1019
+ --plasma-typo-h1-medium-font-size: 1.75rem;
1020
+ --plasma-typo-h1-medium-font-weight: 500;
1021
+ --plasma-typo-h1-medium-line-height: 2.25rem;
1022
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1023
+ --plasma-typo-body-l-bold-font-weight: 700;
1024
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1025
+ --plasma-typo-body-l-font-size: 0.9375rem;
1026
+ --plasma-typo-body-l-font-weight: 400;
1027
+ --plasma-typo-body-l-line-height: 1.25rem;
962
1028
  --plasma-typo-h4-bold-font-size: 1rem;
963
1029
  --plasma-typo-h4-bold-font-weight: 700;
964
1030
  --plasma-typo-h4-bold-line-height: 1.25rem;
965
1031
  --plasma-typo-h4-medium-font-size: 1rem;
966
1032
  --plasma-typo-h4-medium-font-weight: 500;
967
1033
  --plasma-typo-h4-medium-line-height: 1.25rem;
968
- --plasma-typo-body-l-font-size: 0.9375rem;
969
- --plasma-typo-body-l-font-weight: 400;
970
- --plasma-typo-body-l-line-height: 1.25rem;
971
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
972
- --plasma-typo-body-l-bold-font-weight: 700;
973
- --plasma-typo-body-l-bold-line-height: 1.25rem;
974
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
975
- --plasma-typo-body-s-bold-font-weight: 600;
976
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
977
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
978
- --plasma-typo-body-l-medium-font-weight: 500;
979
- --plasma-typo-body-l-medium-line-height: 1.25rem;
980
- --plasma-typo-body-m-font-size: 0.875rem;
981
- --plasma-typo-body-m-font-weight: 400;
982
- --plasma-typo-body-m-line-height: 1.125rem;
983
1034
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
984
1035
  --plasma-typo-body-s-medium-font-weight: 500;
985
1036
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
986
- --plasma-typo-body-xs-font-size: 0.75rem;
987
- --plasma-typo-body-xs-font-weight: 400;
988
- --plasma-typo-body-xs-line-height: 0.875rem;
1037
+ --plasma-typo-body-s-font-size: 0.8125rem;
1038
+ --plasma-typo-body-s-font-weight: 400;
1039
+ --plasma-typo-body-s-line-height: 0.9375rem;
989
1040
  --plasma-typo-body-xs-bold-font-size: 0.75rem;
990
1041
  --plasma-typo-body-xs-bold-font-weight: 600;
991
1042
  --plasma-typo-body-xs-bold-line-height: 0.875rem;
992
1043
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
993
1044
  --plasma-typo-body-xs-medium-font-weight: 500;
994
1045
  --plasma-typo-body-xs-medium-line-height: 0.875rem;
1046
+ --plasma-typo-body-xs-font-size: 0.75rem;
1047
+ --plasma-typo-body-xs-font-weight: 400;
1048
+ --plasma-typo-body-xs-line-height: 0.875rem;
995
1049
  --plasma-typo-body-xxs-font-size: 0.6875rem;
996
1050
  --plasma-typo-body-xxs-font-weight: 400;
997
1051
  --plasma-typo-body-xxs-line-height: 0.8125rem;
1052
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1053
+ --plasma-typo-body-l-medium-font-weight: 500;
1054
+ --plasma-typo-body-l-medium-line-height: 1.25rem;
998
1055
  --plasma-typo-body-m-bold-font-size: 0.875rem;
999
1056
  --plasma-typo-body-m-bold-font-weight: 600;
1000
1057
  --plasma-typo-body-m-bold-line-height: 1.125rem;
1001
1058
  --plasma-typo-body-m-medium-font-size: 0.875rem;
1002
1059
  --plasma-typo-body-m-medium-font-weight: 500;
1003
1060
  --plasma-typo-body-m-medium-line-height: 1.125rem;
1004
- --plasma-typo-body-s-font-size: 0.8125rem;
1005
- --plasma-typo-body-s-font-weight: 400;
1006
- --plasma-typo-body-s-line-height: 0.9375rem;
1061
+ --plasma-typo-body-m-font-size: 0.875rem;
1062
+ --plasma-typo-body-m-font-weight: 400;
1063
+ --plasma-typo-body-m-line-height: 1.125rem;
1064
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1065
+ --plasma-typo-body-s-bold-font-weight: 600;
1066
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1067
+ --plasma-typo-text-l-bold-font-size: 1.125rem;
1068
+ --plasma-typo-text-l-bold-font-weight: 600;
1069
+ --plasma-typo-text-l-bold-line-height: 1.625rem;
1007
1070
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1008
1071
  --plasma-typo-body-xxs-medium-font-weight: 500;
1009
1072
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1073
+ --plasma-typo-text-l-medium-font-size: 1.125rem;
1074
+ --plasma-typo-text-l-medium-font-weight: 500;
1075
+ --plasma-typo-text-l-medium-line-height: 1.625rem;
1076
+ --plasma-typo-text-m-medium-font-size: 1rem;
1077
+ --plasma-typo-text-m-medium-font-weight: 500;
1078
+ --plasma-typo-text-m-medium-line-height: 1.5rem;
1079
+ --plasma-typo-text-xs-bold-font-size: 0.75rem;
1080
+ --plasma-typo-text-xs-bold-font-weight: 600;
1081
+ --plasma-typo-text-xs-bold-line-height: 1rem;
1010
1082
  --plasma-typo-text-l-font-size: 1.125rem;
1011
1083
  --plasma-typo-text-l-font-weight: 400;
1012
1084
  --plasma-typo-text-l-line-height: 1.625rem;
1013
1085
  --plasma-typo-text-s-medium-font-size: 0.875rem;
1014
1086
  --plasma-typo-text-s-medium-font-weight: 500;
1015
1087
  --plasma-typo-text-s-medium-line-height: 1.25rem;
1016
- --plasma-typo-text-l-bold-font-size: 1.125rem;
1017
- --plasma-typo-text-l-bold-font-weight: 600;
1018
- --plasma-typo-text-l-bold-line-height: 1.625rem;
1019
- --plasma-typo-text-m-font-size: 1rem;
1020
- --plasma-typo-text-m-font-weight: 400;
1021
- --plasma-typo-text-m-line-height: 1.5rem;
1022
- --plasma-typo-text-l-medium-font-size: 1.125rem;
1023
- --plasma-typo-text-l-medium-font-weight: 500;
1024
- --plasma-typo-text-l-medium-line-height: 1.625rem;
1088
+ --plasma-typo-text-m-bold-font-size: 1rem;
1089
+ --plasma-typo-text-m-bold-font-weight: 600;
1090
+ --plasma-typo-text-m-bold-line-height: 1.5rem;
1091
+ --plasma-typo-text-xs-medium-font-size: 0.75rem;
1092
+ --plasma-typo-text-xs-medium-font-weight: 500;
1093
+ --plasma-typo-text-xs-medium-line-height: 1rem;
1025
1094
  --plasma-typo-text-s-font-size: 0.875rem;
1026
1095
  --plasma-typo-text-s-font-weight: 400;
1027
1096
  --plasma-typo-text-s-line-height: 1.25rem;
1097
+ --plasma-typo-text-m-font-size: 1rem;
1098
+ --plasma-typo-text-m-font-weight: 400;
1099
+ --plasma-typo-text-m-line-height: 1.5rem;
1028
1100
  --plasma-typo-text-s-bold-font-size: 0.875rem;
1029
1101
  --plasma-typo-text-s-bold-font-weight: 600;
1030
1102
  --plasma-typo-text-s-bold-line-height: 1.25rem;
1031
- --plasma-typo-text-m-bold-font-size: 1rem;
1032
- --plasma-typo-text-m-bold-font-weight: 600;
1033
- --plasma-typo-text-m-bold-line-height: 1.5rem;
1034
- --plasma-typo-text-m-medium-font-size: 1rem;
1035
- --plasma-typo-text-m-medium-font-weight: 500;
1036
- --plasma-typo-text-m-medium-line-height: 1.5rem;
1037
1103
  --plasma-typo-text-xs-font-size: 0.75rem;
1038
1104
  --plasma-typo-text-xs-font-weight: 400;
1039
1105
  --plasma-typo-text-xs-line-height: 1rem;
1040
- --plasma-typo-text-xs-bold-font-size: 0.75rem;
1041
- --plasma-typo-text-xs-bold-font-weight: 600;
1042
- --plasma-typo-text-xs-bold-line-height: 1rem;
1043
- --plasma-typo-text-xs-medium-font-size: 0.75rem;
1044
- --plasma-typo-text-xs-medium-font-weight: 500;
1045
- --plasma-typo-text-xs-medium-line-height: 1rem;
1046
1106
  }
1047
1107
  }
1048
1108
 
1049
1109
  @media (min-width: 560px) and (max-width: 959px) {
1050
1110
  :root {
1051
- --plasma-typo-dspl-s-font-size: 2.125rem;
1052
- --plasma-typo-dspl-s-font-weight: 400;
1053
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1054
- --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1055
- --plasma-typo-dspl-s-bold-font-weight: 700;
1056
- --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1057
1111
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1058
1112
  --plasma-typo-dspl-s-medium-font-weight: 500;
1059
1113
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1060
- --plasma-typo-h1-font-size: 1.75rem;
1061
- --plasma-typo-h1-font-weight: 400;
1062
- --plasma-typo-h1-line-height: 2.25rem;
1063
- --plasma-typo-h1-bold-font-size: 1.75rem;
1064
- --plasma-typo-h1-bold-font-weight: 700;
1065
- --plasma-typo-h1-bold-line-height: 2.25rem;
1114
+ --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1115
+ --plasma-typo-dspl-s-bold-font-weight: 700;
1116
+ --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1066
1117
  --plasma-typo-h1-medium-font-size: 1.75rem;
1067
1118
  --plasma-typo-h1-medium-font-weight: 500;
1068
1119
  --plasma-typo-h1-medium-line-height: 2.25rem;
1120
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1121
+ --plasma-typo-dspl-s-font-weight: 400;
1122
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1123
+ --plasma-typo-h1-bold-font-size: 1.75rem;
1124
+ --plasma-typo-h1-bold-font-weight: 700;
1125
+ --plasma-typo-h1-bold-line-height: 2.25rem;
1126
+ --plasma-typo-h2-medium-font-size: 1.375rem;
1127
+ --plasma-typo-h2-medium-font-weight: 500;
1128
+ --plasma-typo-h2-medium-line-height: 1.75rem;
1129
+ --plasma-typo-h1-font-size: 1.75rem;
1130
+ --plasma-typo-h1-font-weight: 400;
1131
+ --plasma-typo-h1-line-height: 2.25rem;
1132
+ --plasma-typo-h2-bold-font-size: 1.375rem;
1133
+ --plasma-typo-h2-bold-font-weight: 600;
1134
+ --plasma-typo-h2-bold-line-height: 1.75rem;
1135
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1136
+ --plasma-typo-h3-medium-font-weight: 500;
1137
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1069
1138
  --plasma-typo-h2-font-size: 1.375rem;
1070
1139
  --plasma-typo-h2-font-weight: 400;
1071
1140
  --plasma-typo-h2-line-height: 1.75rem;
1072
- --plasma-typo-h2-bold-font-size: 1.375rem;
1073
- --plasma-typo-h2-bold-font-weight: 600;
1074
- --plasma-typo-h2-bold-line-height: 1.75rem;
1075
- --plasma-typo-h2-medium-font-size: 1.375rem;
1076
- --plasma-typo-h2-medium-font-weight: 500;
1077
- --plasma-typo-h2-medium-line-height: 1.75rem;
1078
- --plasma-typo-h3-font-size: 1.25rem;
1079
- --plasma-typo-h3-font-weight: 400;
1080
- --plasma-typo-h3-line-height: 1.4375rem;
1081
1141
  --plasma-typo-h3-bold-font-size: 1.25rem;
1082
1142
  --plasma-typo-h3-bold-font-weight: 700;
1083
1143
  --plasma-typo-h3-bold-line-height: 1.4375rem;
1084
- --plasma-typo-h3-medium-font-size: 1.25rem;
1085
- --plasma-typo-h3-medium-font-weight: 500;
1086
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1087
- --plasma-typo-h4-font-size: 1.125rem;
1088
- --plasma-typo-h4-font-weight: 400;
1089
- --plasma-typo-h4-line-height: 1.5rem;
1090
- --plasma-typo-h4-bold-font-size: 1rem;
1091
- --plasma-typo-h4-bold-font-weight: 700;
1092
- --plasma-typo-h4-bold-line-height: 1.25rem;
1093
1144
  --plasma-typo-h4-medium-font-size: 1rem;
1094
1145
  --plasma-typo-h4-medium-font-weight: 500;
1095
1146
  --plasma-typo-h4-medium-line-height: 1.25rem;
1147
+ --plasma-typo-h3-font-size: 1.25rem;
1148
+ --plasma-typo-h3-font-weight: 400;
1149
+ --plasma-typo-h3-line-height: 1.4375rem;
1150
+ --plasma-typo-h4-bold-font-size: 1rem;
1151
+ --plasma-typo-h4-bold-font-weight: 700;
1152
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1153
+ --plasma-typo-h4-font-size: 1.125rem;
1154
+ --plasma-typo-h4-font-weight: 400;
1155
+ --plasma-typo-h4-line-height: 1.5rem;
1156
+ --plasma-typo-body-m-medium-font-size: 0.875rem;
1157
+ --plasma-typo-body-m-medium-font-weight: 500;
1158
+ --plasma-typo-body-m-medium-line-height: 1.125rem;
1096
1159
  --plasma-typo-body-l-font-size: 0.9375rem;
1097
1160
  --plasma-typo-body-l-font-weight: 400;
1098
1161
  --plasma-typo-body-l-line-height: 1.25rem;
1099
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
1100
- --plasma-typo-body-l-bold-font-weight: 700;
1101
- --plasma-typo-body-l-bold-line-height: 1.25rem;
1102
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
1103
- --plasma-typo-body-l-medium-font-weight: 500;
1104
- --plasma-typo-body-l-medium-line-height: 1.125rem;
1105
- --plasma-typo-body-m-font-size: 0.875rem;
1106
- --plasma-typo-body-m-font-weight: 400;
1107
- --plasma-typo-body-m-line-height: 1.125rem;
1108
1162
  --plasma-typo-body-m-bold-font-size: 0.875rem;
1109
1163
  --plasma-typo-body-m-bold-font-weight: 600;
1110
1164
  --plasma-typo-body-m-bold-line-height: 1.125rem;
1111
- --plasma-typo-body-m-medium-font-size: 0.875rem;
1112
- --plasma-typo-body-m-medium-font-weight: 500;
1113
- --plasma-typo-body-m-medium-line-height: 1.125rem;
1114
- --plasma-typo-body-s-font-size: 0.8125rem;
1115
- --plasma-typo-body-s-font-weight: 400;
1116
- --plasma-typo-body-s-line-height: 0.9375rem;
1117
- --plasma-typo-body-s-bold-font-size: 0.8125rem;
1118
- --plasma-typo-body-s-bold-font-weight: 600;
1119
- --plasma-typo-body-s-bold-line-height: 0.9375rem;
1120
1165
  --plasma-typo-body-s-medium-font-size: 0.875rem;
1121
1166
  --plasma-typo-body-s-medium-font-weight: 500;
1122
1167
  --plasma-typo-body-s-medium-line-height: 1.125rem;
1123
- --plasma-typo-body-xs-font-size: 0.75rem;
1124
- --plasma-typo-body-xs-font-weight: 400;
1125
- --plasma-typo-body-xs-line-height: 0.875rem;
1126
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
1127
- --plasma-typo-body-xs-bold-font-weight: 600;
1128
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
1168
+ --plasma-typo-body-m-font-size: 0.875rem;
1169
+ --plasma-typo-body-m-font-weight: 400;
1170
+ --plasma-typo-body-m-line-height: 1.125rem;
1171
+ --plasma-typo-body-s-bold-font-size: 0.8125rem;
1172
+ --plasma-typo-body-s-bold-font-weight: 600;
1173
+ --plasma-typo-body-s-bold-line-height: 0.9375rem;
1129
1174
  --plasma-typo-body-xs-medium-font-size: 0.75rem;
1130
1175
  --plasma-typo-body-xs-medium-font-weight: 500;
1131
1176
  --plasma-typo-body-xs-medium-line-height: 0.875rem;
1132
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1133
- --plasma-typo-body-xxs-font-weight: 400;
1134
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1135
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1136
- --plasma-typo-body-xxs-bold-font-weight: 600;
1137
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1177
+ --plasma-typo-body-s-font-size: 0.8125rem;
1178
+ --plasma-typo-body-s-font-weight: 400;
1179
+ --plasma-typo-body-s-line-height: 0.9375rem;
1180
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1181
+ --plasma-typo-body-xs-bold-font-weight: 600;
1182
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1138
1183
  --plasma-typo-body-xxs-medium-font-size: 0.6875rem;
1139
1184
  --plasma-typo-body-xxs-medium-font-weight: 500;
1140
1185
  --plasma-typo-body-xxs-medium-line-height: 0.8125rem;
1141
- --plasma-typo-text-l-font-size: 1.25rem;
1142
- --plasma-typo-text-l-font-weight: 400;
1143
- --plasma-typo-text-l-line-height: 1.75rem;
1186
+ --plasma-typo-body-xs-font-size: 0.75rem;
1187
+ --plasma-typo-body-xs-font-weight: 400;
1188
+ --plasma-typo-body-xs-line-height: 0.875rem;
1189
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1190
+ --plasma-typo-body-xxs-bold-font-weight: 600;
1191
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1192
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1193
+ --plasma-typo-body-xxs-font-weight: 400;
1194
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1195
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1196
+ --plasma-typo-body-l-bold-font-weight: 700;
1197
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1198
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1199
+ --plasma-typo-body-l-medium-font-weight: 500;
1200
+ --plasma-typo-body-l-medium-line-height: 1.125rem;
1144
1201
  --plasma-typo-text-l-bold-font-size: 1.25rem;
1145
1202
  --plasma-typo-text-l-bold-font-weight: 600;
1146
1203
  --plasma-typo-text-l-bold-line-height: 1.75rem;
1147
1204
  --plasma-typo-text-l-medium-font-size: 1.25rem;
1148
1205
  --plasma-typo-text-l-medium-font-weight: 500;
1149
1206
  --plasma-typo-text-l-medium-line-height: 1.75rem;
1207
+ --plasma-typo-text-l-font-size: 1.25rem;
1208
+ --plasma-typo-text-l-font-weight: 400;
1209
+ --plasma-typo-text-l-line-height: 1.75rem;
1150
1210
  --plasma-typo-text-m-bold-font-size: 1rem;
1151
1211
  --plasma-typo-text-m-bold-font-weight: 600;
1152
1212
  --plasma-typo-text-m-bold-line-height: 1.5rem;
1153
1213
  --plasma-typo-text-m-medium-font-size: 1rem;
1154
1214
  --plasma-typo-text-m-medium-font-weight: 500;
1155
1215
  --plasma-typo-text-m-medium-line-height: 1.5rem;
1156
- --plasma-typo-text-s-font-size: 0.875rem;
1157
- --plasma-typo-text-s-font-weight: 400;
1158
- --plasma-typo-text-s-line-height: 1.25rem;
1216
+ --plasma-typo-text-m-font-size: 1rem;
1217
+ --plasma-typo-text-m-font-weight: 400;
1218
+ --plasma-typo-text-m-line-height: 1.5rem;
1159
1219
  --plasma-typo-text-s-bold-font-size: 0.875rem;
1160
1220
  --plasma-typo-text-s-bold-font-weight: 600;
1161
1221
  --plasma-typo-text-s-bold-line-height: 1.25rem;
1162
1222
  --plasma-typo-text-s-medium-font-size: 0.875rem;
1163
1223
  --plasma-typo-text-s-medium-font-weight: 500;
1164
1224
  --plasma-typo-text-s-medium-line-height: 1.25rem;
1165
- --plasma-typo-text-xs-font-size: 0.75rem;
1166
- --plasma-typo-text-xs-font-weight: 400;
1167
- --plasma-typo-text-xs-line-height: 1rem;
1225
+ --plasma-typo-text-s-font-size: 0.875rem;
1226
+ --plasma-typo-text-s-font-weight: 400;
1227
+ --plasma-typo-text-s-line-height: 1.25rem;
1168
1228
  --plasma-typo-text-xs-bold-font-size: 0.75rem;
1169
1229
  --plasma-typo-text-xs-bold-font-weight: 600;
1170
1230
  --plasma-typo-text-xs-bold-line-height: 1rem;
1171
1231
  --plasma-typo-text-xs-medium-font-size: 0.75rem;
1172
1232
  --plasma-typo-text-xs-medium-font-weight: 500;
1173
1233
  --plasma-typo-text-xs-medium-line-height: 1rem;
1174
- --plasma-typo-text-m-font-size: 1rem;
1175
- --plasma-typo-text-m-font-weight: 400;
1176
- --plasma-typo-text-m-line-height: 1.5rem;
1234
+ --plasma-typo-text-xs-font-size: 0.75rem;
1235
+ --plasma-typo-text-xs-font-weight: 400;
1236
+ --plasma-typo-text-xs-line-height: 1rem;
1177
1237
  }
1178
1238
  }
1179
1239
 
1180
1240
  @media (min-width: 960px) {
1181
1241
  :root {
1182
- --plasma-typo-dspl-s-font-size: 2.125rem;
1183
- --plasma-typo-dspl-s-font-weight: 400;
1184
- --plasma-typo-dspl-s-line-height: 2.5625rem;
1185
1242
  --plasma-typo-dspl-s-bold-font-size: 2.125rem;
1186
1243
  --plasma-typo-dspl-s-bold-font-weight: 700;
1187
1244
  --plasma-typo-dspl-s-bold-line-height: 2.5625rem;
1188
1245
  --plasma-typo-dspl-s-medium-font-size: 2.125rem;
1189
1246
  --plasma-typo-dspl-s-medium-font-weight: 500;
1190
1247
  --plasma-typo-dspl-s-medium-line-height: 2.5625rem;
1191
- --plasma-typo-h3-bold-font-size: 1.25rem;
1192
- --plasma-typo-h3-bold-font-weight: 700;
1193
- --plasma-typo-h3-bold-line-height: 1.4375rem;
1194
- --plasma-typo-h3-medium-font-size: 1.25rem;
1195
- --plasma-typo-h3-medium-font-weight: 500;
1196
- --plasma-typo-h3-medium-line-height: 1.4375rem;
1197
- --plasma-typo-h4-font-size: 1.25rem;
1198
- --plasma-typo-h4-font-weight: 400;
1199
- --plasma-typo-h4-line-height: 1.625rem;
1200
- --plasma-typo-h4-bold-font-size: 1rem;
1201
- --plasma-typo-h4-bold-font-weight: 700;
1202
- --plasma-typo-h4-bold-line-height: 1.25rem;
1203
- --plasma-typo-h4-medium-font-size: 1rem;
1204
- --plasma-typo-h4-medium-font-weight: 500;
1205
- --plasma-typo-h4-medium-line-height: 1.25rem;
1248
+ --plasma-typo-dspl-s-font-size: 2.125rem;
1249
+ --plasma-typo-dspl-s-font-weight: 400;
1250
+ --plasma-typo-dspl-s-line-height: 2.5625rem;
1251
+ --plasma-typo-body-l-medium-font-size: 0.9375rem;
1252
+ --plasma-typo-body-l-medium-font-weight: 500;
1253
+ --plasma-typo-body-l-medium-line-height: 1.125rem;
1254
+ --plasma-typo-body-l-font-size: 1.125rem;
1255
+ --plasma-typo-body-l-font-weight: 400;
1256
+ --plasma-typo-body-l-line-height: 1.375rem;
1257
+ --plasma-typo-body-m-bold-font-size: 0.875rem;
1258
+ --plasma-typo-body-m-bold-font-weight: 600;
1259
+ --plasma-typo-body-m-bold-line-height: 1.125rem;
1206
1260
  --plasma-typo-body-m-medium-font-size: 0.875rem;
1207
1261
  --plasma-typo-body-m-medium-font-weight: 500;
1208
1262
  --plasma-typo-body-m-medium-line-height: 1.125rem;
1209
- --plasma-typo-body-s-font-size: 0.8125rem;
1210
- --plasma-typo-body-s-font-weight: 400;
1211
- --plasma-typo-body-s-line-height: 0.9375rem;
1263
+ --plasma-typo-body-m-font-size: 0.875rem;
1264
+ --plasma-typo-body-m-font-weight: 400;
1265
+ --plasma-typo-body-m-line-height: 1.125rem;
1212
1266
  --plasma-typo-body-s-bold-font-size: 0.8125rem;
1213
1267
  --plasma-typo-body-s-bold-font-weight: 600;
1214
1268
  --plasma-typo-body-s-bold-line-height: 0.9375rem;
1215
- --plasma-typo-body-l-font-size: 1.125rem;
1216
- --plasma-typo-body-l-font-weight: 400;
1217
- --plasma-typo-body-l-line-height: 1.375rem;
1218
- --plasma-typo-body-l-bold-font-size: 0.9375rem;
1219
- --plasma-typo-body-l-bold-font-weight: 700;
1220
- --plasma-typo-body-l-bold-line-height: 1.25rem;
1221
- --plasma-typo-body-l-medium-font-size: 0.9375rem;
1222
- --plasma-typo-body-l-medium-font-weight: 500;
1223
- --plasma-typo-body-l-medium-line-height: 1.125rem;
1224
- --plasma-typo-h1-font-size: 1.75rem;
1225
- --plasma-typo-h1-font-weight: 400;
1226
- --plasma-typo-h1-line-height: 2.25rem;
1269
+ --plasma-typo-body-s-font-size: 0.8125rem;
1270
+ --plasma-typo-body-s-font-weight: 400;
1271
+ --plasma-typo-body-s-line-height: 0.9375rem;
1227
1272
  --plasma-typo-h1-bold-font-size: 1.75rem;
1228
1273
  --plasma-typo-h1-bold-font-weight: 700;
1229
1274
  --plasma-typo-h1-bold-line-height: 2.25rem;
1230
- --plasma-typo-body-m-font-size: 0.875rem;
1231
- --plasma-typo-body-m-font-weight: 400;
1232
- --plasma-typo-body-m-line-height: 1.125rem;
1233
- --plasma-typo-body-m-bold-font-size: 0.875rem;
1234
- --plasma-typo-body-m-bold-font-weight: 600;
1235
- --plasma-typo-body-m-bold-line-height: 1.125rem;
1236
1275
  --plasma-typo-h1-medium-font-size: 1.75rem;
1237
1276
  --plasma-typo-h1-medium-font-weight: 500;
1238
1277
  --plasma-typo-h1-medium-line-height: 2.25rem;
1239
- --plasma-typo-h2-font-size: 1.375rem;
1240
- --plasma-typo-h2-font-weight: 400;
1241
- --plasma-typo-h2-line-height: 1.75rem;
1278
+ --plasma-typo-h1-font-size: 1.75rem;
1279
+ --plasma-typo-h1-font-weight: 400;
1280
+ --plasma-typo-h1-line-height: 2.25rem;
1242
1281
  --plasma-typo-h2-bold-font-size: 1.375rem;
1243
1282
  --plasma-typo-h2-bold-font-weight: 700;
1244
1283
  --plasma-typo-h2-bold-line-height: 1.75rem;
1245
1284
  --plasma-typo-h2-medium-font-size: 1.375rem;
1246
1285
  --plasma-typo-h2-medium-font-weight: 500;
1247
1286
  --plasma-typo-h2-medium-line-height: 1.75rem;
1287
+ --plasma-typo-h2-font-size: 1.375rem;
1288
+ --plasma-typo-h2-font-weight: 400;
1289
+ --plasma-typo-h2-line-height: 1.75rem;
1290
+ --plasma-typo-h3-bold-font-size: 1.25rem;
1291
+ --plasma-typo-h3-bold-font-weight: 700;
1292
+ --plasma-typo-h3-bold-line-height: 1.4375rem;
1293
+ --plasma-typo-h3-medium-font-size: 1.25rem;
1294
+ --plasma-typo-h3-medium-font-weight: 500;
1295
+ --plasma-typo-h3-medium-line-height: 1.4375rem;
1248
1296
  --plasma-typo-h3-font-size: 1.25rem;
1249
1297
  --plasma-typo-h3-font-weight: 400;
1250
1298
  --plasma-typo-h3-line-height: 1.4375rem;
1251
- --plasma-typo-text-xs-font-size: 0.75rem;
1252
- --plasma-typo-text-xs-font-weight: 400;
1253
- --plasma-typo-text-xs-line-height: 1rem;
1299
+ --plasma-typo-h4-bold-font-size: 1rem;
1300
+ --plasma-typo-h4-bold-font-weight: 700;
1301
+ --plasma-typo-h4-bold-line-height: 1.25rem;
1302
+ --plasma-typo-h4-medium-font-size: 1rem;
1303
+ --plasma-typo-h4-medium-font-weight: 500;
1304
+ --plasma-typo-h4-medium-line-height: 1.25rem;
1305
+ --plasma-typo-h4-font-size: 1.25rem;
1306
+ --plasma-typo-h4-font-weight: 400;
1307
+ --plasma-typo-h4-line-height: 1.625rem;
1308
+ --plasma-typo-body-l-bold-font-size: 0.9375rem;
1309
+ --plasma-typo-body-l-bold-font-weight: 700;
1310
+ --plasma-typo-body-l-bold-line-height: 1.25rem;
1311
+ --plasma-typo-text-s-font-size: 0.875rem;
1312
+ --plasma-typo-text-s-font-weight: 400;
1313
+ --plasma-typo-text-s-line-height: 1.25rem;
1254
1314
  --plasma-typo-text-xs-bold-font-size: 0.75rem;
1255
1315
  --plasma-typo-text-xs-bold-font-weight: 600;
1256
1316
  --plasma-typo-text-xs-bold-line-height: 1rem;
1257
1317
  --plasma-typo-text-xs-medium-font-size: 0.75rem;
1258
1318
  --plasma-typo-text-xs-medium-font-weight: 500;
1259
1319
  --plasma-typo-text-xs-medium-line-height: 1rem;
1260
- --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1261
- --plasma-typo-body-xxs-bold-font-weight: 600;
1262
- --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1320
+ --plasma-typo-text-xs-font-size: 0.75rem;
1321
+ --plasma-typo-text-xs-font-weight: 400;
1322
+ --plasma-typo-text-xs-line-height: 1rem;
1263
1323
  --plasma-typo-body-s-medium-font-size: 0.8125rem;
1264
1324
  --plasma-typo-body-s-medium-font-weight: 500;
1265
1325
  --plasma-typo-body-s-medium-line-height: 0.9375rem;
1326
+ --plasma-typo-body-xs-bold-font-size: 0.75rem;
1327
+ --plasma-typo-body-xs-bold-font-weight: 600;
1328
+ --plasma-typo-body-xs-bold-line-height: 0.875rem;
1329
+ --plasma-typo-body-xs-medium-font-size: 0.75rem;
1330
+ --plasma-typo-body-xs-medium-font-weight: 500;
1331
+ --plasma-typo-body-xs-medium-line-height: 0.875rem;
1266
1332
  --plasma-typo-body-xs-font-size: 0.75rem;
1267
1333
  --plasma-typo-body-xs-font-weight: 400;
1268
1334
  --plasma-typo-body-xs-line-height: 0.875rem;
1335
+ --plasma-typo-body-xxs-bold-font-size: 0.6875rem;
1336
+ --plasma-typo-body-xxs-bold-font-weight: 600;
1337
+ --plasma-typo-body-xxs-bold-line-height: 0.8125rem;
1338
+ --plasma-typo-body-xxs-medium-font-size: 0.625rem;
1339
+ --plasma-typo-body-xxs-medium-font-weight: 500;
1340
+ --plasma-typo-body-xxs-medium-line-height: 0.75rem;
1341
+ --plasma-typo-body-xxs-font-size: 0.6875rem;
1342
+ --plasma-typo-body-xxs-font-weight: 400;
1343
+ --plasma-typo-body-xxs-line-height: 0.8125rem;
1344
+ --plasma-typo-text-l-bold-font-size: 1.5rem;
1345
+ --plasma-typo-text-l-bold-font-weight: 600;
1346
+ --plasma-typo-text-l-bold-line-height: 2rem;
1269
1347
  --plasma-typo-text-l-medium-font-size: 1.5rem;
1270
1348
  --plasma-typo-text-l-medium-font-weight: 500;
1271
1349
  --plasma-typo-text-l-medium-line-height: 2rem;
1272
- --plasma-typo-text-m-font-size: 1.125rem;
1273
- --plasma-typo-text-m-font-weight: 400;
1274
- --plasma-typo-text-m-line-height: 1.625rem;
1350
+ --plasma-typo-text-l-font-size: 1.5rem;
1351
+ --plasma-typo-text-l-font-weight: 400;
1352
+ --plasma-typo-text-l-line-height: 2rem;
1275
1353
  --plasma-typo-text-m-bold-font-size: 1.125rem;
1276
1354
  --plasma-typo-text-m-bold-font-weight: 600;
1277
1355
  --plasma-typo-text-m-bold-line-height: 1.625rem;
1278
1356
  --plasma-typo-text-m-medium-font-size: 1.125rem;
1279
1357
  --plasma-typo-text-m-medium-font-weight: 500;
1280
1358
  --plasma-typo-text-m-medium-line-height: 1.625rem;
1281
- --plasma-typo-text-s-font-size: 0.875rem;
1282
- --plasma-typo-text-s-font-weight: 400;
1283
- --plasma-typo-text-s-line-height: 1.25rem;
1359
+ --plasma-typo-text-m-font-size: 1.125rem;
1360
+ --plasma-typo-text-m-font-weight: 400;
1361
+ --plasma-typo-text-m-line-height: 1.625rem;
1284
1362
  --plasma-typo-text-s-bold-font-size: 0.875rem;
1285
1363
  --plasma-typo-text-s-bold-font-weight: 600;
1286
1364
  --plasma-typo-text-s-bold-line-height: 1.25rem;
1287
1365
  --plasma-typo-text-s-medium-font-size: 0.875rem;
1288
1366
  --plasma-typo-text-s-medium-font-weight: 500;
1289
1367
  --plasma-typo-text-s-medium-line-height: 1.25rem;
1290
- --plasma-typo-body-xs-bold-font-size: 0.75rem;
1291
- --plasma-typo-body-xs-bold-font-weight: 600;
1292
- --plasma-typo-body-xs-bold-line-height: 0.875rem;
1293
- --plasma-typo-body-xs-medium-font-size: 0.75rem;
1294
- --plasma-typo-body-xs-medium-font-weight: 500;
1295
- --plasma-typo-body-xs-medium-line-height: 0.875rem;
1296
- --plasma-typo-body-xxs-font-size: 0.6875rem;
1297
- --plasma-typo-body-xxs-font-weight: 400;
1298
- --plasma-typo-body-xxs-line-height: 0.8125rem;
1299
- --plasma-typo-body-xxs-medium-font-size: 0.625rem;
1300
- --plasma-typo-body-xxs-medium-font-weight: 500;
1301
- --plasma-typo-body-xxs-medium-line-height: 0.75rem;
1302
- --plasma-typo-text-l-font-size: 1.5rem;
1303
- --plasma-typo-text-l-font-weight: 400;
1304
- --plasma-typo-text-l-line-height: 2rem;
1305
- --plasma-typo-text-l-bold-font-size: 1.5rem;
1306
- --plasma-typo-text-l-bold-font-weight: 600;
1307
- --plasma-typo-text-l-bold-line-height: 2rem;
1308
1368
  }
1309
1369
  }