@salutejs-ds/sdds_sbcom 0.1.15 → 0.1.17

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