@shokirovr16/frontend-library 0.1.2

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 (58) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +98 -0
  3. package/bin/cmfrt.js +69 -0
  4. package/package.json +47 -0
  5. package/src/auth/README.md +193 -0
  6. package/src/auth/core/AuthEngine.js +623 -0
  7. package/src/auth/core/OidcClient.js +79 -0
  8. package/src/auth/core/OidcDiscovery.js +17 -0
  9. package/src/auth/core/Pkce.js +18 -0
  10. package/src/auth/events/AuthEventBus.js +22 -0
  11. package/src/auth/http/authFetch.js +32 -0
  12. package/src/auth/http/createAuthHttpClient.js +42 -0
  13. package/src/auth/index.js +90 -0
  14. package/src/auth/permissions/ClaimsNormalizer.js +69 -0
  15. package/src/auth/permissions/permissions.js +26 -0
  16. package/src/auth/react/AuthProvider.js +34 -0
  17. package/src/auth/react/guards/RequireAuth.js +35 -0
  18. package/src/auth/react/guards/RequirePermission.js +16 -0
  19. package/src/auth/react/guards/withAuthGuard.js +12 -0
  20. package/src/auth/react/hooks/useRequireAuth.js +24 -0
  21. package/src/auth/react/index.js +6 -0
  22. package/src/auth/react/useAuth.js +29 -0
  23. package/src/auth/silent/silentCallback.js +42 -0
  24. package/src/auth/singleton.js +22 -0
  25. package/src/auth/storage/InMemoryTokenStore.js +56 -0
  26. package/src/auth/storage/TransactionStore.js +51 -0
  27. package/src/auth/sync/BroadcastChannelSync.js +29 -0
  28. package/src/auth/tenancy/TenantResolver.js +39 -0
  29. package/src/auth/types.js +113 -0
  30. package/src/auth/utils/base64url.js +15 -0
  31. package/src/auth/utils/jwt.js +26 -0
  32. package/src/auth/utils/random.js +13 -0
  33. package/src/auth/utils/url.js +27 -0
  34. package/src/commands/add.js +80 -0
  35. package/src/commands/init.js +113 -0
  36. package/src/commands/list.js +92 -0
  37. package/src/commands/remove.js +150 -0
  38. package/src/commands/status.js +96 -0
  39. package/src/commands/theme.js +47 -0
  40. package/src/commands/uninstall.js +198 -0
  41. package/src/commands/update.js +151 -0
  42. package/src/lib/config.js +55 -0
  43. package/src/lib/fs.js +13 -0
  44. package/src/lib/packageManager.js +30 -0
  45. package/src/lib/paths.js +14 -0
  46. package/src/lib/registry.js +11 -0
  47. package/src/lib/styles.js +223 -0
  48. package/src/lib/targets.js +15 -0
  49. package/src/lib/theme.js +102 -0
  50. package/templates/docs/cmfrt-doc.md +82 -0
  51. package/templates/lib/utils.js +6 -0
  52. package/templates/registry.json +42 -0
  53. package/templates/styles/theme.cjs +832 -0
  54. package/templates/styles/type-utilities.css +136 -0
  55. package/templates/styles/type-utility-classes.css +138 -0
  56. package/templates/styles/variables.css +1560 -0
  57. package/templates/styles/variables.json +6870 -0
  58. package/templates/ui/button.jsx +117 -0
