@salutejs-ds/sdds_sbcom 0.1.14 → 0.1.16

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