package/templates/styles/variables.css ADDED
@@ -0,0 +1,1560 @@
1
+ :root {
2
+ --brand-colorbase-colors-background-frame: 240 6% 97%;
3
+ --brand-colorbase-colors-background-primary: 0 0% 100%;
4
+ --brand-colorbase-colors-background-secondary: 240 6% 97%;
5
+ --brand-colorbase-colors-background-disabled: 240 6% 93%;
6
+ --brand-colorbase-colors-background-client-accent-primary: 16 99% 71%;
7
+ --brand-colorbase-colors-background-client-accent-secondary: 16 100% 95%;
8
+ --brand-colorbase-colors-background-accent-primary: 267 100% 62%;
9
+ --brand-colorbase-colors-background-accent-secondary: 265 100% 96%;
10
+ --brand-colorbase-colors-background-dark: 240 2% 12%;
11
+ --brand-colorbase-colors-divider-primary: 240 8% 82%;
12
+ --brand-colorbase-colors-divider-secondary: 240 6% 93%;
13
+ --brand-colorbase-colors-divider-tertiary: 240 6% 97%;
14
+ --brand-colorbase-colors-texticons-primary: 240 3% 8%;
15
+ --brand-colorbase-colors-texticons-secondary: 240 2% 46%;
16
+ --brand-colorbase-colors-texticons-secondary-alpha-light: 0 0% 100%;
17
+ --brand-colorbase-colors-texticons-secondary-alpha-light-alpha: 0.502;
18
+ --brand-colorbase-colors-texticons-secondary-alpha-dark: 0 0% 0%;
19
+ --brand-colorbase-colors-texticons-secondary-alpha-dark-alpha: 0.502;
20
+ --brand-colorbase-colors-texticons-tertiary: 240 7% 78%;
21
+ --brand-colorbase-colors-texticons-tertiary-alpha-light: 0 0% 100%;
22
+ --brand-colorbase-colors-texticons-tertiary-alpha-light-alpha: 0.302;
23
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark: 0 0% 0%;
24
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha: 0.302;
25
+ --brand-colorbase-colors-texticons-accent: 267 100% 62%;
26
+ --brand-colorbase-colors-texticons-accent-secondary: 267 100% 85%;
27
+ --brand-colorbase-colors-texticons-accent-tertiary: 265 100% 96%;
28
+ --brand-colorbase-colors-texticons-negative: 353 78% 57%;
29
+ --brand-colorbase-colors-texticons-positive: 137 80% 43%;
30
+ --brand-colorbase-colors-texticons-on-accentdark: 0 0% 100%;
31
+ --brand-colorbase-colors-texticons-link: 210 85% 55%;
32
+ --brand-colorbase-colors-button-on-accent-primary-active: 0 0% 100%;
33
+ --brand-colorbase-colors-button-on-accent-primary-on-hover: 240 6% 97%;
34
+ --brand-colorbase-colors-button-on-accent-primary-on-press: 240 5% 70%;
35
+ --brand-colorbase-colors-button-on-accent-secondary-active: 0 0% 100%;
36
+ --brand-colorbase-colors-button-on-accent-secondary-active-alpha: 0.102;
37
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover: 0 0% 100%;
38
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover-alpha: 0.149;
39
+ --brand-colorbase-colors-button-on-accent-secondary-on-press: 0 0% 100%;
40
+ --brand-colorbase-colors-button-on-accent-secondary-on-press-alpha: 0.051;
41
+ --brand-colorbase-colors-button-on-accent-ghost-active: 0 0% 100%;
42
+ --brand-colorbase-colors-button-on-accent-ghost-active-alpha: 0.000;
43
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover: 0 0% 100%;
44
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover-alpha: 0.102;
45
+ --brand-colorbase-colors-button-on-accent-ghost-on-press: 0 0% 100%;
46
+ --brand-colorbase-colors-button-on-accent-ghost-on-press-alpha: 0.051;
47
+ --brand-colorbase-colors-button-negative-primary-active: 353 78% 57%;
48
+ --brand-colorbase-colors-button-negative-primary-on-hover: 353 78% 66%;
49
+ --brand-colorbase-colors-button-negative-primary-on-press: 353 59% 46%;
50
+ --brand-colorbase-colors-button-negative-secondary-active: 353 81% 96%;
51
+ --brand-colorbase-colors-button-negative-secondary-on-hover: 353 77% 91%;
52
+ --brand-colorbase-colors-button-negative-secondary-on-press: 353 77% 83%;
53
+ --brand-colorbase-colors-button-negative-ghost-active: 0 0% 100%;
54
+ --brand-colorbase-colors-button-negative-ghost-on-hover: 0 0% 0%;
55
+ --brand-colorbase-colors-button-negative-ghost-on-hover-alpha: 0.051;
56
+ --brand-colorbase-colors-button-negative-ghost-on-press: 0 0% 0%;
57
+ --brand-colorbase-colors-button-negative-ghost-on-press-alpha: 0.102;
58
+ --brand-colorbase-colors-button-themed-primary-active: 267 100% 62%;
59
+ --brand-colorbase-colors-button-themed-primary-on-hover: 267 100% 70%;
60
+ --brand-colorbase-colors-button-themed-primary-on-press: 266 63% 50%;
61
+ --brand-colorbase-colors-button-themed-secondary-active: 265 100% 96%;
62
+ --brand-colorbase-colors-button-themed-secondary-on-hover: 266 100% 92%;
63
+ --brand-colorbase-colors-button-themed-secondary-on-press: 267 100% 89%;
64
+ --brand-colorbase-colors-button-themed-ghost-active: 0 0% 100%;
65
+ --brand-colorbase-colors-button-themed-ghost-on-hover: 0 0% 0%;
66
+ --brand-colorbase-colors-button-themed-ghost-on-hover-alpha: 0.051;
67
+ --brand-colorbase-colors-button-themed-ghost-on-press: 0 0% 0%;
68
+ --brand-colorbase-colors-button-themed-ghost-on-press-alpha: 0.102;
69
+ --brand-colorbase-colors-button-positive-primary-active: 137 60% 55%;
70
+ --brand-colorbase-colors-button-positive-primary-on-hover: 137 61% 66%;
71
+ --brand-colorbase-colors-button-positive-primary-on-press: 137 80% 36%;
72
+ --brand-colorbase-colors-button-positive-secondary-active: 138 59% 94%;
73
+ --brand-colorbase-colors-button-positive-secondary-on-hover: 137 62% 89%;
74
+ --brand-colorbase-colors-button-positive-secondary-on-press: 136 60% 77%;
75
+ --brand-colorbase-colors-button-positive-ghost-active: 0 0% 100%;
76
+ --brand-colorbase-colors-button-positive-ghost-on-hover: 0 0% 0%;
77
+ --brand-colorbase-colors-button-positive-ghost-on-hover-alpha: 0.051;
78
+ --brand-colorbase-colors-button-positive-ghost-on-press: 0 0% 0%;
79
+ --brand-colorbase-colors-button-positive-ghost-on-press-alpha: 0.102;
80
+ --brand-colorbase-colors-button-neutral-primary-active: 240 2% 12%;
81
+ --brand-colorbase-colors-button-neutral-primary-on-hover: 240 2% 23%;
82
+ --brand-colorbase-colors-button-neutral-primary-on-press: 0 0% 0%;
83
+ --brand-colorbase-colors-button-neutral-secondary-active: 0 0% 0%;
84
+ --brand-colorbase-colors-button-neutral-secondary-active-alpha: 0.051;
85
+ --brand-colorbase-colors-button-neutral-secondary-on-hover: 0 0% 0%;
86
+ --brand-colorbase-colors-button-neutral-secondary-on-hover-alpha: 0.102;
87
+ --brand-colorbase-colors-button-neutral-secondary-on-press: 0 0% 0%;
88
+ --brand-colorbase-colors-button-neutral-secondary-on-press-alpha: 0.200;
89
+ --brand-colorbase-colors-button-neutral-outlined-active: 240 8% 82%;
90
+ --brand-colorbase-colors-button-neutral-outlined-on-hover: 240 8% 82%;
91
+ --brand-colorbase-colors-button-neutral-outlined-on-press: 240 8% 82%;
92
+ --brand-colorbase-colors-button-neutral-ghost-active: 0 0% 100%;
93
+ --brand-colorbase-colors-button-neutral-ghost-on-hover: 0 0% 0%;
94
+ --brand-colorbase-colors-button-neutral-ghost-on-hover-alpha: 0.051;
95
+ --brand-colorbase-colors-button-neutral-ghost-on-press: 0 0% 0%;
96
+ --brand-colorbase-colors-button-neutral-ghost-on-press-alpha: 0.102;
97
+ --brand-colorbase-colors-button-disabled-primarysecondary: 0 0% 0%;
98
+ --brand-colorbase-colors-button-disabled-primarysecondary-alpha: 0.051;
99
+ --brand-colorbase-colors-button-disabled-ghost: 0 0% 0%;
100
+ --brand-colorbase-colors-button-disabled-ghost-alpha: 0.000;
101
+ --brand-colorbase-colors-accent-colors-green: 137 80% 43%;
102
+ --brand-colorbase-colors-accent-colors-green-secondary: 137 62% 89%;
103
+ --brand-colorbase-colors-accent-colors-dark-green: 136 80% 29%;
104
+ --brand-colorbase-colors-accent-colors-yellow: 54 100% 49%;
105
+ --brand-colorbase-colors-accent-colors-yellow-secondary: 54 97% 87%;
106
+ --brand-colorbase-colors-accent-colors-orange: 29 98% 68%;
107
+ --brand-colorbase-colors-accent-colors-red: 353 78% 57%;
108
+ --brand-colorbase-colors-accent-colors-red-secondary: 353 77% 91%;
109
+ --brand-colorbase-colors-accent-colors-dark-red: 353 59% 34%;
110
+ --brand-colorbase-colors-accent-colors-client-accent: 16 99% 71%;
111
+ --brand-colorbase-colors-accent-colors-client-accent-secondary: 17 100% 92%;
112
+ --brand-colorbase-colors-accent-colors-client-accent-dark: 16 56% 65%;
113
+ --brand-colorbase-colors-accent-colors-purple: 267 100% 62%;
114
+ --brand-colorbase-colors-accent-colors-purple-secondary: 266 100% 92%;
115
+ --brand-colorbase-colors-accent-colors-purple-dark: 267 63% 39%;
116
+ --brand-colorbase-colors-accent-colors-dark-gray: 240 2% 12%;
117
+ --brand-colorbase-colors-border-neutral-primary: 0 0% 0%;
118
+ --brand-colorbase-colors-border-neutral-primary-alpha: 0.000;
119
+ --brand-colorbase-colors-border-contrast-primary: 0 0% 0%;
120
+ --brand-colorbase-colors-border-contrast-primary-alpha: 0.000;
121
+ --brand-colorbase-color-base-overlays-black-overlay95: 0 0% 0%;
122
+ --brand-colorbase-color-base-overlays-black-overlay95-alpha: 0.949;
123
+ --brand-colorbase-color-base-overlays-black-overlay90: 0 0% 0%;
124
+ --brand-colorbase-color-base-overlays-black-overlay90-alpha: 0.902;
125
+ --brand-colorbase-color-base-overlays-black-overlay85: 0 0% 0%;
126
+ --brand-colorbase-color-base-overlays-black-overlay85-alpha: 0.851;
127
+ --brand-colorbase-color-base-overlays-black-overlay80: 0 0% 0%;
128
+ --brand-colorbase-color-base-overlays-black-overlay80-alpha: 0.800;
129
+ --brand-colorbase-color-base-overlays-black-overlay75: 0 0% 0%;
130
+ --brand-colorbase-color-base-overlays-black-overlay75-alpha: 0.749;
131
+ --brand-colorbase-color-base-overlays-black-overlay70: 0 0% 0%;
132
+ --brand-colorbase-color-base-overlays-black-overlay70-alpha: 0.702;
133
+ --brand-colorbase-color-base-overlays-black-overlay65: 0 0% 0%;
134
+ --brand-colorbase-color-base-overlays-black-overlay65-alpha: 0.651;
135
+ --brand-colorbase-color-base-overlays-black-overlay60: 0 0% 0%;
136
+ --brand-colorbase-color-base-overlays-black-overlay60-alpha: 0.639;
137
+ --brand-colorbase-color-base-overlays-black-overlay55: 0 0% 0%;
138
+ --brand-colorbase-color-base-overlays-black-overlay55-alpha: 0.549;
139
+ --brand-colorbase-color-base-overlays-black-overlay50: 0 0% 0%;
140
+ --brand-colorbase-color-base-overlays-black-overlay50-alpha: 0.502;
141
+ --brand-colorbase-color-base-overlays-black-overlay45: 0 0% 0%;
142
+ --brand-colorbase-color-base-overlays-black-overlay45-alpha: 0.451;
143
+ --brand-colorbase-color-base-overlays-black-overlay40: 0 0% 0%;
144
+ --brand-colorbase-color-base-overlays-black-overlay40-alpha: 0.400;
145
+ --brand-colorbase-color-base-overlays-black-overlay35: 0 0% 0%;
146
+ --brand-colorbase-color-base-overlays-black-overlay35-alpha: 0.349;
147
+ --brand-colorbase-color-base-overlays-black-overlay30: 0 0% 0%;
148
+ --brand-colorbase-color-base-overlays-black-overlay30-alpha: 0.302;
149
+ --brand-colorbase-color-base-overlays-black-overlay25: 0 0% 0%;
150
+ --brand-colorbase-color-base-overlays-black-overlay25-alpha: 0.251;
151
+ --brand-colorbase-color-base-overlays-black-overlay20: 0 0% 0%;
152
+ --brand-colorbase-color-base-overlays-black-overlay20-alpha: 0.200;
153
+ --brand-colorbase-color-base-overlays-black-overlay15: 0 0% 0%;
154
+ --brand-colorbase-color-base-overlays-black-overlay15-alpha: 0.149;
155
+ --brand-colorbase-color-base-overlays-black-overlay10: 0 0% 0%;
156
+ --brand-colorbase-color-base-overlays-black-overlay10-alpha: 0.102;
157
+ --brand-colorbase-color-base-overlays-black-overlay5: 0 0% 0%;
158
+ --brand-colorbase-color-base-overlays-black-overlay5-alpha: 0.051;
159
+ --brand-colorbase-color-base-overlays-black-color: 0 0% 0%;
160
+ --brand-colorbase-color-base-overlays-black-color-alpha: 0.000;
161
+ --brand-colorbase-color-base-overlays-white-overlay95: 0 0% 100%;
162
+ --brand-colorbase-color-base-overlays-white-overlay95-alpha: 0.949;
163
+ --brand-colorbase-color-base-overlays-white-overlay90: 0 0% 100%;
164
+ --brand-colorbase-color-base-overlays-white-overlay90-alpha: 0.902;
165
+ --brand-colorbase-color-base-overlays-white-overlay85: 0 0% 100%;
166
+ --brand-colorbase-color-base-overlays-white-overlay85-alpha: 0.851;
167
+ --brand-colorbase-color-base-overlays-white-overlay80: 0 0% 100%;
168
+ --brand-colorbase-color-base-overlays-white-overlay80-alpha: 0.800;
169
+ --brand-colorbase-color-base-overlays-white-overlay75: 0 0% 100%;
170
+ --brand-colorbase-color-base-overlays-white-overlay75-alpha: 0.851;
171
+ --brand-colorbase-color-base-overlays-white-overlay70: 0 0% 100%;
172
+ --brand-colorbase-color-base-overlays-white-overlay70-alpha: 0.702;
173
+ --brand-colorbase-color-base-overlays-white-overlay65: 0 0% 100%;
174
+ --brand-colorbase-color-base-overlays-white-overlay65-alpha: 0.651;
175
+ --brand-colorbase-color-base-overlays-white-overlay60: 0 0% 100%;
176
+ --brand-colorbase-color-base-overlays-white-overlay60-alpha: 0.639;
177
+ --brand-colorbase-color-base-overlays-white-overlay55: 0 0% 100%;
178
+ --brand-colorbase-color-base-overlays-white-overlay55-alpha: 0.549;
179
+ --brand-colorbase-color-base-overlays-white-overlay50: 0 0% 100%;
180
+ --brand-colorbase-color-base-overlays-white-overlay50-alpha: 0.502;
181
+ --brand-colorbase-color-base-overlays-white-overlay45: 0 0% 100%;
182
+ --brand-colorbase-color-base-overlays-white-overlay45-alpha: 0.451;
183
+ --brand-colorbase-color-base-overlays-white-overlay40: 0 0% 100%;
184
+ --brand-colorbase-color-base-overlays-white-overlay40-alpha: 0.400;
185
+ --brand-colorbase-color-base-overlays-white-overlay35: 0 0% 100%;
186
+ --brand-colorbase-color-base-overlays-white-overlay35-alpha: 0.349;
187
+ --brand-colorbase-color-base-overlays-white-overlay30: 0 0% 100%;
188
+ --brand-colorbase-color-base-overlays-white-overlay30-alpha: 0.302;
189
+ --brand-colorbase-color-base-overlays-white-overlay25: 0 0% 100%;
190
+ --brand-colorbase-color-base-overlays-white-overlay25-alpha: 0.251;
191
+ --brand-colorbase-color-base-overlays-white-overlay20: 0 0% 100%;
192
+ --brand-colorbase-color-base-overlays-white-overlay20-alpha: 0.200;
193
+ --brand-colorbase-color-base-overlays-white-overlay15: 0 0% 100%;
194
+ --brand-colorbase-color-base-overlays-white-overlay15-alpha: 0.149;
195
+ --brand-colorbase-color-base-overlays-white-overlay10: 0 0% 100%;
196
+ --brand-colorbase-color-base-overlays-white-overlay10-alpha: 0.102;
197
+ --brand-colorbase-color-base-overlays-white-overlay-5: 0 0% 100%;
198
+ --brand-colorbase-color-base-overlays-white-overlay-5-alpha: 0.051;
199
+ --brand-colorbase-color-base-overlays-white-overlay-0: 0 0% 100%;
200
+ --brand-colorbase-color-base-overlays-white-overlay-0-alpha: 0.000;
201
+ --brand-colorbase-color-base-gray-gray-1: 0 0% 100%;
202
+ --brand-colorbase-color-base-gray-gray-2: 240 6% 97%;
203
+ --brand-colorbase-color-base-gray-gray-3: 240 4% 95%;
204
+ --brand-colorbase-color-base-gray-gray-4: 240 6% 93%;
205
+ --brand-colorbase-color-base-gray-gray-5: 240 7% 89%;
206
+ --brand-colorbase-color-base-gray-gray-6: 240 8% 82%;
207
+ --brand-colorbase-color-base-gray-gray-7: 240 7% 78%;
208
+ --brand-colorbase-color-base-gray-gray-8: 240 6% 73%;
209
+ --brand-colorbase-color-base-gray-gray-9: 240 5% 70%;
210
+ --brand-colorbase-color-base-gray-gray-10: 240 4% 62%;
211
+ --brand-colorbase-color-base-gray-gray-11: 240 3% 54%;
212
+ --brand-colorbase-color-base-gray-gray-12: 240 2% 46%;
213
+ --brand-colorbase-color-base-gray-gray-13: 240 2% 43%;
214
+ --brand-colorbase-color-base-gray-gray-14: 240 2% 35%;
215
+ --brand-colorbase-color-base-gray-gray-15: 240 2% 31%;
216
+ --brand-colorbase-color-base-gray-gray-16: 240 2% 23%;
217
+ --brand-colorbase-color-base-gray-gray-17: 240 1% 15%;
218
+ --brand-colorbase-color-base-gray-gray-18: 240 2% 12%;
219
+ --brand-colorbase-color-base-gray-gray-19: 240 3% 8%;
220
+ --brand-colorbase-color-base-gray-gray-20: 0 0% 0%;
221
+ --brand-colorbase-color-base-main-main-1: 16 100% 95%;
222
+ --brand-colorbase-color-base-main-main-2: 17 100% 92%;
223
+ --brand-colorbase-color-base-main-main-3: 16 100% 89%;
224
+ --brand-colorbase-color-base-main-main-4: 16 100% 86%;
225
+ --brand-colorbase-color-base-main-main-5: 16 100% 83%;
226
+ --brand-colorbase-color-base-main-main-6: 16 100% 80%;
227
+ --brand-colorbase-color-base-main-main-7: 16 99% 71%;
228
+ --brand-colorbase-color-base-main-main-8: 16 56% 65%;
229
+ --brand-colorbase-color-base-main-main-9: 16 36% 53%;
230
+ --brand-colorbase-color-base-main-main-10: 16 34% 41%;
231
+ --brand-colorbase-color-base-main-main-11: 16 38% 29%;
232
+ --brand-colorbase-color-base-main-main-12: 16 47% 17%;
233
+ --brand-colorbase-color-base-main-main-13: 16 100% 5%;
234
+ --brand-colorbase-color-base-red-red-1: 353 81% 96%;
235
+ --brand-colorbase-color-base-red-red-2: 353 77% 91%;
236
+ --brand-colorbase-color-base-red-red-3: 353 78% 87%;
237
+ --brand-colorbase-color-base-red-red-4: 353 77% 83%;
238
+ --brand-colorbase-color-base-red-red-5: 353 79% 74%;
239
+ --brand-colorbase-color-base-red-red-6: 353 78% 66%;
240
+ --brand-colorbase-color-base-red-red-7: 353 78% 57%;
241
+ --brand-colorbase-color-base-red-red-8: 353 59% 46%;
242
+ --brand-colorbase-color-base-red-red-9: 353 59% 34%;
243
+ --brand-colorbase-color-base-red-red-10: 353 59% 23%;
244
+ --brand-colorbase-color-base-red-red-11: 353 59% 17%;
245
+ --brand-colorbase-color-base-red-red-12: 353 59% 11%;
246
+ --brand-colorbase-color-base-red-red-13: 353 59% 6%;
247
+ --brand-colorbase-color-base-orange-orange-1: 27 100% 96%;
248
+ --brand-colorbase-color-base-orange-orange-2: 28 100% 92%;
249
+ --brand-colorbase-color-base-orange-orange-3: 29 97% 88%;
250
+ --brand-colorbase-color-base-orange-orange-4: 29 98% 84%;
251
+ --brand-colorbase-color-base-orange-orange-5: 28 98% 76%;
252
+ --brand-colorbase-color-base-orange-orange-6: 29 98% 68%;
253
+ --brand-colorbase-color-base-orange-orange-7: 28 98% 60%;
254
+ --brand-colorbase-color-base-orange-orange-8: 29 78% 53%;
255
+ --brand-colorbase-color-base-orange-orange-9: 28 73% 47%;
256
+ --brand-colorbase-color-base-orange-orange-10: 29 67% 36%;
257
+ --brand-colorbase-color-base-orange-orange-11: 28 67% 19%;
258
+ --brand-colorbase-color-base-orange-orange-12: 29 71% 13%;
259
+ --brand-colorbase-color-base-orange-orange-13: 28 74% 7%;
260
+ --brand-colorbase-color-base-yellow-yellow-1: 55 95% 92%;
261
+ --brand-colorbase-color-base-yellow-yellow-2: 54 97% 87%;
262
+ --brand-colorbase-color-base-yellow-yellow-3: 54 96% 82%;
263
+ --brand-colorbase-color-base-yellow-yellow-4: 54 96% 72%;
264
+ --brand-colorbase-color-base-yellow-yellow-5: 54 96% 62%;
265
+ --brand-colorbase-color-base-yellow-yellow-6: 54 100% 49%;
266
+ --brand-colorbase-color-base-yellow-yellow-7: 54 100% 47%;
267
+ --brand-colorbase-color-base-yellow-yellow-8: 54 100% 44%;
268
+ --brand-colorbase-color-base-yellow-yellow-9: 54 100% 37%;
269
+ --brand-colorbase-color-base-yellow-yellow-10: 54 100% 29%;
270
+ --brand-colorbase-color-base-yellow-yellow-11: 54 100% 20%;
271
+ --brand-colorbase-color-base-yellow-yellow-12: 53 100% 12%;
272
+ --brand-colorbase-color-base-yellow-yellow-13: 54 100% 7%;
273
+ --brand-colorbase-color-base-green-green-1: 138 59% 94%;
274
+ --brand-colorbase-color-base-green-green-2: 137 62% 89%;
275
+ --brand-colorbase-color-base-green-green-3: 137 61% 83%;
276
+ --brand-colorbase-color-base-green-green-4: 136 60% 77%;
277
+ --brand-colorbase-color-base-green-green-5: 137 61% 66%;
278
+ --brand-colorbase-color-base-green-green-6: 137 60% 55%;
279
+ --brand-colorbase-color-base-green-green-7: 137 80% 43%;
280
+ --brand-colorbase-color-base-green-green-8: 137 80% 36%;
281
+ --brand-colorbase-color-base-green-green-9: 136 80% 29%;
282
+ --brand-colorbase-color-base-green-green-10: 137 80% 18%;
283
+ --brand-colorbase-color-base-green-green-11: 136 79% 13%;
284
+ --brand-colorbase-color-base-green-green-12: 137 82% 9%;
285
+ --brand-colorbase-color-base-green-green-13: 137 82% 4%;
286
+ --brand-colorbase-color-base-blue-blue-1: 210 100% 96%;
287
+ --brand-colorbase-color-base-blue-blue-2: 209 100% 92%;
288
+ --brand-colorbase-color-base-blue-blue-3: 210 100% 88%;
289
+ --brand-colorbase-color-base-blue-blue-4: 210 100% 84%;
290
+ --brand-colorbase-color-base-blue-blue-5: 210 100% 76%;
291
+ --brand-colorbase-color-base-blue-blue-6: 210 100% 68%;
292
+ --brand-colorbase-color-base-blue-blue-7: 210 100% 60%;
293
+ --brand-colorbase-color-base-blue-blue-8: 210 85% 55%;
294
+ --brand-colorbase-color-base-blue-blue-9: 210 67% 48%;
295
+ --brand-colorbase-color-base-blue-blue-10: 210 67% 37%;
296
+ --brand-colorbase-color-base-blue-blue-11: 210 69% 25%;
297
+ --brand-colorbase-color-base-blue-blue-12: 210 70% 19%;
298
+ --brand-colorbase-color-base-blue-blue-13: 209 71% 14%;
299
+ --brand-colorbase-color-base-purple-purple-1: 265 100% 96%;
300
+ --brand-colorbase-color-base-purple-purple-2: 266 100% 92%;
301
+ --brand-colorbase-color-base-purple-purple-3: 267 100% 89%;
302
+ --brand-colorbase-color-base-purple-purple-4: 267 100% 85%;
303
+ --brand-colorbase-color-base-purple-purple-5: 266 100% 77%;
304
+ --brand-colorbase-color-base-purple-purple-6: 267 100% 70%;
305
+ --brand-colorbase-color-base-purple-purple-7: 267 100% 62%;
306
+ --brand-colorbase-color-base-purple-purple-8: 266 63% 50%;
307
+ --brand-colorbase-color-base-purple-purple-9: 267 63% 39%;
308
+ --brand-colorbase-color-base-purple-purple-10: 267 65% 27%;
309
+ --brand-colorbase-color-base-purple-purple-11: 266 67% 21%;
310
+ --brand-colorbase-color-base-purple-purple-12: 267 70% 15%;
311
+ --brand-colorbase-color-base-purple-purple-13: 267 76% 10%;
312
+ }
313
+ .theme-client-light {
314
+ --brand-colorbase-colors-background-frame: 240 6% 97%;
315
+ --brand-colorbase-colors-background-primary: 0 0% 100%;
316
+ --brand-colorbase-colors-background-secondary: 240 6% 97%;
317
+ --brand-colorbase-colors-background-disabled: 240 6% 93%;
318
+ --brand-colorbase-colors-background-client-accent-primary: 16 99% 71%;
319
+ --brand-colorbase-colors-background-client-accent-secondary: 16 100% 95%;
320
+ --brand-colorbase-colors-background-accent-primary: 16 99% 71%;
321
+ --brand-colorbase-colors-background-accent-secondary: 16 100% 95%;
322
+ --brand-colorbase-colors-background-dark: 240 2% 12%;
323
+ --brand-colorbase-colors-divider-primary: 240 8% 82%;
324
+ --brand-colorbase-colors-divider-secondary: 240 6% 93%;
325
+ --brand-colorbase-colors-divider-tertiary: 240 6% 97%;
326
+ --brand-colorbase-colors-texticons-primary: 240 3% 8%;
327
+ --brand-colorbase-colors-texticons-secondary: 240 2% 46%;
328
+ --brand-colorbase-colors-texticons-secondary-alpha-light: 0 0% 100%;
329
+ --brand-colorbase-colors-texticons-secondary-alpha-light-alpha: 0.502;
330
+ --brand-colorbase-colors-texticons-secondary-alpha-dark: 0 0% 0%;
331
+ --brand-colorbase-colors-texticons-secondary-alpha-dark-alpha: 0.502;
332
+ --brand-colorbase-colors-texticons-tertiary: 240 7% 78%;
333
+ --brand-colorbase-colors-texticons-tertiary-alpha-light: 0 0% 100%;
334
+ --brand-colorbase-colors-texticons-tertiary-alpha-light-alpha: 0.302;
335
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark: 0 0% 0%;
336
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha: 0.302;
337
+ --brand-colorbase-colors-texticons-accent: 16 99% 71%;
338
+ --brand-colorbase-colors-texticons-accent-secondary: 16 100% 86%;
339
+ --brand-colorbase-colors-texticons-accent-tertiary: 265 100% 96%;
340
+ --brand-colorbase-colors-texticons-negative: 353 78% 57%;
341
+ --brand-colorbase-colors-texticons-positive: 137 80% 43%;
342
+ --brand-colorbase-colors-texticons-on-accentdark: 0 0% 100%;
343
+ --brand-colorbase-colors-texticons-link: 210 85% 55%;
344
+ --brand-colorbase-colors-button-on-accent-primary-active: 0 0% 100%;
345
+ --brand-colorbase-colors-button-on-accent-primary-on-hover: 240 6% 97%;
346
+ --brand-colorbase-colors-button-on-accent-primary-on-press: 240 5% 70%;
347
+ --brand-colorbase-colors-button-on-accent-secondary-active: 0 0% 100%;
348
+ --brand-colorbase-colors-button-on-accent-secondary-active-alpha: 0.102;
349
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover: 0 0% 100%;
350
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover-alpha: 0.149;
351
+ --brand-colorbase-colors-button-on-accent-secondary-on-press: 0 0% 100%;
352
+ --brand-colorbase-colors-button-on-accent-secondary-on-press-alpha: 0.051;
353
+ --brand-colorbase-colors-button-on-accent-ghost-active: 0 0% 100%;
354
+ --brand-colorbase-colors-button-on-accent-ghost-active-alpha: 0.000;
355
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover: 0 0% 100%;
356
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover-alpha: 0.102;
357
+ --brand-colorbase-colors-button-on-accent-ghost-on-press: 0 0% 100%;
358
+ --brand-colorbase-colors-button-on-accent-ghost-on-press-alpha: 0.051;
359
+ --brand-colorbase-colors-button-negative-primary-active: 353 78% 57%;
360
+ --brand-colorbase-colors-button-negative-primary-on-hover: 353 78% 66%;
361
+ --brand-colorbase-colors-button-negative-primary-on-press: 353 59% 46%;
362
+ --brand-colorbase-colors-button-negative-secondary-active: 353 81% 96%;
363
+ --brand-colorbase-colors-button-negative-secondary-on-hover: 353 77% 91%;
364
+ --brand-colorbase-colors-button-negative-secondary-on-press: 353 77% 83%;
365
+ --brand-colorbase-colors-button-negative-ghost-active: 0 0% 100%;
366
+ --brand-colorbase-colors-button-negative-ghost-on-hover: 0 0% 0%;
367
+ --brand-colorbase-colors-button-negative-ghost-on-hover-alpha: 0.051;
368
+ --brand-colorbase-colors-button-negative-ghost-on-press: 0 0% 0%;
369
+ --brand-colorbase-colors-button-negative-ghost-on-press-alpha: 0.102;
370
+ --brand-colorbase-colors-button-themed-primary-active: 16 99% 71%;
371
+ --brand-colorbase-colors-button-themed-primary-on-hover: 16 100% 83%;
372
+ --brand-colorbase-colors-button-themed-primary-on-press: 16 56% 65%;
373
+ --brand-colorbase-colors-button-themed-secondary-active: 16 100% 95%;
374
+ --brand-colorbase-colors-button-themed-secondary-on-hover: 17 100% 92%;
375
+ --brand-colorbase-colors-button-themed-secondary-on-press: 16 100% 89%;
376
+ --brand-colorbase-colors-button-themed-ghost-active: 0 0% 100%;
377
+ --brand-colorbase-colors-button-themed-ghost-on-hover: 0 0% 0%;
378
+ --brand-colorbase-colors-button-themed-ghost-on-hover-alpha: 0.051;
379
+ --brand-colorbase-colors-button-themed-ghost-on-press: 0 0% 0%;
380
+ --brand-colorbase-colors-button-themed-ghost-on-press-alpha: 0.102;
381
+ --brand-colorbase-colors-button-positive-primary-active: 137 60% 55%;
382
+ --brand-colorbase-colors-button-positive-primary-on-hover: 137 61% 66%;
383
+ --brand-colorbase-colors-button-positive-primary-on-press: 137 80% 36%;
384
+ --brand-colorbase-colors-button-positive-secondary-active: 138 59% 94%;
385
+ --brand-colorbase-colors-button-positive-secondary-on-hover: 137 62% 89%;
386
+ --brand-colorbase-colors-button-positive-secondary-on-press: 136 60% 77%;
387
+ --brand-colorbase-colors-button-positive-ghost-active: 0 0% 100%;
388
+ --brand-colorbase-colors-button-positive-ghost-on-hover: 0 0% 0%;
389
+ --brand-colorbase-colors-button-positive-ghost-on-hover-alpha: 0.051;
390
+ --brand-colorbase-colors-button-positive-ghost-on-press: 0 0% 0%;
391
+ --brand-colorbase-colors-button-positive-ghost-on-press-alpha: 0.102;
392
+ --brand-colorbase-colors-button-neutral-primary-active: 240 2% 12%;
393
+ --brand-colorbase-colors-button-neutral-primary-on-hover: 240 2% 23%;
394
+ --brand-colorbase-colors-button-neutral-primary-on-press: 0 0% 0%;
395
+ --brand-colorbase-colors-button-neutral-secondary-active: 0 0% 0%;
396
+ --brand-colorbase-colors-button-neutral-secondary-active-alpha: 0.051;
397
+ --brand-colorbase-colors-button-neutral-secondary-on-hover: 0 0% 0%;
398
+ --brand-colorbase-colors-button-neutral-secondary-on-hover-alpha: 0.102;
399
+ --brand-colorbase-colors-button-neutral-secondary-on-press: 0 0% 0%;
400
+ --brand-colorbase-colors-button-neutral-secondary-on-press-alpha: 0.200;
401
+ --brand-colorbase-colors-button-neutral-outlined-active: 240 8% 82%;
402
+ --brand-colorbase-colors-button-neutral-outlined-on-hover: 240 8% 82%;
403
+ --brand-colorbase-colors-button-neutral-outlined-on-press: 240 8% 82%;
404
+ --brand-colorbase-colors-button-neutral-ghost-active: 0 0% 100%;
405
+ --brand-colorbase-colors-button-neutral-ghost-on-hover: 0 0% 0%;
406
+ --brand-colorbase-colors-button-neutral-ghost-on-hover-alpha: 0.051;
407
+ --brand-colorbase-colors-button-neutral-ghost-on-press: 0 0% 0%;
408
+ --brand-colorbase-colors-button-neutral-ghost-on-press-alpha: 0.102;
409
+ --brand-colorbase-colors-button-disabled-primarysecondary: 0 0% 0%;
410
+ --brand-colorbase-colors-button-disabled-primarysecondary-alpha: 0.051;
411
+ --brand-colorbase-colors-button-disabled-ghost: 0 0% 0%;
412
+ --brand-colorbase-colors-button-disabled-ghost-alpha: 0.000;
413
+ --brand-colorbase-colors-accent-colors-green: 137 80% 43%;
414
+ --brand-colorbase-colors-accent-colors-green-secondary: 137 62% 89%;
415
+ --brand-colorbase-colors-accent-colors-dark-green: 136 80% 29%;
416
+ --brand-colorbase-colors-accent-colors-yellow: 54 100% 49%;
417
+ --brand-colorbase-colors-accent-colors-yellow-secondary: 54 97% 87%;
418
+ --brand-colorbase-colors-accent-colors-orange: 29 98% 68%;
419
+ --brand-colorbase-colors-accent-colors-red: 353 78% 57%;
420
+ --brand-colorbase-colors-accent-colors-red-secondary: 353 77% 91%;
421
+ --brand-colorbase-colors-accent-colors-dark-red: 353 59% 34%;
422
+ --brand-colorbase-colors-accent-colors-client-accent: 16 99% 71%;
423
+ --brand-colorbase-colors-accent-colors-client-accent-secondary: 17 100% 92%;
424
+ --brand-colorbase-colors-accent-colors-client-accent-dark: 16 56% 65%;
425
+ --brand-colorbase-colors-accent-colors-purple: 267 100% 62%;
426
+ --brand-colorbase-colors-accent-colors-purple-secondary: 266 100% 92%;
427
+ --brand-colorbase-colors-accent-colors-purple-dark: 267 63% 39%;
428
+ --brand-colorbase-colors-accent-colors-dark-gray: 240 2% 12%;
429
+ --brand-colorbase-colors-border-neutral-primary: 0 0% 0%;
430
+ --brand-colorbase-colors-border-neutral-primary-alpha: 0.000;
431
+ --brand-colorbase-colors-border-contrast-primary: 0 0% 0%;
432
+ --brand-colorbase-colors-border-contrast-primary-alpha: 0.000;
433
+ --brand-colorbase-color-base-overlays-black-overlay95: 0 0% 0%;
434
+ --brand-colorbase-color-base-overlays-black-overlay95-alpha: 0.949;
435
+ --brand-colorbase-color-base-overlays-black-overlay90: 0 0% 0%;
436
+ --brand-colorbase-color-base-overlays-black-overlay90-alpha: 0.902;
437
+ --brand-colorbase-color-base-overlays-black-overlay85: 0 0% 0%;
438
+ --brand-colorbase-color-base-overlays-black-overlay85-alpha: 0.851;
439
+ --brand-colorbase-color-base-overlays-black-overlay80: 0 0% 0%;
440
+ --brand-colorbase-color-base-overlays-black-overlay80-alpha: 0.800;
441
+ --brand-colorbase-color-base-overlays-black-overlay75: 0 0% 0%;
442
+ --brand-colorbase-color-base-overlays-black-overlay75-alpha: 0.749;
443
+ --brand-colorbase-color-base-overlays-black-overlay70: 0 0% 0%;
444
+ --brand-colorbase-color-base-overlays-black-overlay70-alpha: 0.702;
445
+ --brand-colorbase-color-base-overlays-black-overlay65: 0 0% 0%;
446
+ --brand-colorbase-color-base-overlays-black-overlay65-alpha: 0.651;
447
+ --brand-colorbase-color-base-overlays-black-overlay60: 0 0% 0%;
448
+ --brand-colorbase-color-base-overlays-black-overlay60-alpha: 0.639;
449
+ --brand-colorbase-color-base-overlays-black-overlay55: 0 0% 0%;
450
+ --brand-colorbase-color-base-overlays-black-overlay55-alpha: 0.549;
451
+ --brand-colorbase-color-base-overlays-black-overlay50: 0 0% 0%;
452
+ --brand-colorbase-color-base-overlays-black-overlay50-alpha: 0.502;
453
+ --brand-colorbase-color-base-overlays-black-overlay45: 0 0% 0%;
454
+ --brand-colorbase-color-base-overlays-black-overlay45-alpha: 0.451;
455
+ --brand-colorbase-color-base-overlays-black-overlay40: 0 0% 0%;
456
+ --brand-colorbase-color-base-overlays-black-overlay40-alpha: 0.400;
457
+ --brand-colorbase-color-base-overlays-black-overlay35: 0 0% 0%;
458
+ --brand-colorbase-color-base-overlays-black-overlay35-alpha: 0.349;
459
+ --brand-colorbase-color-base-overlays-black-overlay30: 0 0% 0%;
460
+ --brand-colorbase-color-base-overlays-black-overlay30-alpha: 0.302;
461
+ --brand-colorbase-color-base-overlays-black-overlay25: 0 0% 0%;
462
+ --brand-colorbase-color-base-overlays-black-overlay25-alpha: 0.251;
463
+ --brand-colorbase-color-base-overlays-black-overlay20: 0 0% 0%;
464
+ --brand-colorbase-color-base-overlays-black-overlay20-alpha: 0.200;
465
+ --brand-colorbase-color-base-overlays-black-overlay15: 0 0% 0%;
466
+ --brand-colorbase-color-base-overlays-black-overlay15-alpha: 0.149;
467
+ --brand-colorbase-color-base-overlays-black-overlay10: 0 0% 0%;
468
+ --brand-colorbase-color-base-overlays-black-overlay10-alpha: 0.102;
469
+ --brand-colorbase-color-base-overlays-black-overlay5: 0 0% 0%;
470
+ --brand-colorbase-color-base-overlays-black-overlay5-alpha: 0.051;
471
+ --brand-colorbase-color-base-overlays-black-color: 0 0% 0%;
472
+ --brand-colorbase-color-base-overlays-black-color-alpha: 0.000;
473
+ --brand-colorbase-color-base-overlays-white-overlay95: 0 0% 100%;
474
+ --brand-colorbase-color-base-overlays-white-overlay95-alpha: 0.949;
475
+ --brand-colorbase-color-base-overlays-white-overlay90: 0 0% 100%;
476
+ --brand-colorbase-color-base-overlays-white-overlay90-alpha: 0.902;
477
+ --brand-colorbase-color-base-overlays-white-overlay85: 0 0% 100%;
478
+ --brand-colorbase-color-base-overlays-white-overlay85-alpha: 0.851;
479
+ --brand-colorbase-color-base-overlays-white-overlay80: 0 0% 100%;
480
+ --brand-colorbase-color-base-overlays-white-overlay80-alpha: 0.800;
481
+ --brand-colorbase-color-base-overlays-white-overlay75: 0 0% 100%;
482
+ --brand-colorbase-color-base-overlays-white-overlay75-alpha: 0.851;
483
+ --brand-colorbase-color-base-overlays-white-overlay70: 0 0% 100%;
484
+ --brand-colorbase-color-base-overlays-white-overlay70-alpha: 0.702;
485
+ --brand-colorbase-color-base-overlays-white-overlay65: 0 0% 100%;
486
+ --brand-colorbase-color-base-overlays-white-overlay65-alpha: 0.651;
487
+ --brand-colorbase-color-base-overlays-white-overlay60: 0 0% 100%;
488
+ --brand-colorbase-color-base-overlays-white-overlay60-alpha: 0.639;
489
+ --brand-colorbase-color-base-overlays-white-overlay55: 0 0% 100%;
490
+ --brand-colorbase-color-base-overlays-white-overlay55-alpha: 0.549;
491
+ --brand-colorbase-color-base-overlays-white-overlay50: 0 0% 100%;
492
+ --brand-colorbase-color-base-overlays-white-overlay50-alpha: 0.502;
493
+ --brand-colorbase-color-base-overlays-white-overlay45: 0 0% 100%;
494
+ --brand-colorbase-color-base-overlays-white-overlay45-alpha: 0.451;
495
+ --brand-colorbase-color-base-overlays-white-overlay40: 0 0% 100%;
496
+ --brand-colorbase-color-base-overlays-white-overlay40-alpha: 0.400;
497
+ --brand-colorbase-color-base-overlays-white-overlay35: 0 0% 100%;
498
+ --brand-colorbase-color-base-overlays-white-overlay35-alpha: 0.349;
499
+ --brand-colorbase-color-base-overlays-white-overlay30: 0 0% 100%;
500
+ --brand-colorbase-color-base-overlays-white-overlay30-alpha: 0.302;
501
+ --brand-colorbase-color-base-overlays-white-overlay25: 0 0% 100%;
502
+ --brand-colorbase-color-base-overlays-white-overlay25-alpha: 0.251;
503
+ --brand-colorbase-color-base-overlays-white-overlay20: 0 0% 100%;
504
+ --brand-colorbase-color-base-overlays-white-overlay20-alpha: 0.200;
505
+ --brand-colorbase-color-base-overlays-white-overlay15: 0 0% 100%;
506
+ --brand-colorbase-color-base-overlays-white-overlay15-alpha: 0.149;
507
+ --brand-colorbase-color-base-overlays-white-overlay10: 0 0% 100%;
508
+ --brand-colorbase-color-base-overlays-white-overlay10-alpha: 0.102;
509
+ --brand-colorbase-color-base-overlays-white-overlay-5: 0 0% 100%;
510
+ --brand-colorbase-color-base-overlays-white-overlay-5-alpha: 0.051;
511
+ --brand-colorbase-color-base-overlays-white-overlay-0: 0 0% 100%;
512
+ --brand-colorbase-color-base-overlays-white-overlay-0-alpha: 0.000;
513
+ --brand-colorbase-color-base-gray-gray-1: 0 0% 100%;
514
+ --brand-colorbase-color-base-gray-gray-2: 240 6% 97%;
515
+ --brand-colorbase-color-base-gray-gray-3: 240 4% 95%;
516
+ --brand-colorbase-color-base-gray-gray-4: 240 6% 93%;
517
+ --brand-colorbase-color-base-gray-gray-5: 240 7% 89%;
518
+ --brand-colorbase-color-base-gray-gray-6: 240 8% 82%;
519
+ --brand-colorbase-color-base-gray-gray-7: 240 7% 78%;
520
+ --brand-colorbase-color-base-gray-gray-8: 240 6% 73%;
521
+ --brand-colorbase-color-base-gray-gray-9: 240 5% 70%;
522
+ --brand-colorbase-color-base-gray-gray-10: 240 4% 62%;
523
+ --brand-colorbase-color-base-gray-gray-11: 240 3% 54%;
524
+ --brand-colorbase-color-base-gray-gray-12: 240 2% 46%;
525
+ --brand-colorbase-color-base-gray-gray-13: 240 2% 43%;
526
+ --brand-colorbase-color-base-gray-gray-14: 240 2% 35%;
527
+ --brand-colorbase-color-base-gray-gray-15: 240 2% 31%;
528
+ --brand-colorbase-color-base-gray-gray-16: 240 2% 23%;
529
+ --brand-colorbase-color-base-gray-gray-17: 240 1% 15%;
530
+ --brand-colorbase-color-base-gray-gray-18: 240 2% 12%;
531
+ --brand-colorbase-color-base-gray-gray-19: 240 3% 8%;
532
+ --brand-colorbase-color-base-gray-gray-20: 0 0% 0%;
533
+ --brand-colorbase-color-base-main-main-1: 16 100% 95%;
534
+ --brand-colorbase-color-base-main-main-2: 17 100% 92%;
535
+ --brand-colorbase-color-base-main-main-3: 16 100% 89%;
536
+ --brand-colorbase-color-base-main-main-4: 16 100% 86%;
537
+ --brand-colorbase-color-base-main-main-5: 16 100% 83%;
538
+ --brand-colorbase-color-base-main-main-6: 16 100% 80%;
539
+ --brand-colorbase-color-base-main-main-7: 16 99% 71%;
540
+ --brand-colorbase-color-base-main-main-8: 16 56% 65%;
541
+ --brand-colorbase-color-base-main-main-9: 16 36% 53%;
542
+ --brand-colorbase-color-base-main-main-10: 16 34% 41%;
543
+ --brand-colorbase-color-base-main-main-11: 16 38% 29%;
544
+ --brand-colorbase-color-base-main-main-12: 16 47% 17%;
545
+ --brand-colorbase-color-base-main-main-13: 16 100% 5%;
546
+ --brand-colorbase-color-base-red-red-1: 353 81% 96%;
547
+ --brand-colorbase-color-base-red-red-2: 353 77% 91%;
548
+ --brand-colorbase-color-base-red-red-3: 353 78% 87%;
549
+ --brand-colorbase-color-base-red-red-4: 353 77% 83%;
550
+ --brand-colorbase-color-base-red-red-5: 353 79% 74%;
551
+ --brand-colorbase-color-base-red-red-6: 353 78% 66%;
552
+ --brand-colorbase-color-base-red-red-7: 353 78% 57%;
553
+ --brand-colorbase-color-base-red-red-8: 353 59% 46%;
554
+ --brand-colorbase-color-base-red-red-9: 353 59% 34%;
555
+ --brand-colorbase-color-base-red-red-10: 353 59% 23%;
556
+ --brand-colorbase-color-base-red-red-11: 353 59% 17%;
557
+ --brand-colorbase-color-base-red-red-12: 353 59% 11%;
558
+ --brand-colorbase-color-base-red-red-13: 353 59% 6%;
559
+ --brand-colorbase-color-base-orange-orange-1: 27 100% 96%;
560
+ --brand-colorbase-color-base-orange-orange-2: 28 100% 92%;
561
+ --brand-colorbase-color-base-orange-orange-3: 29 97% 88%;
562
+ --brand-colorbase-color-base-orange-orange-4: 29 98% 84%;
563
+ --brand-colorbase-color-base-orange-orange-5: 28 98% 76%;
564
+ --brand-colorbase-color-base-orange-orange-6: 29 98% 68%;
565
+ --brand-colorbase-color-base-orange-orange-7: 28 98% 60%;
566
+ --brand-colorbase-color-base-orange-orange-8: 29 78% 53%;
567
+ --brand-colorbase-color-base-orange-orange-9: 28 73% 47%;
568
+ --brand-colorbase-color-base-orange-orange-10: 29 67% 36%;
569
+ --brand-colorbase-color-base-orange-orange-11: 28 67% 19%;
570
+ --brand-colorbase-color-base-orange-orange-12: 29 71% 13%;
571
+ --brand-colorbase-color-base-orange-orange-13: 28 74% 7%;
572
+ --brand-colorbase-color-base-yellow-yellow-1: 55 95% 92%;
573
+ --brand-colorbase-color-base-yellow-yellow-2: 54 97% 87%;
574
+ --brand-colorbase-color-base-yellow-yellow-3: 54 96% 82%;
575
+ --brand-colorbase-color-base-yellow-yellow-4: 54 96% 72%;
576
+ --brand-colorbase-color-base-yellow-yellow-5: 54 96% 62%;
577
+ --brand-colorbase-color-base-yellow-yellow-6: 54 100% 49%;
578
+ --brand-colorbase-color-base-yellow-yellow-7: 54 100% 47%;
579
+ --brand-colorbase-color-base-yellow-yellow-8: 54 100% 44%;
580
+ --brand-colorbase-color-base-yellow-yellow-9: 54 100% 37%;
581
+ --brand-colorbase-color-base-yellow-yellow-10: 54 100% 29%;
582
+ --brand-colorbase-color-base-yellow-yellow-11: 54 100% 20%;
583
+ --brand-colorbase-color-base-yellow-yellow-12: 53 100% 12%;
584
+ --brand-colorbase-color-base-yellow-yellow-13: 54 100% 7%;
585
+ --brand-colorbase-color-base-green-green-1: 138 59% 94%;
586
+ --brand-colorbase-color-base-green-green-2: 137 62% 89%;
587
+ --brand-colorbase-color-base-green-green-3: 137 61% 83%;
588
+ --brand-colorbase-color-base-green-green-4: 136 60% 77%;
589
+ --brand-colorbase-color-base-green-green-5: 137 61% 66%;
590
+ --brand-colorbase-color-base-green-green-6: 137 60% 55%;
591
+ --brand-colorbase-color-base-green-green-7: 137 80% 43%;
592
+ --brand-colorbase-color-base-green-green-8: 137 80% 36%;
593
+ --brand-colorbase-color-base-green-green-9: 136 80% 29%;
594
+ --brand-colorbase-color-base-green-green-10: 137 80% 18%;
595
+ --brand-colorbase-color-base-green-green-11: 136 79% 13%;
596
+ --brand-colorbase-color-base-green-green-12: 137 82% 9%;
597
+ --brand-colorbase-color-base-green-green-13: 137 82% 4%;
598
+ --brand-colorbase-color-base-blue-blue-1: 210 100% 96%;
599
+ --brand-colorbase-color-base-blue-blue-2: 209 100% 92%;
600
+ --brand-colorbase-color-base-blue-blue-3: 210 100% 88%;
601
+ --brand-colorbase-color-base-blue-blue-4: 210 100% 84%;
602
+ --brand-colorbase-color-base-blue-blue-5: 210 100% 76%;
603
+ --brand-colorbase-color-base-blue-blue-6: 210 100% 68%;
604
+ --brand-colorbase-color-base-blue-blue-7: 210 100% 60%;
605
+ --brand-colorbase-color-base-blue-blue-8: 210 85% 55%;
606
+ --brand-colorbase-color-base-blue-blue-9: 210 67% 48%;
607
+ --brand-colorbase-color-base-blue-blue-10: 210 67% 37%;
608
+ --brand-colorbase-color-base-blue-blue-11: 210 69% 25%;
609
+ --brand-colorbase-color-base-blue-blue-12: 210 70% 19%;
610
+ --brand-colorbase-color-base-blue-blue-13: 209 71% 14%;
611
+ --brand-colorbase-color-base-purple-purple-1: 265 100% 96%;
612
+ --brand-colorbase-color-base-purple-purple-2: 266 100% 92%;
613
+ --brand-colorbase-color-base-purple-purple-3: 267 100% 89%;
614
+ --brand-colorbase-color-base-purple-purple-4: 267 100% 85%;
615
+ --brand-colorbase-color-base-purple-purple-5: 266 100% 77%;
616
+ --brand-colorbase-color-base-purple-purple-6: 267 100% 70%;
617
+ --brand-colorbase-color-base-purple-purple-7: 267 100% 62%;
618
+ --brand-colorbase-color-base-purple-purple-8: 266 63% 50%;
619
+ --brand-colorbase-color-base-purple-purple-9: 267 63% 39%;
620
+ --brand-colorbase-color-base-purple-purple-10: 267 65% 27%;
621
+ --brand-colorbase-color-base-purple-purple-11: 266 67% 21%;
622
+ --brand-colorbase-color-base-purple-purple-12: 267 70% 15%;
623
+ --brand-colorbase-color-base-purple-purple-13: 267 76% 10%;
624
+ }
625
+ .theme-hr-light {
626
+ --brand-colorbase-colors-background-frame: 240 6% 97%;
627
+ --brand-colorbase-colors-background-primary: 0 0% 100%;
628
+ --brand-colorbase-colors-background-secondary: 240 6% 97%;
629
+ --brand-colorbase-colors-background-disabled: 240 6% 93%;
630
+ --brand-colorbase-colors-background-client-accent-primary: 16 99% 71%;
631
+ --brand-colorbase-colors-background-client-accent-secondary: 16 100% 95%;
632
+ --brand-colorbase-colors-background-accent-primary: 353 78% 57%;
633
+ --brand-colorbase-colors-background-accent-secondary: 16 100% 95%;
634
+ --brand-colorbase-colors-background-dark: 240 2% 12%;
635
+ --brand-colorbase-colors-divider-primary: 240 8% 82%;
636
+ --brand-colorbase-colors-divider-secondary: 240 6% 93%;
637
+ --brand-colorbase-colors-divider-tertiary: 240 6% 97%;
638
+ --brand-colorbase-colors-texticons-primary: 240 3% 8%;
639
+ --brand-colorbase-colors-texticons-secondary: 240 2% 46%;
640
+ --brand-colorbase-colors-texticons-secondary-alpha-light: 0 0% 100%;
641
+ --brand-colorbase-colors-texticons-secondary-alpha-light-alpha: 0.502;
642
+ --brand-colorbase-colors-texticons-secondary-alpha-dark: 0 0% 0%;
643
+ --brand-colorbase-colors-texticons-secondary-alpha-dark-alpha: 0.502;
644
+ --brand-colorbase-colors-texticons-tertiary: 240 7% 78%;
645
+ --brand-colorbase-colors-texticons-tertiary-alpha-light: 0 0% 100%;
646
+ --brand-colorbase-colors-texticons-tertiary-alpha-light-alpha: 0.302;
647
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark: 0 0% 0%;
648
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha: 0.302;
649
+ --brand-colorbase-colors-texticons-accent: 353 78% 57%;
650
+ --brand-colorbase-colors-texticons-accent-secondary: 353 77% 83%;
651
+ --brand-colorbase-colors-texticons-accent-tertiary: 265 100% 96%;
652
+ --brand-colorbase-colors-texticons-negative: 353 78% 57%;
653
+ --brand-colorbase-colors-texticons-positive: 137 80% 43%;
654
+ --brand-colorbase-colors-texticons-on-accentdark: 0 0% 100%;
655
+ --brand-colorbase-colors-texticons-link: 210 85% 55%;
656
+ --brand-colorbase-colors-button-on-accent-primary-active: 0 0% 100%;
657
+ --brand-colorbase-colors-button-on-accent-primary-on-hover: 240 6% 97%;
658
+ --brand-colorbase-colors-button-on-accent-primary-on-press: 240 5% 70%;
659
+ --brand-colorbase-colors-button-on-accent-secondary-active: 0 0% 100%;
660
+ --brand-colorbase-colors-button-on-accent-secondary-active-alpha: 0.102;
661
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover: 0 0% 100%;
662
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover-alpha: 0.149;
663
+ --brand-colorbase-colors-button-on-accent-secondary-on-press: 0 0% 100%;
664
+ --brand-colorbase-colors-button-on-accent-secondary-on-press-alpha: 0.051;
665
+ --brand-colorbase-colors-button-on-accent-ghost-active: 0 0% 100%;
666
+ --brand-colorbase-colors-button-on-accent-ghost-active-alpha: 0.000;
667
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover: 0 0% 100%;
668
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover-alpha: 0.102;
669
+ --brand-colorbase-colors-button-on-accent-ghost-on-press: 0 0% 100%;
670
+ --brand-colorbase-colors-button-on-accent-ghost-on-press-alpha: 0.051;
671
+ --brand-colorbase-colors-button-negative-primary-active: 353 78% 57%;
672
+ --brand-colorbase-colors-button-negative-primary-on-hover: 353 78% 66%;
673
+ --brand-colorbase-colors-button-negative-primary-on-press: 353 59% 46%;
674
+ --brand-colorbase-colors-button-negative-secondary-active: 353 81% 96%;
675
+ --brand-colorbase-colors-button-negative-secondary-on-hover: 353 77% 91%;
676
+ --brand-colorbase-colors-button-negative-secondary-on-press: 353 77% 83%;
677
+ --brand-colorbase-colors-button-negative-ghost-active: 0 0% 100%;
678
+ --brand-colorbase-colors-button-negative-ghost-on-hover: 0 0% 0%;
679
+ --brand-colorbase-colors-button-negative-ghost-on-hover-alpha: 0.051;
680
+ --brand-colorbase-colors-button-negative-ghost-on-press: 0 0% 0%;
681
+ --brand-colorbase-colors-button-negative-ghost-on-press-alpha: 0.102;
682
+ --brand-colorbase-colors-button-themed-primary-active: 353 78% 57%;
683
+ --brand-colorbase-colors-button-themed-primary-on-hover: 353 79% 74%;
684
+ --brand-colorbase-colors-button-themed-primary-on-press: 353 59% 46%;
685
+ --brand-colorbase-colors-button-themed-secondary-active: 353 81% 96%;
686
+ --brand-colorbase-colors-button-themed-secondary-on-hover: 353 77% 91%;
687
+ --brand-colorbase-colors-button-themed-secondary-on-press: 353 78% 87%;
688
+ --brand-colorbase-colors-button-themed-ghost-active: 0 0% 100%;
689
+ --brand-colorbase-colors-button-themed-ghost-on-hover: 0 0% 0%;
690
+ --brand-colorbase-colors-button-themed-ghost-on-hover-alpha: 0.051;
691
+ --brand-colorbase-colors-button-themed-ghost-on-press: 0 0% 0%;
692
+ --brand-colorbase-colors-button-themed-ghost-on-press-alpha: 0.102;
693
+ --brand-colorbase-colors-button-positive-primary-active: 137 60% 55%;
694
+ --brand-colorbase-colors-button-positive-primary-on-hover: 137 61% 66%;
695
+ --brand-colorbase-colors-button-positive-primary-on-press: 137 80% 36%;
696
+ --brand-colorbase-colors-button-positive-secondary-active: 138 59% 94%;
697
+ --brand-colorbase-colors-button-positive-secondary-on-hover: 137 62% 89%;
698
+ --brand-colorbase-colors-button-positive-secondary-on-press: 136 60% 77%;
699
+ --brand-colorbase-colors-button-positive-ghost-active: 0 0% 100%;
700
+ --brand-colorbase-colors-button-positive-ghost-on-hover: 0 0% 0%;
701
+ --brand-colorbase-colors-button-positive-ghost-on-hover-alpha: 0.051;
702
+ --brand-colorbase-colors-button-positive-ghost-on-press: 0 0% 0%;
703
+ --brand-colorbase-colors-button-positive-ghost-on-press-alpha: 0.102;
704
+ --brand-colorbase-colors-button-neutral-primary-active: 240 2% 12%;
705
+ --brand-colorbase-colors-button-neutral-primary-on-hover: 240 2% 23%;
706
+ --brand-colorbase-colors-button-neutral-primary-on-press: 0 0% 0%;
707
+ --brand-colorbase-colors-button-neutral-secondary-active: 0 0% 0%;
708
+ --brand-colorbase-colors-button-neutral-secondary-active-alpha: 0.051;
709
+ --brand-colorbase-colors-button-neutral-secondary-on-hover: 0 0% 0%;
710
+ --brand-colorbase-colors-button-neutral-secondary-on-hover-alpha: 0.102;
711
+ --brand-colorbase-colors-button-neutral-secondary-on-press: 0 0% 0%;
712
+ --brand-colorbase-colors-button-neutral-secondary-on-press-alpha: 0.200;
713
+ --brand-colorbase-colors-button-neutral-outlined-active: 240 8% 82%;
714
+ --brand-colorbase-colors-button-neutral-outlined-on-hover: 240 8% 82%;
715
+ --brand-colorbase-colors-button-neutral-outlined-on-press: 240 8% 82%;
716
+ --brand-colorbase-colors-button-neutral-ghost-active: 0 0% 100%;
717
+ --brand-colorbase-colors-button-neutral-ghost-on-hover: 0 0% 0%;
718
+ --brand-colorbase-colors-button-neutral-ghost-on-hover-alpha: 0.051;
719
+ --brand-colorbase-colors-button-neutral-ghost-on-press: 0 0% 0%;
720
+ --brand-colorbase-colors-button-neutral-ghost-on-press-alpha: 0.102;
721
+ --brand-colorbase-colors-button-disabled-primarysecondary: 0 0% 0%;
722
+ --brand-colorbase-colors-button-disabled-primarysecondary-alpha: 0.051;
723
+ --brand-colorbase-colors-button-disabled-ghost: 0 0% 0%;
724
+ --brand-colorbase-colors-button-disabled-ghost-alpha: 0.000;
725
+ --brand-colorbase-colors-accent-colors-green: 137 80% 43%;
726
+ --brand-colorbase-colors-accent-colors-green-secondary: 137 62% 89%;
727
+ --brand-colorbase-colors-accent-colors-dark-green: 136 80% 29%;
728
+ --brand-colorbase-colors-accent-colors-yellow: 54 100% 49%;
729
+ --brand-colorbase-colors-accent-colors-yellow-secondary: 54 97% 87%;
730
+ --brand-colorbase-colors-accent-colors-orange: 29 98% 68%;
731
+ --brand-colorbase-colors-accent-colors-red: 353 78% 57%;
732
+ --brand-colorbase-colors-accent-colors-red-secondary: 353 77% 91%;
733
+ --brand-colorbase-colors-accent-colors-dark-red: 353 59% 34%;
734
+ --brand-colorbase-colors-accent-colors-client-accent: 16 99% 71%;
735
+ --brand-colorbase-colors-accent-colors-client-accent-secondary: 17 100% 92%;
736
+ --brand-colorbase-colors-accent-colors-client-accent-dark: 16 56% 65%;
737
+ --brand-colorbase-colors-accent-colors-purple: 267 100% 62%;
738
+ --brand-colorbase-colors-accent-colors-purple-secondary: 266 100% 92%;
739
+ --brand-colorbase-colors-accent-colors-purple-dark: 267 63% 39%;
740
+ --brand-colorbase-colors-accent-colors-dark-gray: 240 2% 12%;
741
+ --brand-colorbase-colors-border-neutral-primary: 0 0% 0%;
742
+ --brand-colorbase-colors-border-neutral-primary-alpha: 0.000;
743
+ --brand-colorbase-colors-border-contrast-primary: 0 0% 0%;
744
+ --brand-colorbase-colors-border-contrast-primary-alpha: 0.000;
745
+ --brand-colorbase-color-base-overlays-black-overlay95: 0 0% 0%;
746
+ --brand-colorbase-color-base-overlays-black-overlay95-alpha: 0.949;
747
+ --brand-colorbase-color-base-overlays-black-overlay90: 0 0% 0%;
748
+ --brand-colorbase-color-base-overlays-black-overlay90-alpha: 0.902;
749
+ --brand-colorbase-color-base-overlays-black-overlay85: 0 0% 0%;
750
+ --brand-colorbase-color-base-overlays-black-overlay85-alpha: 0.851;
751
+ --brand-colorbase-color-base-overlays-black-overlay80: 0 0% 0%;
752
+ --brand-colorbase-color-base-overlays-black-overlay80-alpha: 0.800;
753
+ --brand-colorbase-color-base-overlays-black-overlay75: 0 0% 0%;
754
+ --brand-colorbase-color-base-overlays-black-overlay75-alpha: 0.749;
755
+ --brand-colorbase-color-base-overlays-black-overlay70: 0 0% 0%;
756
+ --brand-colorbase-color-base-overlays-black-overlay70-alpha: 0.702;
757
+ --brand-colorbase-color-base-overlays-black-overlay65: 0 0% 0%;
758
+ --brand-colorbase-color-base-overlays-black-overlay65-alpha: 0.651;
759
+ --brand-colorbase-color-base-overlays-black-overlay60: 0 0% 0%;
760
+ --brand-colorbase-color-base-overlays-black-overlay60-alpha: 0.639;
761
+ --brand-colorbase-color-base-overlays-black-overlay55: 0 0% 0%;
762
+ --brand-colorbase-color-base-overlays-black-overlay55-alpha: 0.549;
763
+ --brand-colorbase-color-base-overlays-black-overlay50: 0 0% 0%;
764
+ --brand-colorbase-color-base-overlays-black-overlay50-alpha: 0.502;
765
+ --brand-colorbase-color-base-overlays-black-overlay45: 0 0% 0%;
766
+ --brand-colorbase-color-base-overlays-black-overlay45-alpha: 0.451;
767
+ --brand-colorbase-color-base-overlays-black-overlay40: 0 0% 0%;
768
+ --brand-colorbase-color-base-overlays-black-overlay40-alpha: 0.400;
769
+ --brand-colorbase-color-base-overlays-black-overlay35: 0 0% 0%;
770
+ --brand-colorbase-color-base-overlays-black-overlay35-alpha: 0.349;
771
+ --brand-colorbase-color-base-overlays-black-overlay30: 0 0% 0%;
772
+ --brand-colorbase-color-base-overlays-black-overlay30-alpha: 0.302;
773
+ --brand-colorbase-color-base-overlays-black-overlay25: 0 0% 0%;
774
+ --brand-colorbase-color-base-overlays-black-overlay25-alpha: 0.251;
775
+ --brand-colorbase-color-base-overlays-black-overlay20: 0 0% 0%;
776
+ --brand-colorbase-color-base-overlays-black-overlay20-alpha: 0.200;
777
+ --brand-colorbase-color-base-overlays-black-overlay15: 0 0% 0%;
778
+ --brand-colorbase-color-base-overlays-black-overlay15-alpha: 0.149;
779
+ --brand-colorbase-color-base-overlays-black-overlay10: 0 0% 0%;
780
+ --brand-colorbase-color-base-overlays-black-overlay10-alpha: 0.102;
781
+ --brand-colorbase-color-base-overlays-black-overlay5: 0 0% 0%;
782
+ --brand-colorbase-color-base-overlays-black-overlay5-alpha: 0.051;
783
+ --brand-colorbase-color-base-overlays-black-color: 0 0% 0%;
784
+ --brand-colorbase-color-base-overlays-black-color-alpha: 0.000;
785
+ --brand-colorbase-color-base-overlays-white-overlay95: 0 0% 100%;
786
+ --brand-colorbase-color-base-overlays-white-overlay95-alpha: 0.949;
787
+ --brand-colorbase-color-base-overlays-white-overlay90: 0 0% 100%;
788
+ --brand-colorbase-color-base-overlays-white-overlay90-alpha: 0.902;
789
+ --brand-colorbase-color-base-overlays-white-overlay85: 0 0% 100%;
790
+ --brand-colorbase-color-base-overlays-white-overlay85-alpha: 0.851;
791
+ --brand-colorbase-color-base-overlays-white-overlay80: 0 0% 100%;
792
+ --brand-colorbase-color-base-overlays-white-overlay80-alpha: 0.800;
793
+ --brand-colorbase-color-base-overlays-white-overlay75: 0 0% 100%;
794
+ --brand-colorbase-color-base-overlays-white-overlay75-alpha: 0.851;
795
+ --brand-colorbase-color-base-overlays-white-overlay70: 0 0% 100%;
796
+ --brand-colorbase-color-base-overlays-white-overlay70-alpha: 0.702;
797
+ --brand-colorbase-color-base-overlays-white-overlay65: 0 0% 100%;
798
+ --brand-colorbase-color-base-overlays-white-overlay65-alpha: 0.651;
799
+ --brand-colorbase-color-base-overlays-white-overlay60: 0 0% 100%;
800
+ --brand-colorbase-color-base-overlays-white-overlay60-alpha: 0.639;
801
+ --brand-colorbase-color-base-overlays-white-overlay55: 0 0% 100%;
802
+ --brand-colorbase-color-base-overlays-white-overlay55-alpha: 0.549;
803
+ --brand-colorbase-color-base-overlays-white-overlay50: 0 0% 100%;
804
+ --brand-colorbase-color-base-overlays-white-overlay50-alpha: 0.502;
805
+ --brand-colorbase-color-base-overlays-white-overlay45: 0 0% 100%;
806
+ --brand-colorbase-color-base-overlays-white-overlay45-alpha: 0.451;
807
+ --brand-colorbase-color-base-overlays-white-overlay40: 0 0% 100%;
808
+ --brand-colorbase-color-base-overlays-white-overlay40-alpha: 0.400;
809
+ --brand-colorbase-color-base-overlays-white-overlay35: 0 0% 100%;
810
+ --brand-colorbase-color-base-overlays-white-overlay35-alpha: 0.349;
811
+ --brand-colorbase-color-base-overlays-white-overlay30: 0 0% 100%;
812
+ --brand-colorbase-color-base-overlays-white-overlay30-alpha: 0.302;
813
+ --brand-colorbase-color-base-overlays-white-overlay25: 0 0% 100%;
814
+ --brand-colorbase-color-base-overlays-white-overlay25-alpha: 0.251;
815
+ --brand-colorbase-color-base-overlays-white-overlay20: 0 0% 100%;
816
+ --brand-colorbase-color-base-overlays-white-overlay20-alpha: 0.200;
817
+ --brand-colorbase-color-base-overlays-white-overlay15: 0 0% 100%;
818
+ --brand-colorbase-color-base-overlays-white-overlay15-alpha: 0.149;
819
+ --brand-colorbase-color-base-overlays-white-overlay10: 0 0% 100%;
820
+ --brand-colorbase-color-base-overlays-white-overlay10-alpha: 0.102;
821
+ --brand-colorbase-color-base-overlays-white-overlay-5: 0 0% 100%;
822
+ --brand-colorbase-color-base-overlays-white-overlay-5-alpha: 0.051;
823
+ --brand-colorbase-color-base-overlays-white-overlay-0: 0 0% 100%;
824
+ --brand-colorbase-color-base-overlays-white-overlay-0-alpha: 0.000;
825
+ --brand-colorbase-color-base-gray-gray-1: 0 0% 100%;
826
+ --brand-colorbase-color-base-gray-gray-2: 240 6% 97%;
827
+ --brand-colorbase-color-base-gray-gray-3: 240 4% 95%;
828
+ --brand-colorbase-color-base-gray-gray-4: 240 6% 93%;
829
+ --brand-colorbase-color-base-gray-gray-5: 240 7% 89%;
830
+ --brand-colorbase-color-base-gray-gray-6: 240 8% 82%;
831
+ --brand-colorbase-color-base-gray-gray-7: 240 7% 78%;
832
+ --brand-colorbase-color-base-gray-gray-8: 240 6% 73%;
833
+ --brand-colorbase-color-base-gray-gray-9: 240 5% 70%;
834
+ --brand-colorbase-color-base-gray-gray-10: 240 4% 62%;
835
+ --brand-colorbase-color-base-gray-gray-11: 240 3% 54%;
836
+ --brand-colorbase-color-base-gray-gray-12: 240 2% 46%;
837
+ --brand-colorbase-color-base-gray-gray-13: 240 2% 43%;
838
+ --brand-colorbase-color-base-gray-gray-14: 240 2% 35%;
839
+ --brand-colorbase-color-base-gray-gray-15: 240 2% 31%;
840
+ --brand-colorbase-color-base-gray-gray-16: 240 2% 23%;
841
+ --brand-colorbase-color-base-gray-gray-17: 240 1% 15%;
842
+ --brand-colorbase-color-base-gray-gray-18: 240 2% 12%;
843
+ --brand-colorbase-color-base-gray-gray-19: 240 3% 8%;
844
+ --brand-colorbase-color-base-gray-gray-20: 0 0% 0%;
845
+ --brand-colorbase-color-base-main-main-1: 16 100% 95%;
846
+ --brand-colorbase-color-base-main-main-2: 17 100% 92%;
847
+ --brand-colorbase-color-base-main-main-3: 16 100% 89%;
848
+ --brand-colorbase-color-base-main-main-4: 16 100% 86%;
849
+ --brand-colorbase-color-base-main-main-5: 16 100% 83%;
850
+ --brand-colorbase-color-base-main-main-6: 16 100% 80%;
851
+ --brand-colorbase-color-base-main-main-7: 16 99% 71%;
852
+ --brand-colorbase-color-base-main-main-8: 16 56% 65%;
853
+ --brand-colorbase-color-base-main-main-9: 16 36% 53%;
854
+ --brand-colorbase-color-base-main-main-10: 16 34% 41%;
855
+ --brand-colorbase-color-base-main-main-11: 16 38% 29%;
856
+ --brand-colorbase-color-base-main-main-12: 16 47% 17%;
857
+ --brand-colorbase-color-base-main-main-13: 16 100% 5%;
858
+ --brand-colorbase-color-base-red-red-1: 353 81% 96%;
859
+ --brand-colorbase-color-base-red-red-2: 353 77% 91%;
860
+ --brand-colorbase-color-base-red-red-3: 353 78% 87%;
861
+ --brand-colorbase-color-base-red-red-4: 353 77% 83%;
862
+ --brand-colorbase-color-base-red-red-5: 353 79% 74%;
863
+ --brand-colorbase-color-base-red-red-6: 353 78% 66%;
864
+ --brand-colorbase-color-base-red-red-7: 353 78% 57%;
865
+ --brand-colorbase-color-base-red-red-8: 353 59% 46%;
866
+ --brand-colorbase-color-base-red-red-9: 353 59% 34%;
867
+ --brand-colorbase-color-base-red-red-10: 353 59% 23%;
868
+ --brand-colorbase-color-base-red-red-11: 353 59% 17%;
869
+ --brand-colorbase-color-base-red-red-12: 353 59% 11%;
870
+ --brand-colorbase-color-base-red-red-13: 353 59% 6%;
871
+ --brand-colorbase-color-base-orange-orange-1: 27 100% 96%;
872
+ --brand-colorbase-color-base-orange-orange-2: 28 100% 92%;
873
+ --brand-colorbase-color-base-orange-orange-3: 29 97% 88%;
874
+ --brand-colorbase-color-base-orange-orange-4: 29 98% 84%;
875
+ --brand-colorbase-color-base-orange-orange-5: 28 98% 76%;
876
+ --brand-colorbase-color-base-orange-orange-6: 29 98% 68%;
877
+ --brand-colorbase-color-base-orange-orange-7: 28 98% 60%;
878
+ --brand-colorbase-color-base-orange-orange-8: 29 78% 53%;
879
+ --brand-colorbase-color-base-orange-orange-9: 28 73% 47%;
880
+ --brand-colorbase-color-base-orange-orange-10: 29 67% 36%;
881
+ --brand-colorbase-color-base-orange-orange-11: 28 67% 19%;
882
+ --brand-colorbase-color-base-orange-orange-12: 29 71% 13%;
883
+ --brand-colorbase-color-base-orange-orange-13: 28 74% 7%;
884
+ --brand-colorbase-color-base-yellow-yellow-1: 55 95% 92%;
885
+ --brand-colorbase-color-base-yellow-yellow-2: 54 97% 87%;
886
+ --brand-colorbase-color-base-yellow-yellow-3: 54 96% 82%;
887
+ --brand-colorbase-color-base-yellow-yellow-4: 54 96% 72%;
888
+ --brand-colorbase-color-base-yellow-yellow-5: 54 96% 62%;
889
+ --brand-colorbase-color-base-yellow-yellow-6: 54 100% 49%;
890
+ --brand-colorbase-color-base-yellow-yellow-7: 54 100% 47%;
891
+ --brand-colorbase-color-base-yellow-yellow-8: 54 100% 44%;
892
+ --brand-colorbase-color-base-yellow-yellow-9: 54 100% 37%;
893
+ --brand-colorbase-color-base-yellow-yellow-10: 54 100% 29%;
894
+ --brand-colorbase-color-base-yellow-yellow-11: 54 100% 20%;
895
+ --brand-colorbase-color-base-yellow-yellow-12: 53 100% 12%;
896
+ --brand-colorbase-color-base-yellow-yellow-13: 54 100% 7%;
897
+ --brand-colorbase-color-base-green-green-1: 138 59% 94%;
898
+ --brand-colorbase-color-base-green-green-2: 137 62% 89%;
899
+ --brand-colorbase-color-base-green-green-3: 137 61% 83%;
900
+ --brand-colorbase-color-base-green-green-4: 136 60% 77%;
901
+ --brand-colorbase-color-base-green-green-5: 137 61% 66%;
902
+ --brand-colorbase-color-base-green-green-6: 137 60% 55%;
903
+ --brand-colorbase-color-base-green-green-7: 137 80% 43%;
904
+ --brand-colorbase-color-base-green-green-8: 137 80% 36%;
905
+ --brand-colorbase-color-base-green-green-9: 136 80% 29%;
906
+ --brand-colorbase-color-base-green-green-10: 137 80% 18%;
907
+ --brand-colorbase-color-base-green-green-11: 136 79% 13%;
908
+ --brand-colorbase-color-base-green-green-12: 137 82% 9%;
909
+ --brand-colorbase-color-base-green-green-13: 137 82% 4%;
910
+ --brand-colorbase-color-base-blue-blue-1: 210 100% 96%;
911
+ --brand-colorbase-color-base-blue-blue-2: 209 100% 92%;
912
+ --brand-colorbase-color-base-blue-blue-3: 210 100% 88%;
913
+ --brand-colorbase-color-base-blue-blue-4: 210 100% 84%;
914
+ --brand-colorbase-color-base-blue-blue-5: 210 100% 76%;
915
+ --brand-colorbase-color-base-blue-blue-6: 210 100% 68%;
916
+ --brand-colorbase-color-base-blue-blue-7: 210 100% 60%;
917
+ --brand-colorbase-color-base-blue-blue-8: 210 85% 55%;
918
+ --brand-colorbase-color-base-blue-blue-9: 210 67% 48%;
919
+ --brand-colorbase-color-base-blue-blue-10: 210 67% 37%;
920
+ --brand-colorbase-color-base-blue-blue-11: 210 69% 25%;
921
+ --brand-colorbase-color-base-blue-blue-12: 210 70% 19%;
922
+ --brand-colorbase-color-base-blue-blue-13: 209 71% 14%;
923
+ --brand-colorbase-color-base-purple-purple-1: 265 100% 96%;
924
+ --brand-colorbase-color-base-purple-purple-2: 266 100% 92%;
925
+ --brand-colorbase-color-base-purple-purple-3: 267 100% 89%;
926
+ --brand-colorbase-color-base-purple-purple-4: 267 100% 85%;
927
+ --brand-colorbase-color-base-purple-purple-5: 266 100% 77%;
928
+ --brand-colorbase-color-base-purple-purple-6: 267 100% 70%;
929
+ --brand-colorbase-color-base-purple-purple-7: 267 100% 62%;
930
+ --brand-colorbase-color-base-purple-purple-8: 266 63% 50%;
931
+ --brand-colorbase-color-base-purple-purple-9: 267 63% 39%;
932
+ --brand-colorbase-color-base-purple-purple-10: 267 65% 27%;
933
+ --brand-colorbase-color-base-purple-purple-11: 266 67% 21%;
934
+ --brand-colorbase-color-base-purple-purple-12: 267 70% 15%;
935
+ --brand-colorbase-color-base-purple-purple-13: 267 76% 10%;
936
+ }
937
+ .theme-mode-1 {
938
+ --brand-colorbase-colors-background-frame: 240 6% 97%;
939
+ --brand-colorbase-colors-background-primary: 0 0% 100%;
940
+ --brand-colorbase-colors-background-secondary: 240 6% 97%;
941
+ --brand-colorbase-colors-background-disabled: 240 6% 93%;
942
+ --brand-colorbase-colors-background-client-accent-primary: 16 99% 71%;
943
+ --brand-colorbase-colors-background-client-accent-secondary: 16 100% 95%;
944
+ --brand-colorbase-colors-background-accent-primary: 16 99% 71%;
945
+ --brand-colorbase-colors-background-accent-secondary: 16 100% 95%;
946
+ --brand-colorbase-colors-background-dark: 240 2% 12%;
947
+ --brand-colorbase-colors-divider-primary: 240 8% 82%;
948
+ --brand-colorbase-colors-divider-secondary: 240 6% 93%;
949
+ --brand-colorbase-colors-divider-tertiary: 240 6% 97%;
950
+ --brand-colorbase-colors-texticons-primary: 240 3% 8%;
951
+ --brand-colorbase-colors-texticons-secondary: 240 2% 46%;
952
+ --brand-colorbase-colors-texticons-secondary-alpha-light: 0 0% 100%;
953
+ --brand-colorbase-colors-texticons-secondary-alpha-light-alpha: 0.502;
954
+ --brand-colorbase-colors-texticons-secondary-alpha-dark: 0 0% 0%;
955
+ --brand-colorbase-colors-texticons-secondary-alpha-dark-alpha: 0.502;
956
+ --brand-colorbase-colors-texticons-tertiary: 240 7% 78%;
957
+ --brand-colorbase-colors-texticons-tertiary-alpha-light: 0 0% 100%;
958
+ --brand-colorbase-colors-texticons-tertiary-alpha-light-alpha: 0.302;
959
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark: 0 0% 0%;
960
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha: 0.302;
961
+ --brand-colorbase-colors-texticons-accent: 16 99% 71%;
962
+ --brand-colorbase-colors-texticons-accent-secondary: 16 100% 86%;
963
+ --brand-colorbase-colors-texticons-accent-tertiary: 265 100% 96%;
964
+ --brand-colorbase-colors-texticons-negative: 353 78% 57%;
965
+ --brand-colorbase-colors-texticons-positive: 137 80% 43%;
966
+ --brand-colorbase-colors-texticons-on-accentdark: 0 0% 100%;
967
+ --brand-colorbase-colors-texticons-link: 210 85% 55%;
968
+ --brand-colorbase-colors-button-on-accent-primary-active: 0 0% 100%;
969
+ --brand-colorbase-colors-button-on-accent-primary-on-hover: 240 6% 97%;
970
+ --brand-colorbase-colors-button-on-accent-primary-on-press: 240 5% 70%;
971
+ --brand-colorbase-colors-button-on-accent-secondary-active: 0 0% 100%;
972
+ --brand-colorbase-colors-button-on-accent-secondary-active-alpha: 0.102;
973
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover: 0 0% 100%;
974
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover-alpha: 0.149;
975
+ --brand-colorbase-colors-button-on-accent-secondary-on-press: 0 0% 100%;
976
+ --brand-colorbase-colors-button-on-accent-secondary-on-press-alpha: 0.051;
977
+ --brand-colorbase-colors-button-on-accent-ghost-active: 0 0% 100%;
978
+ --brand-colorbase-colors-button-on-accent-ghost-active-alpha: 0.000;
979
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover: 0 0% 100%;
980
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover-alpha: 0.102;
981
+ --brand-colorbase-colors-button-on-accent-ghost-on-press: 0 0% 100%;
982
+ --brand-colorbase-colors-button-on-accent-ghost-on-press-alpha: 0.051;
983
+ --brand-colorbase-colors-button-negative-primary-active: 353 78% 57%;
984
+ --brand-colorbase-colors-button-negative-primary-on-hover: 353 78% 66%;
985
+ --brand-colorbase-colors-button-negative-primary-on-press: 353 59% 46%;
986
+ --brand-colorbase-colors-button-negative-secondary-active: 353 81% 96%;
987
+ --brand-colorbase-colors-button-negative-secondary-on-hover: 353 77% 91%;
988
+ --brand-colorbase-colors-button-negative-secondary-on-press: 353 77% 83%;
989
+ --brand-colorbase-colors-button-negative-ghost-active: 0 0% 100%;
990
+ --brand-colorbase-colors-button-negative-ghost-on-hover: 0 0% 0%;
991
+ --brand-colorbase-colors-button-negative-ghost-on-hover-alpha: 0.051;
992
+ --brand-colorbase-colors-button-negative-ghost-on-press: 0 0% 0%;
993
+ --brand-colorbase-colors-button-negative-ghost-on-press-alpha: 0.102;
994
+ --brand-colorbase-colors-button-themed-primary-active: 16 99% 71%;
995
+ --brand-colorbase-colors-button-themed-primary-on-hover: 16 100% 83%;
996
+ --brand-colorbase-colors-button-themed-primary-on-press: 16 56% 65%;
997
+ --brand-colorbase-colors-button-themed-secondary-active: 16 100% 95%;
998
+ --brand-colorbase-colors-button-themed-secondary-on-hover: 17 100% 92%;
999
+ --brand-colorbase-colors-button-themed-secondary-on-press: 16 100% 89%;
1000
+ --brand-colorbase-colors-button-themed-ghost-active: 0 0% 100%;
1001
+ --brand-colorbase-colors-button-themed-ghost-on-hover: 0 0% 0%;
1002
+ --brand-colorbase-colors-button-themed-ghost-on-hover-alpha: 0.051;
1003
+ --brand-colorbase-colors-button-themed-ghost-on-press: 0 0% 0%;
1004
+ --brand-colorbase-colors-button-themed-ghost-on-press-alpha: 0.102;
1005
+ --brand-colorbase-colors-button-positive-primary-active: 137 60% 55%;
1006
+ --brand-colorbase-colors-button-positive-primary-on-hover: 137 61% 66%;
1007
+ --brand-colorbase-colors-button-positive-primary-on-press: 137 80% 36%;
1008
+ --brand-colorbase-colors-button-positive-secondary-active: 138 59% 94%;
1009
+ --brand-colorbase-colors-button-positive-secondary-on-hover: 137 62% 89%;
1010
+ --brand-colorbase-colors-button-positive-secondary-on-press: 136 60% 77%;
1011
+ --brand-colorbase-colors-button-positive-ghost-active: 0 0% 100%;
1012
+ --brand-colorbase-colors-button-positive-ghost-on-hover: 0 0% 0%;
1013
+ --brand-colorbase-colors-button-positive-ghost-on-hover-alpha: 0.051;
1014
+ --brand-colorbase-colors-button-positive-ghost-on-press: 0 0% 0%;
1015
+ --brand-colorbase-colors-button-positive-ghost-on-press-alpha: 0.102;
1016
+ --brand-colorbase-colors-button-neutral-primary-active: 240 2% 12%;
1017
+ --brand-colorbase-colors-button-neutral-primary-on-hover: 240 2% 23%;
1018
+ --brand-colorbase-colors-button-neutral-primary-on-press: 0 0% 0%;
1019
+ --brand-colorbase-colors-button-neutral-secondary-active: 0 0% 0%;
1020
+ --brand-colorbase-colors-button-neutral-secondary-active-alpha: 0.051;
1021
+ --brand-colorbase-colors-button-neutral-secondary-on-hover: 0 0% 0%;
1022
+ --brand-colorbase-colors-button-neutral-secondary-on-hover-alpha: 0.102;
1023
+ --brand-colorbase-colors-button-neutral-secondary-on-press: 0 0% 0%;
1024
+ --brand-colorbase-colors-button-neutral-secondary-on-press-alpha: 0.200;
1025
+ --brand-colorbase-colors-button-neutral-outlined-active: 240 8% 82%;
1026
+ --brand-colorbase-colors-button-neutral-outlined-on-hover: 240 8% 82%;
1027
+ --brand-colorbase-colors-button-neutral-outlined-on-press: 240 8% 82%;
1028
+ --brand-colorbase-colors-button-neutral-ghost-active: 0 0% 100%;
1029
+ --brand-colorbase-colors-button-neutral-ghost-on-hover: 0 0% 0%;
1030
+ --brand-colorbase-colors-button-neutral-ghost-on-hover-alpha: 0.051;
1031
+ --brand-colorbase-colors-button-neutral-ghost-on-press: 0 0% 0%;
1032
+ --brand-colorbase-colors-button-neutral-ghost-on-press-alpha: 0.102;
1033
+ --brand-colorbase-colors-button-disabled-primarysecondary: 0 0% 0%;
1034
+ --brand-colorbase-colors-button-disabled-primarysecondary-alpha: 0.051;
1035
+ --brand-colorbase-colors-button-disabled-ghost: 0 0% 0%;
1036
+ --brand-colorbase-colors-button-disabled-ghost-alpha: 0.000;
1037
+ --brand-colorbase-colors-accent-colors-green: 137 80% 43%;
1038
+ --brand-colorbase-colors-accent-colors-green-secondary: 137 62% 89%;
1039
+ --brand-colorbase-colors-accent-colors-dark-green: 136 80% 29%;
1040
+ --brand-colorbase-colors-accent-colors-yellow: 54 100% 49%;
1041
+ --brand-colorbase-colors-accent-colors-yellow-secondary: 54 97% 87%;
1042
+ --brand-colorbase-colors-accent-colors-orange: 29 98% 68%;
1043
+ --brand-colorbase-colors-accent-colors-red: 353 78% 57%;
1044
+ --brand-colorbase-colors-accent-colors-red-secondary: 353 77% 91%;
1045
+ --brand-colorbase-colors-accent-colors-dark-red: 353 59% 34%;
1046
+ --brand-colorbase-colors-accent-colors-client-accent: 16 99% 71%;
1047
+ --brand-colorbase-colors-accent-colors-client-accent-secondary: 17 100% 92%;
1048
+ --brand-colorbase-colors-accent-colors-client-accent-dark: 16 56% 65%;
1049
+ --brand-colorbase-colors-accent-colors-purple: 267 100% 62%;
1050
+ --brand-colorbase-colors-accent-colors-purple-secondary: 266 100% 92%;
1051
+ --brand-colorbase-colors-accent-colors-purple-dark: 267 63% 39%;
1052
+ --brand-colorbase-colors-accent-colors-dark-gray: 240 2% 12%;
1053
+ --brand-colorbase-colors-border-neutral-primary: 0 0% 0%;
1054
+ --brand-colorbase-colors-border-neutral-primary-alpha: 0.000;
1055
+ --brand-colorbase-colors-border-contrast-primary: 0 0% 0%;
1056
+ --brand-colorbase-colors-border-contrast-primary-alpha: 0.000;
1057
+ --brand-colorbase-color-base-overlays-black-overlay95: 0 0% 0%;
1058
+ --brand-colorbase-color-base-overlays-black-overlay95-alpha: 0.949;
1059
+ --brand-colorbase-color-base-overlays-black-overlay90: 0 0% 0%;
1060
+ --brand-colorbase-color-base-overlays-black-overlay90-alpha: 0.902;
1061
+ --brand-colorbase-color-base-overlays-black-overlay85: 0 0% 0%;
1062
+ --brand-colorbase-color-base-overlays-black-overlay85-alpha: 0.851;
1063
+ --brand-colorbase-color-base-overlays-black-overlay80: 0 0% 0%;
1064
+ --brand-colorbase-color-base-overlays-black-overlay80-alpha: 0.800;
1065
+ --brand-colorbase-color-base-overlays-black-overlay75: 0 0% 0%;
1066
+ --brand-colorbase-color-base-overlays-black-overlay75-alpha: 0.749;
1067
+ --brand-colorbase-color-base-overlays-black-overlay70: 0 0% 0%;
1068
+ --brand-colorbase-color-base-overlays-black-overlay70-alpha: 0.702;
1069
+ --brand-colorbase-color-base-overlays-black-overlay65: 0 0% 0%;
1070
+ --brand-colorbase-color-base-overlays-black-overlay65-alpha: 0.651;
1071
+ --brand-colorbase-color-base-overlays-black-overlay60: 0 0% 0%;
1072
+ --brand-colorbase-color-base-overlays-black-overlay60-alpha: 0.639;
1073
+ --brand-colorbase-color-base-overlays-black-overlay55: 0 0% 0%;
1074
+ --brand-colorbase-color-base-overlays-black-overlay55-alpha: 0.549;
1075
+ --brand-colorbase-color-base-overlays-black-overlay50: 0 0% 0%;
1076
+ --brand-colorbase-color-base-overlays-black-overlay50-alpha: 0.502;
1077
+ --brand-colorbase-color-base-overlays-black-overlay45: 0 0% 0%;
1078
+ --brand-colorbase-color-base-overlays-black-overlay45-alpha: 0.451;
1079
+ --brand-colorbase-color-base-overlays-black-overlay40: 0 0% 0%;
1080
+ --brand-colorbase-color-base-overlays-black-overlay40-alpha: 0.400;
1081
+ --brand-colorbase-color-base-overlays-black-overlay35: 0 0% 0%;
1082
+ --brand-colorbase-color-base-overlays-black-overlay35-alpha: 0.349;
1083
+ --brand-colorbase-color-base-overlays-black-overlay30: 0 0% 0%;
1084
+ --brand-colorbase-color-base-overlays-black-overlay30-alpha: 0.302;
1085
+ --brand-colorbase-color-base-overlays-black-overlay25: 0 0% 0%;
1086
+ --brand-colorbase-color-base-overlays-black-overlay25-alpha: 0.251;
1087
+ --brand-colorbase-color-base-overlays-black-overlay20: 0 0% 0%;
1088
+ --brand-colorbase-color-base-overlays-black-overlay20-alpha: 0.200;
1089
+ --brand-colorbase-color-base-overlays-black-overlay15: 0 0% 0%;
1090
+ --brand-colorbase-color-base-overlays-black-overlay15-alpha: 0.149;
1091
+ --brand-colorbase-color-base-overlays-black-overlay10: 0 0% 0%;
1092
+ --brand-colorbase-color-base-overlays-black-overlay10-alpha: 0.102;
1093
+ --brand-colorbase-color-base-overlays-black-overlay5: 0 0% 0%;
1094
+ --brand-colorbase-color-base-overlays-black-overlay5-alpha: 0.051;
1095
+ --brand-colorbase-color-base-overlays-black-color: 0 0% 0%;
1096
+ --brand-colorbase-color-base-overlays-black-color-alpha: 0.000;
1097
+ --brand-colorbase-color-base-overlays-white-overlay95: 0 0% 100%;
1098
+ --brand-colorbase-color-base-overlays-white-overlay95-alpha: 0.949;
1099
+ --brand-colorbase-color-base-overlays-white-overlay90: 0 0% 100%;
1100
+ --brand-colorbase-color-base-overlays-white-overlay90-alpha: 0.902;
1101
+ --brand-colorbase-color-base-overlays-white-overlay85: 0 0% 100%;
1102
+ --brand-colorbase-color-base-overlays-white-overlay85-alpha: 0.851;
1103
+ --brand-colorbase-color-base-overlays-white-overlay80: 0 0% 100%;
1104
+ --brand-colorbase-color-base-overlays-white-overlay80-alpha: 0.800;
1105
+ --brand-colorbase-color-base-overlays-white-overlay75: 0 0% 100%;
1106
+ --brand-colorbase-color-base-overlays-white-overlay75-alpha: 0.851;
1107
+ --brand-colorbase-color-base-overlays-white-overlay70: 0 0% 100%;
1108
+ --brand-colorbase-color-base-overlays-white-overlay70-alpha: 0.702;
1109
+ --brand-colorbase-color-base-overlays-white-overlay65: 0 0% 100%;
1110
+ --brand-colorbase-color-base-overlays-white-overlay65-alpha: 0.651;
1111
+ --brand-colorbase-color-base-overlays-white-overlay60: 0 0% 100%;
1112
+ --brand-colorbase-color-base-overlays-white-overlay60-alpha: 0.639;
1113
+ --brand-colorbase-color-base-overlays-white-overlay55: 0 0% 100%;
1114
+ --brand-colorbase-color-base-overlays-white-overlay55-alpha: 0.549;
1115
+ --brand-colorbase-color-base-overlays-white-overlay50: 0 0% 100%;
1116
+ --brand-colorbase-color-base-overlays-white-overlay50-alpha: 0.502;
1117
+ --brand-colorbase-color-base-overlays-white-overlay45: 0 0% 100%;
1118
+ --brand-colorbase-color-base-overlays-white-overlay45-alpha: 0.451;
1119
+ --brand-colorbase-color-base-overlays-white-overlay40: 0 0% 100%;
1120
+ --brand-colorbase-color-base-overlays-white-overlay40-alpha: 0.400;
1121
+ --brand-colorbase-color-base-overlays-white-overlay35: 0 0% 100%;
1122
+ --brand-colorbase-color-base-overlays-white-overlay35-alpha: 0.349;
1123
+ --brand-colorbase-color-base-overlays-white-overlay30: 0 0% 100%;
1124
+ --brand-colorbase-color-base-overlays-white-overlay30-alpha: 0.302;
1125
+ --brand-colorbase-color-base-overlays-white-overlay25: 0 0% 100%;
1126
+ --brand-colorbase-color-base-overlays-white-overlay25-alpha: 0.251;
1127
+ --brand-colorbase-color-base-overlays-white-overlay20: 0 0% 100%;
1128
+ --brand-colorbase-color-base-overlays-white-overlay20-alpha: 0.200;
1129
+ --brand-colorbase-color-base-overlays-white-overlay15: 0 0% 100%;
1130
+ --brand-colorbase-color-base-overlays-white-overlay15-alpha: 0.149;
1131
+ --brand-colorbase-color-base-overlays-white-overlay10: 0 0% 100%;
1132
+ --brand-colorbase-color-base-overlays-white-overlay10-alpha: 0.102;
1133
+ --brand-colorbase-color-base-overlays-white-overlay-5: 0 0% 100%;
1134
+ --brand-colorbase-color-base-overlays-white-overlay-5-alpha: 0.051;
1135
+ --brand-colorbase-color-base-overlays-white-overlay-0: 0 0% 100%;
1136
+ --brand-colorbase-color-base-overlays-white-overlay-0-alpha: 0.000;
1137
+ --brand-colorbase-color-base-gray-gray-1: 0 0% 100%;
1138
+ --brand-colorbase-color-base-gray-gray-2: 240 6% 97%;
1139
+ --brand-colorbase-color-base-gray-gray-3: 240 4% 95%;
1140
+ --brand-colorbase-color-base-gray-gray-4: 240 6% 93%;
1141
+ --brand-colorbase-color-base-gray-gray-5: 240 7% 89%;
1142
+ --brand-colorbase-color-base-gray-gray-6: 240 8% 82%;
1143
+ --brand-colorbase-color-base-gray-gray-7: 240 7% 78%;
1144
+ --brand-colorbase-color-base-gray-gray-8: 240 6% 73%;
1145
+ --brand-colorbase-color-base-gray-gray-9: 240 5% 70%;
1146
+ --brand-colorbase-color-base-gray-gray-10: 240 4% 62%;
1147
+ --brand-colorbase-color-base-gray-gray-11: 240 3% 54%;
1148
+ --brand-colorbase-color-base-gray-gray-12: 240 2% 46%;
1149
+ --brand-colorbase-color-base-gray-gray-13: 240 2% 43%;
1150
+ --brand-colorbase-color-base-gray-gray-14: 240 2% 35%;
1151
+ --brand-colorbase-color-base-gray-gray-15: 240 2% 31%;
1152
+ --brand-colorbase-color-base-gray-gray-16: 240 2% 23%;
1153
+ --brand-colorbase-color-base-gray-gray-17: 240 1% 15%;
1154
+ --brand-colorbase-color-base-gray-gray-18: 240 2% 12%;
1155
+ --brand-colorbase-color-base-gray-gray-19: 240 3% 8%;
1156
+ --brand-colorbase-color-base-gray-gray-20: 0 0% 0%;
1157
+ --brand-colorbase-color-base-main-main-1: 16 100% 95%;
1158
+ --brand-colorbase-color-base-main-main-2: 17 100% 92%;
1159
+ --brand-colorbase-color-base-main-main-3: 16 100% 89%;
1160
+ --brand-colorbase-color-base-main-main-4: 16 100% 86%;
1161
+ --brand-colorbase-color-base-main-main-5: 16 100% 83%;
1162
+ --brand-colorbase-color-base-main-main-6: 16 100% 80%;
1163
+ --brand-colorbase-color-base-main-main-7: 16 99% 71%;
1164
+ --brand-colorbase-color-base-main-main-8: 16 56% 65%;
1165
+ --brand-colorbase-color-base-main-main-9: 16 36% 53%;
1166
+ --brand-colorbase-color-base-main-main-10: 16 34% 41%;
1167
+ --brand-colorbase-color-base-main-main-11: 16 38% 29%;
1168
+ --brand-colorbase-color-base-main-main-12: 16 47% 17%;
1169
+ --brand-colorbase-color-base-main-main-13: 16 100% 5%;
1170
+ --brand-colorbase-color-base-red-red-1: 353 81% 96%;
1171
+ --brand-colorbase-color-base-red-red-2: 353 77% 91%;
1172
+ --brand-colorbase-color-base-red-red-3: 353 78% 87%;
1173
+ --brand-colorbase-color-base-red-red-4: 353 77% 83%;
1174
+ --brand-colorbase-color-base-red-red-5: 353 79% 74%;
1175
+ --brand-colorbase-color-base-red-red-6: 353 78% 66%;
1176
+ --brand-colorbase-color-base-red-red-7: 353 78% 57%;
1177
+ --brand-colorbase-color-base-red-red-8: 353 59% 46%;
1178
+ --brand-colorbase-color-base-red-red-9: 353 59% 34%;
1179
+ --brand-colorbase-color-base-red-red-10: 353 59% 23%;
1180
+ --brand-colorbase-color-base-red-red-11: 353 59% 17%;
1181
+ --brand-colorbase-color-base-red-red-12: 353 59% 11%;
1182
+ --brand-colorbase-color-base-red-red-13: 353 59% 6%;
1183
+ --brand-colorbase-color-base-orange-orange-1: 27 100% 96%;
1184
+ --brand-colorbase-color-base-orange-orange-2: 28 100% 92%;
1185
+ --brand-colorbase-color-base-orange-orange-3: 29 97% 88%;
1186
+ --brand-colorbase-color-base-orange-orange-4: 29 98% 84%;
1187
+ --brand-colorbase-color-base-orange-orange-5: 28 98% 76%;
1188
+ --brand-colorbase-color-base-orange-orange-6: 29 98% 68%;
1189
+ --brand-colorbase-color-base-orange-orange-7: 28 98% 60%;
1190
+ --brand-colorbase-color-base-orange-orange-8: 29 78% 53%;
1191
+ --brand-colorbase-color-base-orange-orange-9: 28 73% 47%;
1192
+ --brand-colorbase-color-base-orange-orange-10: 29 67% 36%;
1193
+ --brand-colorbase-color-base-orange-orange-11: 28 67% 19%;
1194
+ --brand-colorbase-color-base-orange-orange-12: 29 71% 13%;
1195
+ --brand-colorbase-color-base-orange-orange-13: 28 74% 7%;
1196
+ --brand-colorbase-color-base-yellow-yellow-1: 55 95% 92%;
1197
+ --brand-colorbase-color-base-yellow-yellow-2: 54 97% 87%;
1198
+ --brand-colorbase-color-base-yellow-yellow-3: 54 96% 82%;
1199
+ --brand-colorbase-color-base-yellow-yellow-4: 54 96% 72%;
1200
+ --brand-colorbase-color-base-yellow-yellow-5: 54 96% 62%;
1201
+ --brand-colorbase-color-base-yellow-yellow-6: 54 100% 49%;
1202
+ --brand-colorbase-color-base-yellow-yellow-7: 54 100% 47%;
1203
+ --brand-colorbase-color-base-yellow-yellow-8: 54 100% 44%;
1204
+ --brand-colorbase-color-base-yellow-yellow-9: 54 100% 37%;
1205
+ --brand-colorbase-color-base-yellow-yellow-10: 54 100% 29%;
1206
+ --brand-colorbase-color-base-yellow-yellow-11: 54 100% 20%;
1207
+ --brand-colorbase-color-base-yellow-yellow-12: 53 100% 12%;
1208
+ --brand-colorbase-color-base-yellow-yellow-13: 54 100% 7%;
1209
+ --brand-colorbase-color-base-green-green-1: 138 59% 94%;
1210
+ --brand-colorbase-color-base-green-green-2: 137 62% 89%;
1211
+ --brand-colorbase-color-base-green-green-3: 137 61% 83%;
1212
+ --brand-colorbase-color-base-green-green-4: 136 60% 77%;
1213
+ --brand-colorbase-color-base-green-green-5: 137 61% 66%;
1214
+ --brand-colorbase-color-base-green-green-6: 137 60% 55%;
1215
+ --brand-colorbase-color-base-green-green-7: 137 80% 43%;
1216
+ --brand-colorbase-color-base-green-green-8: 137 80% 36%;
1217
+ --brand-colorbase-color-base-green-green-9: 136 80% 29%;
1218
+ --brand-colorbase-color-base-green-green-10: 137 80% 18%;
1219
+ --brand-colorbase-color-base-green-green-11: 136 79% 13%;
1220
+ --brand-colorbase-color-base-green-green-12: 137 82% 9%;
1221
+ --brand-colorbase-color-base-green-green-13: 137 82% 4%;
1222
+ --brand-colorbase-color-base-blue-blue-1: 210 100% 96%;
1223
+ --brand-colorbase-color-base-blue-blue-2: 209 100% 92%;
1224
+ --brand-colorbase-color-base-blue-blue-3: 210 100% 88%;
1225
+ --brand-colorbase-color-base-blue-blue-4: 210 100% 84%;
1226
+ --brand-colorbase-color-base-blue-blue-5: 210 100% 76%;
1227
+ --brand-colorbase-color-base-blue-blue-6: 210 100% 68%;
1228
+ --brand-colorbase-color-base-blue-blue-7: 210 100% 60%;
1229
+ --brand-colorbase-color-base-blue-blue-8: 210 85% 55%;
1230
+ --brand-colorbase-color-base-blue-blue-9: 210 67% 48%;
1231
+ --brand-colorbase-color-base-blue-blue-10: 210 67% 37%;
1232
+ --brand-colorbase-color-base-blue-blue-11: 210 69% 25%;
1233
+ --brand-colorbase-color-base-blue-blue-12: 210 70% 19%;
1234
+ --brand-colorbase-color-base-blue-blue-13: 209 71% 14%;
1235
+ --brand-colorbase-color-base-purple-purple-1: 265 100% 96%;
1236
+ --brand-colorbase-color-base-purple-purple-2: 266 100% 92%;
1237
+ --brand-colorbase-color-base-purple-purple-3: 267 100% 89%;
1238
+ --brand-colorbase-color-base-purple-purple-4: 267 100% 85%;
1239
+ --brand-colorbase-color-base-purple-purple-5: 266 100% 77%;
1240
+ --brand-colorbase-color-base-purple-purple-6: 267 100% 70%;
1241
+ --brand-colorbase-color-base-purple-purple-7: 267 100% 62%;
1242
+ --brand-colorbase-color-base-purple-purple-8: 266 63% 50%;
1243
+ --brand-colorbase-color-base-purple-purple-9: 267 63% 39%;
1244
+ --brand-colorbase-color-base-purple-purple-10: 267 65% 27%;
1245
+ --brand-colorbase-color-base-purple-purple-11: 266 67% 21%;
1246
+ --brand-colorbase-color-base-purple-purple-12: 267 70% 15%;
1247
+ --brand-colorbase-color-base-purple-purple-13: 267 76% 10%;
1248
+ }
1249
+ .theme-style {
1250
+ --brand-colorbase-colors-background-frame: 240 6% 97%;
1251
+ --brand-colorbase-colors-background-primary: 0 0% 100%;
1252
+ --brand-colorbase-colors-background-secondary: 240 6% 97%;
1253
+ --brand-colorbase-colors-background-disabled: 240 6% 93%;
1254
+ --brand-colorbase-colors-background-client-accent-primary: 16 99% 71%;
1255
+ --brand-colorbase-colors-background-client-accent-secondary: 16 100% 95%;
1256
+ --brand-colorbase-colors-background-accent-primary: 16 99% 71%;
1257
+ --brand-colorbase-colors-background-accent-secondary: 16 100% 95%;
1258
+ --brand-colorbase-colors-background-dark: 240 2% 12%;
1259
+ --brand-colorbase-colors-divider-primary: 240 8% 82%;
1260
+ --brand-colorbase-colors-divider-secondary: 240 6% 93%;
1261
+ --brand-colorbase-colors-divider-tertiary: 240 6% 97%;
1262
+ --brand-colorbase-colors-texticons-primary: 240 3% 8%;
1263
+ --brand-colorbase-colors-texticons-secondary: 240 2% 46%;
1264
+ --brand-colorbase-colors-texticons-secondary-alpha-light: 0 0% 100%;
1265
+ --brand-colorbase-colors-texticons-secondary-alpha-light-alpha: 0.502;
1266
+ --brand-colorbase-colors-texticons-secondary-alpha-dark: 0 0% 0%;
1267
+ --brand-colorbase-colors-texticons-secondary-alpha-dark-alpha: 0.502;
1268
+ --brand-colorbase-colors-texticons-tertiary: 240 7% 78%;
1269
+ --brand-colorbase-colors-texticons-tertiary-alpha-light: 0 0% 100%;
1270
+ --brand-colorbase-colors-texticons-tertiary-alpha-light-alpha: 0.302;
1271
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark: 0 0% 0%;
1272
+ --brand-colorbase-colors-texticons-tertiary-alpha-dark-alpha: 0.302;
1273
+ --brand-colorbase-colors-texticons-accent: 16 99% 71%;
1274
+ --brand-colorbase-colors-texticons-accent-secondary: 16 100% 86%;
1275
+ --brand-colorbase-colors-texticons-accent-tertiary: 265 100% 96%;
1276
+ --brand-colorbase-colors-texticons-negative: 353 78% 57%;
1277
+ --brand-colorbase-colors-texticons-positive: 137 80% 43%;
1278
+ --brand-colorbase-colors-texticons-on-accentdark: 0 0% 100%;
1279
+ --brand-colorbase-colors-texticons-link: 210 85% 55%;
1280
+ --brand-colorbase-colors-button-on-accent-primary-active: 0 0% 100%;
1281
+ --brand-colorbase-colors-button-on-accent-primary-on-hover: 240 6% 97%;
1282
+ --brand-colorbase-colors-button-on-accent-primary-on-press: 240 5% 70%;
1283
+ --brand-colorbase-colors-button-on-accent-secondary-active: 0 0% 100%;
1284
+ --brand-colorbase-colors-button-on-accent-secondary-active-alpha: 0.102;
1285
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover: 0 0% 100%;
1286
+ --brand-colorbase-colors-button-on-accent-secondary-on-hover-alpha: 0.149;
1287
+ --brand-colorbase-colors-button-on-accent-secondary-on-press: 0 0% 100%;
1288
+ --brand-colorbase-colors-button-on-accent-secondary-on-press-alpha: 0.051;
1289
+ --brand-colorbase-colors-button-on-accent-ghost-active: 0 0% 100%;
1290
+ --brand-colorbase-colors-button-on-accent-ghost-active-alpha: 0.000;
1291
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover: 0 0% 100%;
1292
+ --brand-colorbase-colors-button-on-accent-ghost-on-hover-alpha: 0.102;
1293
+ --brand-colorbase-colors-button-on-accent-ghost-on-press: 0 0% 100%;
1294
+ --brand-colorbase-colors-button-on-accent-ghost-on-press-alpha: 0.051;
1295
+ --brand-colorbase-colors-button-negative-primary-active: 353 78% 57%;
1296
+ --brand-colorbase-colors-button-negative-primary-on-hover: 353 78% 66%;
1297
+ --brand-colorbase-colors-button-negative-primary-on-press: 353 59% 46%;
1298
+ --brand-colorbase-colors-button-negative-secondary-active: 353 81% 96%;
1299
+ --brand-colorbase-colors-button-negative-secondary-on-hover: 353 77% 91%;
1300
+ --brand-colorbase-colors-button-negative-secondary-on-press: 353 77% 83%;
1301
+ --brand-colorbase-colors-button-negative-ghost-active: 0 0% 100%;
1302
+ --brand-colorbase-colors-button-negative-ghost-on-hover: 0 0% 0%;
1303
+ --brand-colorbase-colors-button-negative-ghost-on-hover-alpha: 0.051;
1304
+ --brand-colorbase-colors-button-negative-ghost-on-press: 0 0% 0%;
1305
+ --brand-colorbase-colors-button-negative-ghost-on-press-alpha: 0.102;
1306
+ --brand-colorbase-colors-button-themed-primary-active: 16 99% 71%;
1307
+ --brand-colorbase-colors-button-themed-primary-on-hover: 16 100% 83%;
1308
+ --brand-colorbase-colors-button-themed-primary-on-press: 16 56% 65%;
1309
+ --brand-colorbase-colors-button-themed-secondary-active: 16 100% 95%;
1310
+ --brand-colorbase-colors-button-themed-secondary-on-hover: 17 100% 92%;
1311
+ --brand-colorbase-colors-button-themed-secondary-on-press: 16 100% 89%;
1312
+ --brand-colorbase-colors-button-themed-ghost-active: 0 0% 100%;
1313
+ --brand-colorbase-colors-button-themed-ghost-on-hover: 0 0% 0%;
1314
+ --brand-colorbase-colors-button-themed-ghost-on-hover-alpha: 0.051;
1315
+ --brand-colorbase-colors-button-themed-ghost-on-press: 0 0% 0%;
1316
+ --brand-colorbase-colors-button-themed-ghost-on-press-alpha: 0.102;
1317
+ --brand-colorbase-colors-button-positive-primary-active: 137 60% 55%;
1318
+ --brand-colorbase-colors-button-positive-primary-on-hover: 137 61% 66%;
1319
+ --brand-colorbase-colors-button-positive-primary-on-press: 137 80% 36%;
1320
+ --brand-colorbase-colors-button-positive-secondary-active: 138 59% 94%;
1321
+ --brand-colorbase-colors-button-positive-secondary-on-hover: 137 62% 89%;
1322
+ --brand-colorbase-colors-button-positive-secondary-on-press: 136 60% 77%;
1323
+ --brand-colorbase-colors-button-positive-ghost-active: 0 0% 100%;
1324
+ --brand-colorbase-colors-button-positive-ghost-on-hover: 0 0% 0%;
1325
+ --brand-colorbase-colors-button-positive-ghost-on-hover-alpha: 0.051;
1326
+ --brand-colorbase-colors-button-positive-ghost-on-press: 0 0% 0%;
1327
+ --brand-colorbase-colors-button-positive-ghost-on-press-alpha: 0.102;
1328
+ --brand-colorbase-colors-button-neutral-primary-active: 240 2% 12%;
1329
+ --brand-colorbase-colors-button-neutral-primary-on-hover: 240 2% 23%;
1330
+ --brand-colorbase-colors-button-neutral-primary-on-press: 0 0% 0%;
1331
+ --brand-colorbase-colors-button-neutral-secondary-active: 0 0% 0%;
1332
+ --brand-colorbase-colors-button-neutral-secondary-active-alpha: 0.051;
1333
+ --brand-colorbase-colors-button-neutral-secondary-on-hover: 0 0% 0%;
1334
+ --brand-colorbase-colors-button-neutral-secondary-on-hover-alpha: 0.102;
1335
+ --brand-colorbase-colors-button-neutral-secondary-on-press: 0 0% 0%;
1336
+ --brand-colorbase-colors-button-neutral-secondary-on-press-alpha: 0.200;
1337
+ --brand-colorbase-colors-button-neutral-outlined-active: 240 8% 82%;
1338
+ --brand-colorbase-colors-button-neutral-outlined-on-hover: 240 8% 82%;
1339
+ --brand-colorbase-colors-button-neutral-outlined-on-press: 240 8% 82%;
1340
+ --brand-colorbase-colors-button-neutral-ghost-active: 0 0% 100%;
1341
+ --brand-colorbase-colors-button-neutral-ghost-on-hover: 0 0% 0%;
1342
+ --brand-colorbase-colors-button-neutral-ghost-on-hover-alpha: 0.051;
1343
+ --brand-colorbase-colors-button-neutral-ghost-on-press: 0 0% 0%;
1344
+ --brand-colorbase-colors-button-neutral-ghost-on-press-alpha: 0.102;
1345
+ --brand-colorbase-colors-button-disabled-primarysecondary: 0 0% 0%;
1346
+ --brand-colorbase-colors-button-disabled-primarysecondary-alpha: 0.051;
1347
+ --brand-colorbase-colors-button-disabled-ghost: 0 0% 0%;
1348
+ --brand-colorbase-colors-button-disabled-ghost-alpha: 0.000;
1349
+ --brand-colorbase-colors-accent-colors-green: 137 80% 43%;
1350
+ --brand-colorbase-colors-accent-colors-green-secondary: 137 62% 89%;
1351
+ --brand-colorbase-colors-accent-colors-dark-green: 136 80% 29%;
1352
+ --brand-colorbase-colors-accent-colors-yellow: 54 100% 49%;
1353
+ --brand-colorbase-colors-accent-colors-yellow-secondary: 54 97% 87%;
1354
+ --brand-colorbase-colors-accent-colors-orange: 29 98% 68%;
1355
+ --brand-colorbase-colors-accent-colors-red: 353 78% 57%;
1356
+ --brand-colorbase-colors-accent-colors-red-secondary: 353 77% 91%;
1357
+ --brand-colorbase-colors-accent-colors-dark-red: 353 59% 34%;
1358
+ --brand-colorbase-colors-accent-colors-client-accent: 16 99% 71%;
1359
+ --brand-colorbase-colors-accent-colors-client-accent-secondary: 17 100% 92%;
1360
+ --brand-colorbase-colors-accent-colors-client-accent-dark: 16 56% 65%;
1361
+ --brand-colorbase-colors-accent-colors-purple: 267 100% 62%;
1362
+ --brand-colorbase-colors-accent-colors-purple-secondary: 266 100% 92%;
1363
+ --brand-colorbase-colors-accent-colors-purple-dark: 267 63% 39%;
1364
+ --brand-colorbase-colors-accent-colors-dark-gray: 240 2% 12%;
1365
+ --brand-colorbase-colors-border-neutral-primary: 0 0% 0%;
1366
+ --brand-colorbase-colors-border-neutral-primary-alpha: 0.000;
1367
+ --brand-colorbase-colors-border-contrast-primary: 0 0% 0%;
1368
+ --brand-colorbase-colors-border-contrast-primary-alpha: 0.000;
1369
+ --brand-colorbase-color-base-overlays-black-overlay95: 0 0% 0%;
1370
+ --brand-colorbase-color-base-overlays-black-overlay95-alpha: 0.949;
1371
+ --brand-colorbase-color-base-overlays-black-overlay90: 0 0% 0%;
1372
+ --brand-colorbase-color-base-overlays-black-overlay90-alpha: 0.902;
1373
+ --brand-colorbase-color-base-overlays-black-overlay85: 0 0% 0%;
1374
+ --brand-colorbase-color-base-overlays-black-overlay85-alpha: 0.851;
1375
+ --brand-colorbase-color-base-overlays-black-overlay80: 0 0% 0%;
1376
+ --brand-colorbase-color-base-overlays-black-overlay80-alpha: 0.800;
1377
+ --brand-colorbase-color-base-overlays-black-overlay75: 0 0% 0%;
1378
+ --brand-colorbase-color-base-overlays-black-overlay75-alpha: 0.749;
1379
+ --brand-colorbase-color-base-overlays-black-overlay70: 0 0% 0%;
1380
+ --brand-colorbase-color-base-overlays-black-overlay70-alpha: 0.702;
1381
+ --brand-colorbase-color-base-overlays-black-overlay65: 0 0% 0%;
1382
+ --brand-colorbase-color-base-overlays-black-overlay65-alpha: 0.651;
1383
+ --brand-colorbase-color-base-overlays-black-overlay60: 0 0% 0%;
1384
+ --brand-colorbase-color-base-overlays-black-overlay60-alpha: 0.639;
1385
+ --brand-colorbase-color-base-overlays-black-overlay55: 0 0% 0%;
1386
+ --brand-colorbase-color-base-overlays-black-overlay55-alpha: 0.549;
1387
+ --brand-colorbase-color-base-overlays-black-overlay50: 0 0% 0%;
1388
+ --brand-colorbase-color-base-overlays-black-overlay50-alpha: 0.502;
1389
+ --brand-colorbase-color-base-overlays-black-overlay45: 0 0% 0%;
1390
+ --brand-colorbase-color-base-overlays-black-overlay45-alpha: 0.451;
1391
+ --brand-colorbase-color-base-overlays-black-overlay40: 0 0% 0%;
1392
+ --brand-colorbase-color-base-overlays-black-overlay40-alpha: 0.400;
1393
+ --brand-colorbase-color-base-overlays-black-overlay35: 0 0% 0%;
1394
+ --brand-colorbase-color-base-overlays-black-overlay35-alpha: 0.349;
1395
+ --brand-colorbase-color-base-overlays-black-overlay30: 0 0% 0%;
1396
+ --brand-colorbase-color-base-overlays-black-overlay30-alpha: 0.302;
1397
+ --brand-colorbase-color-base-overlays-black-overlay25: 0 0% 0%;
1398
+ --brand-colorbase-color-base-overlays-black-overlay25-alpha: 0.251;
1399
+ --brand-colorbase-color-base-overlays-black-overlay20: 0 0% 0%;
1400
+ --brand-colorbase-color-base-overlays-black-overlay20-alpha: 0.200;
1401
+ --brand-colorbase-color-base-overlays-black-overlay15: 0 0% 0%;
1402
+ --brand-colorbase-color-base-overlays-black-overlay15-alpha: 0.149;
1403
+ --brand-colorbase-color-base-overlays-black-overlay10: 0 0% 0%;
1404
+ --brand-colorbase-color-base-overlays-black-overlay10-alpha: 0.102;
1405
+ --brand-colorbase-color-base-overlays-black-overlay5: 0 0% 0%;
1406
+ --brand-colorbase-color-base-overlays-black-overlay5-alpha: 0.051;
1407
+ --brand-colorbase-color-base-overlays-black-color: 0 0% 0%;
1408
+ --brand-colorbase-color-base-overlays-black-color-alpha: 0.000;
1409
+ --brand-colorbase-color-base-overlays-white-overlay95: 0 0% 100%;
1410
+ --brand-colorbase-color-base-overlays-white-overlay95-alpha: 0.949;
1411
+ --brand-colorbase-color-base-overlays-white-overlay90: 0 0% 100%;
1412
+ --brand-colorbase-color-base-overlays-white-overlay90-alpha: 0.902;
1413
+ --brand-colorbase-color-base-overlays-white-overlay85: 0 0% 100%;
1414
+ --brand-colorbase-color-base-overlays-white-overlay85-alpha: 0.851;
1415
+ --brand-colorbase-color-base-overlays-white-overlay80: 0 0% 100%;
1416
+ --brand-colorbase-color-base-overlays-white-overlay80-alpha: 0.800;
1417
+ --brand-colorbase-color-base-overlays-white-overlay75: 0 0% 100%;
1418
+ --brand-colorbase-color-base-overlays-white-overlay75-alpha: 0.851;
1419
+ --brand-colorbase-color-base-overlays-white-overlay70: 0 0% 100%;
1420
+ --brand-colorbase-color-base-overlays-white-overlay70-alpha: 0.702;
1421
+ --brand-colorbase-color-base-overlays-white-overlay65: 0 0% 100%;
1422
+ --brand-colorbase-color-base-overlays-white-overlay65-alpha: 0.651;
1423
+ --brand-colorbase-color-base-overlays-white-overlay60: 0 0% 100%;
1424
+ --brand-colorbase-color-base-overlays-white-overlay60-alpha: 0.639;
1425
+ --brand-colorbase-color-base-overlays-white-overlay55: 0 0% 100%;
1426
+ --brand-colorbase-color-base-overlays-white-overlay55-alpha: 0.549;
1427
+ --brand-colorbase-color-base-overlays-white-overlay50: 0 0% 100%;
1428
+ --brand-colorbase-color-base-overlays-white-overlay50-alpha: 0.502;
1429
+ --brand-colorbase-color-base-overlays-white-overlay45: 0 0% 100%;
1430
+ --brand-colorbase-color-base-overlays-white-overlay45-alpha: 0.451;
1431
+ --brand-colorbase-color-base-overlays-white-overlay40: 0 0% 100%;
1432
+ --brand-colorbase-color-base-overlays-white-overlay40-alpha: 0.400;
1433
+ --brand-colorbase-color-base-overlays-white-overlay35: 0 0% 100%;
1434
+ --brand-colorbase-color-base-overlays-white-overlay35-alpha: 0.349;
1435
+ --brand-colorbase-color-base-overlays-white-overlay30: 0 0% 100%;
1436
+ --brand-colorbase-color-base-overlays-white-overlay30-alpha: 0.302;
1437
+ --brand-colorbase-color-base-overlays-white-overlay25: 0 0% 100%;
1438
+ --brand-colorbase-color-base-overlays-white-overlay25-alpha: 0.251;
1439
+ --brand-colorbase-color-base-overlays-white-overlay20: 0 0% 100%;
1440
+ --brand-colorbase-color-base-overlays-white-overlay20-alpha: 0.200;
1441
+ --brand-colorbase-color-base-overlays-white-overlay15: 0 0% 100%;
1442
+ --brand-colorbase-color-base-overlays-white-overlay15-alpha: 0.149;
1443
+ --brand-colorbase-color-base-overlays-white-overlay10: 0 0% 100%;
1444
+ --brand-colorbase-color-base-overlays-white-overlay10-alpha: 0.102;
1445
+ --brand-colorbase-color-base-overlays-white-overlay-5: 0 0% 100%;
1446
+ --brand-colorbase-color-base-overlays-white-overlay-5-alpha: 0.051;
1447
+ --brand-colorbase-color-base-overlays-white-overlay-0: 0 0% 100%;
1448
+ --brand-colorbase-color-base-overlays-white-overlay-0-alpha: 0.000;
1449
+ --brand-colorbase-color-base-gray-gray-1: 0 0% 100%;
1450
+ --brand-colorbase-color-base-gray-gray-2: 240 6% 97%;
1451
+ --brand-colorbase-color-base-gray-gray-3: 240 4% 95%;
1452
+ --brand-colorbase-color-base-gray-gray-4: 240 6% 93%;
1453
+ --brand-colorbase-color-base-gray-gray-5: 240 7% 89%;
1454
+ --brand-colorbase-color-base-gray-gray-6: 240 8% 82%;
1455
+ --brand-colorbase-color-base-gray-gray-7: 240 7% 78%;
1456
+ --brand-colorbase-color-base-gray-gray-8: 240 6% 73%;
1457
+ --brand-colorbase-color-base-gray-gray-9: 240 5% 70%;
1458
+ --brand-colorbase-color-base-gray-gray-10: 240 4% 62%;
1459
+ --brand-colorbase-color-base-gray-gray-11: 240 3% 54%;
1460
+ --brand-colorbase-color-base-gray-gray-12: 240 2% 46%;
1461
+ --brand-colorbase-color-base-gray-gray-13: 240 2% 43%;
1462
+ --brand-colorbase-color-base-gray-gray-14: 240 2% 35%;
1463
+ --brand-colorbase-color-base-gray-gray-15: 240 2% 31%;
1464
+ --brand-colorbase-color-base-gray-gray-16: 240 2% 23%;
1465
+ --brand-colorbase-color-base-gray-gray-17: 240 1% 15%;
1466
+ --brand-colorbase-color-base-gray-gray-18: 240 2% 12%;
1467
+ --brand-colorbase-color-base-gray-gray-19: 240 3% 8%;
1468
+ --brand-colorbase-color-base-gray-gray-20: 0 0% 0%;
1469
+ --brand-colorbase-color-base-main-main-1: 16 100% 95%;
1470
+ --brand-colorbase-color-base-main-main-2: 17 100% 92%;
1471
+ --brand-colorbase-color-base-main-main-3: 16 100% 89%;
1472
+ --brand-colorbase-color-base-main-main-4: 16 100% 86%;
1473
+ --brand-colorbase-color-base-main-main-5: 16 100% 83%;
1474
+ --brand-colorbase-color-base-main-main-6: 16 100% 80%;
1475
+ --brand-colorbase-color-base-main-main-7: 16 99% 71%;
1476
+ --brand-colorbase-color-base-main-main-8: 16 56% 65%;
1477
+ --brand-colorbase-color-base-main-main-9: 16 36% 53%;
1478
+ --brand-colorbase-color-base-main-main-10: 16 34% 41%;
1479
+ --brand-colorbase-color-base-main-main-11: 16 38% 29%;
1480
+ --brand-colorbase-color-base-main-main-12: 16 47% 17%;
1481
+ --brand-colorbase-color-base-main-main-13: 16 100% 5%;
1482
+ --brand-colorbase-color-base-red-red-1: 353 81% 96%;
1483
+ --brand-colorbase-color-base-red-red-2: 353 77% 91%;
1484
+ --brand-colorbase-color-base-red-red-3: 353 78% 87%;
1485
+ --brand-colorbase-color-base-red-red-4: 353 77% 83%;
1486
+ --brand-colorbase-color-base-red-red-5: 353 79% 74%;
1487
+ --brand-colorbase-color-base-red-red-6: 353 78% 66%;
1488
+ --brand-colorbase-color-base-red-red-7: 353 78% 57%;
1489
+ --brand-colorbase-color-base-red-red-8: 353 59% 46%;
1490
+ --brand-colorbase-color-base-red-red-9: 353 59% 34%;
1491
+ --brand-colorbase-color-base-red-red-10: 353 59% 23%;
1492
+ --brand-colorbase-color-base-red-red-11: 353 59% 17%;
1493
+ --brand-colorbase-color-base-red-red-12: 353 59% 11%;
1494
+ --brand-colorbase-color-base-red-red-13: 353 59% 6%;
1495
+ --brand-colorbase-color-base-orange-orange-1: 27 100% 96%;
1496
+ --brand-colorbase-color-base-orange-orange-2: 28 100% 92%;
1497
+ --brand-colorbase-color-base-orange-orange-3: 29 97% 88%;
1498
+ --brand-colorbase-color-base-orange-orange-4: 29 98% 84%;
1499
+ --brand-colorbase-color-base-orange-orange-5: 28 98% 76%;
1500
+ --brand-colorbase-color-base-orange-orange-6: 29 98% 68%;
1501
+ --brand-colorbase-color-base-orange-orange-7: 28 98% 60%;
1502
+ --brand-colorbase-color-base-orange-orange-8: 29 78% 53%;
1503
+ --brand-colorbase-color-base-orange-orange-9: 28 73% 47%;
1504
+ --brand-colorbase-color-base-orange-orange-10: 29 67% 36%;
1505
+ --brand-colorbase-color-base-orange-orange-11: 28 67% 19%;
1506
+ --brand-colorbase-color-base-orange-orange-12: 29 71% 13%;
1507
+ --brand-colorbase-color-base-orange-orange-13: 28 74% 7%;
1508
+ --brand-colorbase-color-base-yellow-yellow-1: 55 95% 92%;
1509
+ --brand-colorbase-color-base-yellow-yellow-2: 54 97% 87%;
1510
+ --brand-colorbase-color-base-yellow-yellow-3: 54 96% 82%;
1511
+ --brand-colorbase-color-base-yellow-yellow-4: 54 96% 72%;
1512
+ --brand-colorbase-color-base-yellow-yellow-5: 54 96% 62%;
1513
+ --brand-colorbase-color-base-yellow-yellow-6: 54 100% 49%;
1514
+ --brand-colorbase-color-base-yellow-yellow-7: 54 100% 47%;
1515
+ --brand-colorbase-color-base-yellow-yellow-8: 54 100% 44%;
1516
+ --brand-colorbase-color-base-yellow-yellow-9: 54 100% 37%;
1517
+ --brand-colorbase-color-base-yellow-yellow-10: 54 100% 29%;
1518
+ --brand-colorbase-color-base-yellow-yellow-11: 54 100% 20%;
1519
+ --brand-colorbase-color-base-yellow-yellow-12: 53 100% 12%;
1520
+ --brand-colorbase-color-base-yellow-yellow-13: 54 100% 7%;
1521
+ --brand-colorbase-color-base-green-green-1: 138 59% 94%;
1522
+ --brand-colorbase-color-base-green-green-2: 137 62% 89%;
1523
+ --brand-colorbase-color-base-green-green-3: 137 61% 83%;
1524
+ --brand-colorbase-color-base-green-green-4: 136 60% 77%;
1525
+ --brand-colorbase-color-base-green-green-5: 137 61% 66%;
1526
+ --brand-colorbase-color-base-green-green-6: 137 60% 55%;
1527
+ --brand-colorbase-color-base-green-green-7: 137 80% 43%;
1528
+ --brand-colorbase-color-base-green-green-8: 137 80% 36%;
1529
+ --brand-colorbase-color-base-green-green-9: 136 80% 29%;
1530
+ --brand-colorbase-color-base-green-green-10: 137 80% 18%;
1531
+ --brand-colorbase-color-base-green-green-11: 136 79% 13%;
1532
+ --brand-colorbase-color-base-green-green-12: 137 82% 9%;
1533
+ --brand-colorbase-color-base-green-green-13: 137 82% 4%;
1534
+ --brand-colorbase-color-base-blue-blue-1: 210 100% 96%;
1535
+ --brand-colorbase-color-base-blue-blue-2: 209 100% 92%;
1536
+ --brand-colorbase-color-base-blue-blue-3: 210 100% 88%;
1537
+ --brand-colorbase-color-base-blue-blue-4: 210 100% 84%;
1538
+ --brand-colorbase-color-base-blue-blue-5: 210 100% 76%;
1539
+ --brand-colorbase-color-base-blue-blue-6: 210 100% 68%;
1540
+ --brand-colorbase-color-base-blue-blue-7: 210 100% 60%;
1541
+ --brand-colorbase-color-base-blue-blue-8: 210 85% 55%;
1542
+ --brand-colorbase-color-base-blue-blue-9: 210 67% 48%;
1543
+ --brand-colorbase-color-base-blue-blue-10: 210 67% 37%;
1544
+ --brand-colorbase-color-base-blue-blue-11: 210 69% 25%;
1545
+ --brand-colorbase-color-base-blue-blue-12: 210 70% 19%;
1546
+ --brand-colorbase-color-base-blue-blue-13: 209 71% 14%;
1547
+ --brand-colorbase-color-base-purple-purple-1: 265 100% 96%;
1548
+ --brand-colorbase-color-base-purple-purple-2: 266 100% 92%;
1549
+ --brand-colorbase-color-base-purple-purple-3: 267 100% 89%;
1550
+ --brand-colorbase-color-base-purple-purple-4: 267 100% 85%;
1551
+ --brand-colorbase-color-base-purple-purple-5: 266 100% 77%;
1552
+ --brand-colorbase-color-base-purple-purple-6: 267 100% 70%;
1553
+ --brand-colorbase-color-base-purple-purple-7: 267 100% 62%;
1554
+ --brand-colorbase-color-base-purple-purple-8: 266 63% 50%;
1555
+ --brand-colorbase-color-base-purple-purple-9: 267 63% 39%;
1556
+ --brand-colorbase-color-base-purple-purple-10: 267 65% 27%;
1557
+ --brand-colorbase-color-base-purple-purple-11: 266 67% 21%;
1558
+ --brand-colorbase-color-base-purple-purple-12: 267 70% 15%;
1559
+ --brand-colorbase-color-base-purple-purple-13: 267 76% 10%;
1560
+ }