@progressiveui/themes-core 0.4.0

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 (29) hide show
  1. package/.env +1 -0
  2. package/CHANGELOG.md +435 -0
  3. package/README.md +81 -0
  4. package/dist/json/variables-full.json +19116 -0
  5. package/dist/scss/default-css-theme.scss +761 -0
  6. package/dist/scss/tokens.scss +430 -0
  7. package/dist/scss/tokensMapDeep.scss +1175 -0
  8. package/dist/scss/tokensMapFlat.scss +438 -0
  9. package/distDark/json/variables-full.json +2790 -0
  10. package/distDark/scss/default-css-theme.scss +67 -0
  11. package/distDark/scss/tokens.scss +141 -0
  12. package/distDark/scss/tokensMapDeep.scss +67 -0
  13. package/distDark/scss/tokensMapFlat.scss +68 -0
  14. package/figmaTokenStudio/tokens.json +2425 -0
  15. package/package.json +39 -0
  16. package/scripts/config.js +315 -0
  17. package/scripts/filterJson.js +99 -0
  18. package/scripts/runTheme.js +7 -0
  19. package/scripts/syncTokens.js +46 -0
  20. package/tokens/design-tokens.tokens.json.legacy +2942 -0
  21. package/tokens/design-tokens.tokens.new.json +2542 -0
  22. package/tokens/font-sizes.json +186 -0
  23. package/tokens/spacings.json.legacy +52 -0
  24. package/tokens/typeScale.json +145 -0
  25. package/tokensDark/color/base.json.legacy +13 -0
  26. package/tokensDark/design-tokens.tokens.json +2846 -0
  27. package/tokensDark/tokens.json.raw +2834 -0
  28. package/tokensDark/typeScale.json +133 -0
  29. package/yarn-error.log +61 -0
package/dist/scss/default-css-theme.scss ADDED
@@ -0,0 +1,761 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 29 Oct 2024 22:22:48 GMT
4
+
5
+ @mixin theme-default () {
6
+ --brand-wfp-blue-wfp-blue10: #001d31;
7
+ --brand-wfp-blue-wfp-blue20: #003351;
8
+ --brand-wfp-blue-wfp-blue30: #004b73;
9
+ --brand-wfp-blue-wfp-blue40: #006497;
10
+ --brand-wfp-blue-wfp-blue50: #007dbc;
11
+ --brand-wfp-blue-wfp-blue60: #3998d8;
12
+ --brand-wfp-blue-wfp-blue70: #5ab2f5;
13
+ --brand-wfp-blue-wfp-blue80: #92ccff;
14
+ --brand-wfp-blue-wfp-blue90: #cce5ff;
15
+ --brand-wfp-blue-wfp-blue95: #e7f2ff;
16
+ --brand-dark-blue-dark-blue10: #04193b;
17
+ --brand-dark-blue-dark-blue20: #0d295c;
18
+ --brand-dark-blue-dark-blue30: #1a3d80;
19
+ --brand-dark-blue-dark-blue40: #32549a;
20
+ --brand-dark-blue-dark-blue50: #4a6cb7;
21
+ --brand-dark-blue-dark-blue60: #6287d5;
22
+ --brand-dark-blue-dark-blue70: #7da2f6;
23
+ --brand-dark-blue-dark-blue80: #a7c0fb;
24
+ --brand-dark-blue-dark-blue90: #d4dffd;
25
+ --brand-dark-blue-dark-blue95: #e8edf2;
26
+ --brand-main: #007dbc;
27
+ --brand-inverse: #ffffff;
28
+ --semantic-alert-alert10: #2f2400;
29
+ --semantic-alert-alert20: #4a3900;
30
+ --semantic-alert-alert30: #665000;
31
+ --semantic-alert-alert40: #a28100;
32
+ --semantic-alert-alert50: #e3b500;
33
+ --semantic-alert-alert60: #ffd100;
34
+ --semantic-alert-alert70: #ffdc44;
35
+ --semantic-alert-alert80: #ffe582;
36
+ --semantic-alert-alert90: #ffefb0;
37
+ --semantic-alert-alert95: #feebc8;
38
+ --semantic-error-error10: #38000c;
39
+ --semantic-error-error20: #5c0014;
40
+ --semantic-error-error30: #86001d;
41
+ --semantic-error-error40: #b40027;
42
+ --semantic-error-error50: #e4002b;
43
+ --semantic-error-error60: #fc3b53;
44
+ --semantic-error-error70: #fc777e;
45
+ --semantic-error-error80: #fda6a8;
46
+ --semantic-error-error90: #fed3d3;
47
+ --semantic-error-error95: #fee9e9;
48
+ --semantic-success-success10: #051e0e;
49
+ --semantic-success-success20: #083216;
50
+ --semantic-success-success30: #0b4a20;
51
+ --semantic-success-success40: #0f642c;
52
+ --semantic-success-success50: #148038;
53
+ --semantic-success-success60: #00ab4a;
54
+ --semantic-success-success70: #36bd5b;
55
+ --semantic-success-success80: #53dd73;
56
+ --semantic-success-success90: #83f79b;
57
+ --semantic-success-success95: #e2ffe4;
58
+ --neutral-100__color: #8c9198;
59
+ --neutral-100__width: 1px;
60
+ --neutral-200__color: #8c9198;
61
+ --neutral-200__width: 2px;
62
+ --neutral-neutral0-black: #13162B;
63
+ --neutral-neutral10: #171c22;
64
+ --neutral-neutral20: #2b3137;
65
+ --neutral-neutral30: #42474e;
66
+ --neutral-neutral40: #595f65;
67
+ --neutral-neutral50: #72787e;
68
+ --neutral-neutral60: #8c9198;
69
+ --neutral-neutral70: #a6acb3;
70
+ --neutral-neutral80: #c2c7ce;
71
+ --neutral-neutral90: #dee3eb;
72
+ --neutral-neutral95: #f6f7f9;
73
+ --neutral-neutral100-white: #ffffff;
74
+ --font-family-primary: Open Sans;
75
+ --font-family-monospace: "Source Code Pro", monospace;
76
+ --font-family-noto-sans: Noto Sans;
77
+ --line-height-75: 120%;
78
+ --line-height-100: AUTO;
79
+ --line-height-125: 150%;
80
+ --font-weight-regular: Regular;
81
+ --font-weight-bold: Bold;
82
+ --font-weight-semi-bold: SemiBold;
83
+ --font-size-desktop-25: 10;
84
+ --font-size-desktop-50: 12;
85
+ --font-size-desktop-75: 14;
86
+ --font-size-desktop-100: 16;
87
+ --font-size-desktop-150: 18;
88
+ --font-size-desktop-200: 24;
89
+ --font-size-desktop-300: 30;
90
+ --font-size-desktop-400: 32;
91
+ --font-size-desktop-500: 34;
92
+ --font-size-desktop-600: 44;
93
+ --font-size-desktop-700: 56;
94
+ --font-size-mobile-25: 10;
95
+ --font-size-mobile-50: 12;
96
+ --font-size-mobile-75: 14;
97
+ --font-size-mobile-100: 16;
98
+ --font-size-mobile-150: 18;
99
+ --font-size-mobile-200: 18;
100
+ --font-size-mobile-300: 20;
101
+ --font-size-mobile-400: 22;
102
+ --font-size-mobile-500: 25;
103
+ --font-size-mobile-600: 28;
104
+ --font-size-mobile-700: 32;
105
+ --letter-spacing-75: -2%;
106
+ --letter-spacing-100: 0;
107
+ --letter-spacing-125: 2%;
108
+ --spacing-50: 2px;
109
+ --spacing-75: 4px;
110
+ --spacing-100: 8px;
111
+ --spacing-200: 12px;
112
+ --spacing-300: 16px;
113
+ --spacing-400: 24px;
114
+ --spacing-500: 32px;
115
+ --spacing-600: 40px;
116
+ --spacing-700: 48px;
117
+ --spacing-800: 64px;
118
+ --spacing-900: 80px;
119
+ --spacing-1000: 96px;
120
+ --border-radius-100: 2px;
121
+ --border-radius-200: 4px;
122
+ --border-radius-300: 6px;
123
+ --border-width-100: 1px;
124
+ --border-width-200: 2px;
125
+ --border-width-300: 4px;
126
+ --content-content1-aquamarine-content1-10: #051d21;
127
+ --content-content1-aquamarine-content1-20: #083036;
128
+ --content-content1-aquamarine-content1-30: #0b464f;
129
+ --content-content1-aquamarine-content1-40: #0f5f6b;
130
+ --content-content1-aquamarine-content1-50: #137a89;
131
+ --content-content1-aquamarine-content1-60: #1897aa;
132
+ --content-content1-aquamarine-content1-70: #00aec7;
133
+ --content-content1-aquamarine-content1-80: #50d5eb;
134
+ --content-content1-aquamarine-content1-90: #9feefd;
135
+ --content-content1-aquamarine-content1-95: #d1f6fe;
136
+ --content-content2-burgundy-content2-10: #350020;
137
+ --content-content2-burgundy-content2-20: #570036;
138
+ --content-content2-burgundy-content2-30: #890c58;
139
+ --content-content2-burgundy-content2-40: #9c1d64;
140
+ --content-content2-burgundy-content2-50: #be367e;
141
+ --content-content2-burgundy-content2-60: #e24e9a;
142
+ --content-content2-burgundy-content2-70: #fc70b5;
143
+ --content-content2-burgundy-content2-80: #fda2ca;
144
+ --content-content2-burgundy-content2-90: #fed1e2;
145
+ --content-content2-burgundy-content2-95: #fee8ef;
146
+ --content-content3-dark-green-content3-10: #051f17;
147
+ --content-content3-dark-green-content3-20: #083226;
148
+ --content-content3-dark-green-content3-30: #0b4837;
149
+ --content-content3-dark-green-content3-40: #00664f;
150
+ --content-content3-dark-green-content3-50: #147d60;
151
+ --content-content3-dark-green-content3-60: #229b76;
152
+ --content-content3-dark-green-content3-70: #41b991;
153
+ --content-content3-dark-green-content3-80: #5ed8ae;
154
+ --content-content3-dark-green-content3-90: #7bf9cc;
155
+ --content-content3-dark-green-content3-95: #b4ffe1;
156
+ --content-content4-earthy-brown-content4-10: #2c1107;
157
+ --content-content4-earthy-brown-content4-20: #481c0c;
158
+ --content-content4-earthy-brown-cream30: #692911;
159
+ --content-content4-earthy-brown-content4-40: #8d391a;
160
+ --content-content4-earthy-brown-content4-50: #ad4f2b;
161
+ --content-content4-earthy-brown-content4-60: #bf6428;
162
+ --content-content4-earthy-brown-content4-70: #e87e55;
163
+ --content-content4-earthy-brown-content4-80: #fda987;
164
+ --content-content4-earthy-brown-content4-90: #fed4c4;
165
+ --content-content4-earthy-brown-content4-95: #fee9e2;
166
+ --content-content5-ivory-content5-10: #1d1a07;
167
+ --content-content5-ivory-content5-20: #312b0b;
168
+ --content-content5-ivory-content5-30: #473d10;
169
+ --content-content5-ivory-content5-40: #605316;
170
+ --content-content5-ivory-content5-50: #7b6a1c;
171
+ --content-content5-ivory-content5-60: #978429;
172
+ --content-content5-ivory-content5-70: #b5a13e;
173
+ --content-content5-ivory-content5-80: #d5bf53;
174
+ --content-content5-ivory-content5-90: #f1e6b2;
175
+ --content-content5-ivory-content5-95: #fcf1c7;
176
+ --box-shadow-100__x: 2;
177
+ --box-shadow-100__y: 4;
178
+ --box-shadow-100__blur: 8;
179
+ --box-shadow-100__spread: 0;
180
+ --box-shadow-100__color: #a6acb3;
181
+ --box-shadow-100__type: dropShadow;
182
+ --box-shadow-100: box-shadow: 2px 4px 8px 0px #a6acb3;
183
+ --desktop-subtext-s-regular__fontFamily: "Open Sans";
184
+ --desktop-subtext-s-regular__fontWeight: Regular;
185
+ --desktop-subtext-s-regular__lineHeight: 150%;
186
+ --desktop-subtext-s-regular__fontSize: 10;
187
+ --desktop-subtext-s-regular__letterSpacing: 2%;
188
+ --desktop-subtext-s-regular: Regular 10/150% "Open Sans", sans-serif;
189
+ --desktop-subtext-m-regular__fontFamily: "Open Sans";
190
+ --desktop-subtext-m-regular__fontWeight: Regular;
191
+ --desktop-subtext-m-regular__lineHeight: 150%;
192
+ --desktop-subtext-m-regular__fontSize: 12;
193
+ --desktop-subtext-m-regular__letterSpacing: 2%;
194
+ --desktop-subtext-m-regular: Regular 12/150% "Open Sans", sans-serif;
195
+ --desktop-subtext-m-bold__fontFamily: "Open Sans";
196
+ --desktop-subtext-m-bold__fontWeight: Bold;
197
+ --desktop-subtext-m-bold__lineHeight: 150%;
198
+ --desktop-subtext-m-bold__fontSize: 12;
199
+ --desktop-subtext-m-bold__letterSpacing: 2%;
200
+ --desktop-subtext-m-bold: Bold 12/150% "Open Sans", sans-serif;
201
+ --desktop-body-s-regular__fontFamily: "Open Sans";
202
+ --desktop-body-s-regular__fontWeight: Regular;
203
+ --desktop-body-s-regular__lineHeight: 150%;
204
+ --desktop-body-s-regular__fontSize: 14;
205
+ --desktop-body-s-regular__letterSpacing: 0;
206
+ --desktop-body-s-regular: Regular 14/150% "Open Sans", sans-serif;
207
+ --desktop-body-s-semi-bold__fontFamily: "Open Sans";
208
+ --desktop-body-s-semi-bold__fontWeight: SemiBold;
209
+ --desktop-body-s-semi-bold__lineHeight: 150%;
210
+ --desktop-body-s-semi-bold__fontSize: 14;
211
+ --desktop-body-s-semi-bold__letterSpacing: 0;
212
+ --desktop-body-s-semi-bold: SemiBold 14/150% "Open Sans", sans-serif;
213
+ --desktop-body-s-bold__fontFamily: "Open Sans";
214
+ --desktop-body-s-bold__fontWeight: Bold;
215
+ --desktop-body-s-bold__lineHeight: 150%;
216
+ --desktop-body-s-bold__fontSize: 14;
217
+ --desktop-body-s-bold__letterSpacing: 0;
218
+ --desktop-body-s-bold: Bold 14/150% "Open Sans", sans-serif;
219
+ --desktop-body-m-regular__fontFamily: "Open Sans";
220
+ --desktop-body-m-regular__fontWeight: Regular;
221
+ --desktop-body-m-regular__lineHeight: 120%;
222
+ --desktop-body-m-regular__fontSize: 16;
223
+ --desktop-body-m-regular__letterSpacing: 0;
224
+ --desktop-body-m-regular: Regular 16/120% "Open Sans", sans-serif;
225
+ --desktop-body-m-semi-bold__fontFamily: "Open Sans";
226
+ --desktop-body-m-semi-bold__fontWeight: SemiBold;
227
+ --desktop-body-m-semi-bold__lineHeight: 120%;
228
+ --desktop-body-m-semi-bold__fontSize: 16;
229
+ --desktop-body-m-semi-bold__letterSpacing: 0;
230
+ --desktop-body-m-semi-bold: SemiBold 16/120% "Open Sans", sans-serif;
231
+ --desktop-body-m-bold__fontFamily: "Open Sans";
232
+ --desktop-body-m-bold__fontWeight: Bold;
233
+ --desktop-body-m-bold__lineHeight: 120%;
234
+ --desktop-body-m-bold__fontSize: 16;
235
+ --desktop-body-m-bold__letterSpacing: 0;
236
+ --desktop-body-m-bold: Bold 16/120% "Open Sans", sans-serif;
237
+ --desktop-body-l-regular__fontFamily: "Open Sans";
238
+ --desktop-body-l-regular__fontWeight: Regular;
239
+ --desktop-body-l-regular__lineHeight: 120%;
240
+ --desktop-body-l-regular__fontSize: 18;
241
+ --desktop-body-l-regular__letterSpacing: 0;
242
+ --desktop-body-l-regular: Regular 18/120% "Open Sans", sans-serif;
243
+ --desktop-body-l-semi-bold__fontFamily: "Open Sans";
244
+ --desktop-body-l-semi-bold__fontWeight: SemiBold;
245
+ --desktop-body-l-semi-bold__lineHeight: 120%;
246
+ --desktop-body-l-semi-bold__fontSize: 18;
247
+ --desktop-body-l-semi-bold__letterSpacing: 0;
248
+ --desktop-body-l-semi-bold: SemiBold 18/120% "Open Sans", sans-serif;
249
+ --desktop-body-l-bold__fontFamily: "Open Sans";
250
+ --desktop-body-l-bold__fontWeight: Bold;
251
+ --desktop-body-l-bold__lineHeight: 120%;
252
+ --desktop-body-l-bold__fontSize: 18;
253
+ --desktop-body-l-bold__letterSpacing: 0;
254
+ --desktop-body-l-bold: Bold 18/120% "Open Sans", sans-serif;
255
+ --desktop-body-xl-regular__fontFamily: "Open Sans";
256
+ --desktop-body-xl-regular__fontWeight: Regular;
257
+ --desktop-body-xl-regular__lineHeight: 120%;
258
+ --desktop-body-xl-regular__fontSize: 24;
259
+ --desktop-body-xl-regular__letterSpacing: 0;
260
+ --desktop-body-xl-regular: Regular 24/120% "Open Sans", sans-serif;
261
+ --desktop-body-xl-semi-bold__fontFamily: "Open Sans";
262
+ --desktop-body-xl-semi-bold__fontWeight: SemiBold;
263
+ --desktop-body-xl-semi-bold__lineHeight: 120%;
264
+ --desktop-body-xl-semi-bold__fontSize: 24;
265
+ --desktop-body-xl-semi-bold__letterSpacing: 0;
266
+ --desktop-body-xl-semi-bold: SemiBold 24/120% "Open Sans", sans-serif;
267
+ --desktop-body-xl-bold__fontFamily: "Open Sans";
268
+ --desktop-body-xl-bold__fontWeight: Bold;
269
+ --desktop-body-xl-bold__lineHeight: 120%;
270
+ --desktop-body-xl-bold__fontSize: 24;
271
+ --desktop-body-xl-bold__letterSpacing: 0;
272
+ --desktop-body-xl-bold: Bold 24/120% "Open Sans", sans-serif;
273
+ --desktop-heading-xs-regular__fontFamily: "Open Sans";
274
+ --desktop-heading-xs-regular__fontWeight: Regular;
275
+ --desktop-heading-xs-regular__lineHeight: 120%;
276
+ --desktop-heading-xs-regular__fontSize: 30;
277
+ --desktop-heading-xs-regular__letterSpacing: -2%;
278
+ --desktop-heading-xs-regular: Regular 30/120% "Open Sans", sans-serif;
279
+ --desktop-heading-xs-semi-bold__fontFamily: "Open Sans";
280
+ --desktop-heading-xs-semi-bold__fontWeight: SemiBold;
281
+ --desktop-heading-xs-semi-bold__lineHeight: 120%;
282
+ --desktop-heading-xs-semi-bold__fontSize: 30;
283
+ --desktop-heading-xs-semi-bold__letterSpacing: -2%;
284
+ --desktop-heading-xs-semi-bold: SemiBold 30/120% "Open Sans", sans-serif;
285
+ --desktop-heading-xs-bold__fontFamily: "Open Sans";
286
+ --desktop-heading-xs-bold__fontWeight: Bold;
287
+ --desktop-heading-xs-bold__lineHeight: 120%;
288
+ --desktop-heading-xs-bold__fontSize: 30;
289
+ --desktop-heading-xs-bold__letterSpacing: -2%;
290
+ --desktop-heading-xs-bold: Bold 30/120% "Open Sans", sans-serif;
291
+ --desktop-heading-s-regular__fontFamily: "Open Sans";
292
+ --desktop-heading-s-regular__fontWeight: Regular;
293
+ --desktop-heading-s-regular__lineHeight: 120%;
294
+ --desktop-heading-s-regular__fontSize: 32;
295
+ --desktop-heading-s-regular__letterSpacing: -2%;
296
+ --desktop-heading-s-regular: Regular 32/120% "Open Sans", sans-serif;
297
+ --desktop-heading-s-semi-bold__fontFamily: "Open Sans";
298
+ --desktop-heading-s-semi-bold__fontWeight: SemiBold;
299
+ --desktop-heading-s-semi-bold__lineHeight: 120%;
300
+ --desktop-heading-s-semi-bold__fontSize: 32;
301
+ --desktop-heading-s-semi-bold__letterSpacing: -2%;
302
+ --desktop-heading-s-semi-bold: SemiBold 32/120% "Open Sans", sans-serif;
303
+ --desktop-heading-s-bold__fontFamily: "Open Sans";
304
+ --desktop-heading-s-bold__fontWeight: Bold;
305
+ --desktop-heading-s-bold__lineHeight: 120%;
306
+ --desktop-heading-s-bold__fontSize: 32;
307
+ --desktop-heading-s-bold__letterSpacing: -2%;
308
+ --desktop-heading-s-bold: Bold 32/120% "Open Sans", sans-serif;
309
+ --desktop-heading-m-regular__fontFamily: "Open Sans";
310
+ --desktop-heading-m-regular__fontWeight: Regular;
311
+ --desktop-heading-m-regular__lineHeight: 120%;
312
+ --desktop-heading-m-regular__fontSize: 34;
313
+ --desktop-heading-m-regular__letterSpacing: -2%;
314
+ --desktop-heading-m-regular: Regular 34/120% "Open Sans", sans-serif;
315
+ --desktop-heading-m-semi-bold__fontFamily: "Open Sans";
316
+ --desktop-heading-m-semi-bold__fontWeight: SemiBold;
317
+ --desktop-heading-m-semi-bold__lineHeight: 120%;
318
+ --desktop-heading-m-semi-bold__fontSize: 34;
319
+ --desktop-heading-m-semi-bold__letterSpacing: -2%;
320
+ --desktop-heading-m-semi-bold: SemiBold 34/120% "Open Sans", sans-serif;
321
+ --desktop-heading-m-bold__fontFamily: "Open Sans";
322
+ --desktop-heading-m-bold__fontWeight: Bold;
323
+ --desktop-heading-m-bold__lineHeight: 120%;
324
+ --desktop-heading-m-bold__fontSize: 34;
325
+ --desktop-heading-m-bold__letterSpacing: -2%;
326
+ --desktop-heading-m-bold: Bold 34/120% "Open Sans", sans-serif;
327
+ --desktop-heading-l-regular__fontFamily: "Open Sans";
328
+ --desktop-heading-l-regular__fontWeight: Regular;
329
+ --desktop-heading-l-regular__lineHeight: 120%;
330
+ --desktop-heading-l-regular__fontSize: 44;
331
+ --desktop-heading-l-regular__letterSpacing: -2%;
332
+ --desktop-heading-l-regular: Regular 44/120% "Open Sans", sans-serif;
333
+ --desktop-heading-l-semi-bold__fontFamily: "Open Sans";
334
+ --desktop-heading-l-semi-bold__fontWeight: SemiBold;
335
+ --desktop-heading-l-semi-bold__lineHeight: 120%;
336
+ --desktop-heading-l-semi-bold__fontSize: 44;
337
+ --desktop-heading-l-semi-bold__letterSpacing: -2%;
338
+ --desktop-heading-l-semi-bold: SemiBold 44/120% "Open Sans", sans-serif;
339
+ --desktop-heading-l-bold__fontFamily: "Open Sans";
340
+ --desktop-heading-l-bold__fontWeight: Bold;
341
+ --desktop-heading-l-bold__lineHeight: 120%;
342
+ --desktop-heading-l-bold__fontSize: 44;
343
+ --desktop-heading-l-bold__letterSpacing: -2%;
344
+ --desktop-heading-l-bold: Bold 44/120% "Open Sans", sans-serif;
345
+ --desktop-heading-xl-bold__fontFamily: "Open Sans";
346
+ --desktop-heading-xl-bold__fontWeight: Bold;
347
+ --desktop-heading-xl-bold__lineHeight: 120%;
348
+ --desktop-heading-xl-bold__fontSize: 56;
349
+ --desktop-heading-xl-bold__letterSpacing: -2%;
350
+ --desktop-heading-xl-bold: Bold 56/120% "Open Sans", sans-serif;
351
+ --desktop-heading-xl-semi-bold__fontFamily: "Open Sans";
352
+ --desktop-heading-xl-semi-bold__fontWeight: SemiBold;
353
+ --desktop-heading-xl-semi-bold__lineHeight: 120%;
354
+ --desktop-heading-xl-semi-bold__fontSize: 56;
355
+ --desktop-heading-xl-semi-bold__letterSpacing: -2%;
356
+ --desktop-heading-xl-semi-bold: SemiBold 56/120% "Open Sans", sans-serif;
357
+ --desktop-functional-text-input__fontFamily: "Open Sans";
358
+ --desktop-functional-text-input__fontWeight: Regular;
359
+ --desktop-functional-text-input__lineHeight: 150%;
360
+ --desktop-functional-text-input__fontSize: 14;
361
+ --desktop-functional-text-input__letterSpacing: 0;
362
+ --desktop-functional-text-input: Regular 14/150% "Open Sans", sans-serif;
363
+ --desktop-functional-caption__fontFamily: "Open Sans";
364
+ --desktop-functional-caption__fontWeight: Regular;
365
+ --desktop-functional-caption__lineHeight: 150%;
366
+ --desktop-functional-caption__fontSize: 10;
367
+ --desktop-functional-caption__letterSpacing: 2%;
368
+ --desktop-functional-caption: Regular 10/150% "Open Sans", sans-serif;
369
+ --mobile-subtext-s-regular__fontFamily: "Open Sans";
370
+ --mobile-subtext-s-regular__fontWeight: Regular;
371
+ --mobile-subtext-s-regular__lineHeight: 120%;
372
+ --mobile-subtext-s-regular__fontSize: 10;
373
+ --mobile-subtext-s-regular__letterSpacing: 2%;
374
+ --mobile-subtext-s-regular: Regular 10/120% "Open Sans", sans-serif;
375
+ --mobile-subtext-m-regular__fontFamily: "Open Sans";
376
+ --mobile-subtext-m-regular__fontWeight: Regular;
377
+ --mobile-subtext-m-regular__lineHeight: AUTO;
378
+ --mobile-subtext-m-regular__fontSize: 12;
379
+ --mobile-subtext-m-regular__letterSpacing: 2%;
380
+ --mobile-subtext-m-regular: Regular 12/AUTO "Open Sans", sans-serif;
381
+ --mobile-subtext-m-bold__fontFamily: "Open Sans";
382
+ --mobile-subtext-m-bold__fontWeight: Bold;
383
+ --mobile-subtext-m-bold__lineHeight: AUTO;
384
+ --mobile-subtext-m-bold__fontSize: 12;
385
+ --mobile-subtext-m-bold__letterSpacing: 2%;
386
+ --mobile-subtext-m-bold: Bold 12/AUTO "Open Sans", sans-serif;
387
+ --mobile-body-s-regular__fontFamily: "Open Sans";
388
+ --mobile-body-s-regular__fontWeight: Regular;
389
+ --mobile-body-s-regular__lineHeight: AUTO;
390
+ --mobile-body-s-regular__fontSize: 14;
391
+ --mobile-body-s-regular__letterSpacing: 0;
392
+ --mobile-body-s-regular: Regular 14/AUTO "Open Sans", sans-serif;
393
+ --mobile-body-s-semi-bold__fontFamily: "Open Sans";
394
+ --mobile-body-s-semi-bold__fontWeight: SemiBold;
395
+ --mobile-body-s-semi-bold__lineHeight: AUTO;
396
+ --mobile-body-s-semi-bold__fontSize: 14;
397
+ --mobile-body-s-semi-bold__letterSpacing: 0;
398
+ --mobile-body-s-semi-bold: SemiBold 14/AUTO "Open Sans", sans-serif;
399
+ --mobile-body-s-bold__fontFamily: "Open Sans";
400
+ --mobile-body-s-bold__fontWeight: Bold;
401
+ --mobile-body-s-bold__lineHeight: AUTO;
402
+ --mobile-body-s-bold__fontSize: 14;
403
+ --mobile-body-s-bold__letterSpacing: 0;
404
+ --mobile-body-s-bold: Bold 14/AUTO "Open Sans", sans-serif;
405
+ --mobile-body-m-regular__fontFamily: "Open Sans";
406
+ --mobile-body-m-regular__fontWeight: Regular;
407
+ --mobile-body-m-regular__lineHeight: 120%;
408
+ --mobile-body-m-regular__fontSize: 16;
409
+ --mobile-body-m-regular__letterSpacing: 0;
410
+ --mobile-body-m-regular: Regular 16/120% "Open Sans", sans-serif;
411
+ --mobile-body-m-semi-bold__fontFamily: "Open Sans";
412
+ --mobile-body-m-semi-bold__fontWeight: SemiBold;
413
+ --mobile-body-m-semi-bold__lineHeight: 120%;
414
+ --mobile-body-m-semi-bold__fontSize: 16;
415
+ --mobile-body-m-semi-bold__letterSpacing: 0;
416
+ --mobile-body-m-semi-bold: SemiBold 16/120% "Open Sans", sans-serif;
417
+ --mobile-body-m-bold__fontFamily: "Open Sans";
418
+ --mobile-body-m-bold__fontWeight: Bold;
419
+ --mobile-body-m-bold__lineHeight: 120%;
420
+ --mobile-body-m-bold__fontSize: 16;
421
+ --mobile-body-m-bold__letterSpacing: 0;
422
+ --mobile-body-m-bold: Bold 16/120% "Open Sans", sans-serif;
423
+ --mobile-body-l-regular__fontFamily: "Open Sans";
424
+ --mobile-body-l-regular__fontWeight: Regular;
425
+ --mobile-body-l-regular__lineHeight: 120%;
426
+ --mobile-body-l-regular__fontSize: 18;
427
+ --mobile-body-l-regular__letterSpacing: 0;
428
+ --mobile-body-l-regular: Regular 18/120% "Open Sans", sans-serif;
429
+ --mobile-body-l-semibold__fontFamily: "Open Sans";
430
+ --mobile-body-l-semibold__fontWeight: SemiBold;
431
+ --mobile-body-l-semibold__lineHeight: 120%;
432
+ --mobile-body-l-semibold__fontSize: 18;
433
+ --mobile-body-l-semibold__letterSpacing: 0;
434
+ --mobile-body-l-semibold: SemiBold 18/120% "Open Sans", sans-serif;
435
+ --mobile-body-l-bold__fontFamily: "Open Sans";
436
+ --mobile-body-l-bold__fontWeight: Bold;
437
+ --mobile-body-l-bold__lineHeight: 120%;
438
+ --mobile-body-l-bold__fontSize: 18;
439
+ --mobile-body-l-bold__letterSpacing: 0;
440
+ --mobile-body-l-bold: Bold 18/120% "Open Sans", sans-serif;
441
+ --mobile-body-xl-regular__fontFamily: "Open Sans";
442
+ --mobile-body-xl-regular__fontWeight: Regular;
443
+ --mobile-body-xl-regular__lineHeight: 120%;
444
+ --mobile-body-xl-regular__fontSize: 18;
445
+ --mobile-body-xl-regular__letterSpacing: 0;
446
+ --mobile-body-xl-regular: Regular 18/120% "Open Sans", sans-serif;
447
+ --mobile-body-xl-semi-bold__fontFamily: "Open Sans";
448
+ --mobile-body-xl-semi-bold__fontWeight: SemiBold;
449
+ --mobile-body-xl-semi-bold__lineHeight: 120%;
450
+ --mobile-body-xl-semi-bold__fontSize: 18;
451
+ --mobile-body-xl-semi-bold__letterSpacing: 0;
452
+ --mobile-body-xl-semi-bold: SemiBold 18/120% "Open Sans", sans-serif;
453
+ --mobile-body-xl-bold__fontFamily: "Open Sans";
454
+ --mobile-body-xl-bold__fontWeight: Bold;
455
+ --mobile-body-xl-bold__lineHeight: 120%;
456
+ --mobile-body-xl-bold__fontSize: 18;
457
+ --mobile-body-xl-bold__letterSpacing: 0;
458
+ --mobile-body-xl-bold: Bold 18/120% "Open Sans", sans-serif;
459
+ --mobile-heading-xs-regular__fontFamily: "Open Sans";
460
+ --mobile-heading-xs-regular__fontWeight: Regular;
461
+ --mobile-heading-xs-regular__lineHeight: 120%;
462
+ --mobile-heading-xs-regular__fontSize: 20;
463
+ --mobile-heading-xs-regular__letterSpacing: -2%;
464
+ --mobile-heading-xs-regular: Regular 20/120% "Open Sans", sans-serif;
465
+ --mobile-heading-xs-semi-bold__fontFamily: "Open Sans";
466
+ --mobile-heading-xs-semi-bold__fontWeight: SemiBold;
467
+ --mobile-heading-xs-semi-bold__lineHeight: 120%;
468
+ --mobile-heading-xs-semi-bold__fontSize: 20;
469
+ --mobile-heading-xs-semi-bold__letterSpacing: -2%;
470
+ --mobile-heading-xs-semi-bold: SemiBold 20/120% "Open Sans", sans-serif;
471
+ --mobile-heading-xs-bold__fontFamily: "Open Sans";
472
+ --mobile-heading-xs-bold__fontWeight: Bold;
473
+ --mobile-heading-xs-bold__lineHeight: 120%;
474
+ --mobile-heading-xs-bold__fontSize: 20;
475
+ --mobile-heading-xs-bold__letterSpacing: -2%;
476
+ --mobile-heading-xs-bold: Bold 20/120% "Open Sans", sans-serif;
477
+ --mobile-heading-s-regular__fontFamily: "Open Sans";
478
+ --mobile-heading-s-regular__fontWeight: Regular;
479
+ --mobile-heading-s-regular__lineHeight: 120%;
480
+ --mobile-heading-s-regular__fontSize: 22;
481
+ --mobile-heading-s-regular__letterSpacing: -2%;
482
+ --mobile-heading-s-regular: Regular 22/120% "Open Sans", sans-serif;
483
+ --mobile-heading-s-semi-bold__fontFamily: "Open Sans";
484
+ --mobile-heading-s-semi-bold__fontWeight: SemiBold;
485
+ --mobile-heading-s-semi-bold__lineHeight: 120%;
486
+ --mobile-heading-s-semi-bold__fontSize: 22;
487
+ --mobile-heading-s-semi-bold__letterSpacing: -2%;
488
+ --mobile-heading-s-semi-bold: SemiBold 22/120% "Open Sans", sans-serif;
489
+ --mobile-heading-s-bold__fontFamily: "Open Sans";
490
+ --mobile-heading-s-bold__fontWeight: Bold;
491
+ --mobile-heading-s-bold__lineHeight: 120%;
492
+ --mobile-heading-s-bold__fontSize: 22;
493
+ --mobile-heading-s-bold__letterSpacing: -2%;
494
+ --mobile-heading-s-bold: Bold 22/120% "Open Sans", sans-serif;
495
+ --mobile-heading-m-regular__fontFamily: "Open Sans";
496
+ --mobile-heading-m-regular__fontWeight: Regular;
497
+ --mobile-heading-m-regular__lineHeight: 120%;
498
+ --mobile-heading-m-regular__fontSize: 25;
499
+ --mobile-heading-m-regular__letterSpacing: -2%;
500
+ --mobile-heading-m-regular: Regular 25/120% "Open Sans", sans-serif;
501
+ --mobile-heading-m-semi-bold__fontFamily: "Open Sans";
502
+ --mobile-heading-m-semi-bold__fontWeight: SemiBold;
503
+ --mobile-heading-m-semi-bold__lineHeight: 120%;
504
+ --mobile-heading-m-semi-bold__fontSize: 25;
505
+ --mobile-heading-m-semi-bold__letterSpacing: -2%;
506
+ --mobile-heading-m-semi-bold: SemiBold 25/120% "Open Sans", sans-serif;
507
+ --mobile-heading-m-bold__fontFamily: "Open Sans";
508
+ --mobile-heading-m-bold__fontWeight: Bold;
509
+ --mobile-heading-m-bold__lineHeight: 120%;
510
+ --mobile-heading-m-bold__fontSize: 25;
511
+ --mobile-heading-m-bold__letterSpacing: -2%;
512
+ --mobile-heading-m-bold: Bold 25/120% "Open Sans", sans-serif;
513
+ --mobile-heading-l-regular__fontFamily: "Open Sans";
514
+ --mobile-heading-l-regular__fontWeight: Regular;
515
+ --mobile-heading-l-regular__lineHeight: 120%;
516
+ --mobile-heading-l-regular__fontSize: 28;
517
+ --mobile-heading-l-regular__letterSpacing: -2%;
518
+ --mobile-heading-l-regular: Regular 28/120% "Open Sans", sans-serif;
519
+ --mobile-heading-l-semi-bold__fontFamily: "Open Sans";
520
+ --mobile-heading-l-semi-bold__fontWeight: SemiBold;
521
+ --mobile-heading-l-semi-bold__lineHeight: 120%;
522
+ --mobile-heading-l-semi-bold__fontSize: 28;
523
+ --mobile-heading-l-semi-bold__letterSpacing: -2%;
524
+ --mobile-heading-l-semi-bold: SemiBold 28/120% "Open Sans", sans-serif;
525
+ --mobile-heading-l-bold__fontFamily: "Open Sans";
526
+ --mobile-heading-l-bold__fontWeight: Bold;
527
+ --mobile-heading-l-bold__lineHeight: 120%;
528
+ --mobile-heading-l-bold__fontSize: 28;
529
+ --mobile-heading-l-bold__letterSpacing: -2%;
530
+ --mobile-heading-l-bold: Bold 28/120% "Open Sans", sans-serif;
531
+ --mobile-heading-xl-semibold__fontFamily: "Open Sans";
532
+ --mobile-heading-xl-semibold__fontWeight: SemiBold;
533
+ --mobile-heading-xl-semibold__lineHeight: 120%;
534
+ --mobile-heading-xl-semibold__fontSize: 32;
535
+ --mobile-heading-xl-semibold__letterSpacing: -2%;
536
+ --mobile-heading-xl-semibold: SemiBold 32/120% "Open Sans", sans-serif;
537
+ --mobile-heading-xl-bold__fontFamily: "Open Sans";
538
+ --mobile-heading-xl-bold__fontWeight: Bold;
539
+ --mobile-heading-xl-bold__lineHeight: 150%;
540
+ --mobile-heading-xl-bold__fontSize: 32;
541
+ --mobile-heading-xl-bold__letterSpacing: -2%;
542
+ --mobile-heading-xl-bold: Bold 32/150% "Open Sans", sans-serif;
543
+ --private-styles-code__fontFamily: ""Source Code Pro", monospace";
544
+ --private-styles-code__fontWeight: Regular;
545
+ --private-styles-code__lineHeight: AUTO;
546
+ --private-styles-code__fontSize: 16;
547
+ --private-styles-code__letterSpacing: 0;
548
+ --private-styles-code: Regular 16/AUTO ""Source Code Pro", monospace", sans-serif;
549
+ --action-default-text-primary-default: #ffffff;
550
+ --action-default-text-primary-hover: #ffffff;
551
+ --action-default-text-primary-active: #ffffff;
552
+ --action-default-text-primary-focus: #ffffff;
553
+ --action-default-text-primary-disable: #ffffff;
554
+ --action-default-text-secondary-default: #007dbc;
555
+ --action-default-text-secondary-hover: #003351;
556
+ --action-default-text-secondary-active: #003351;
557
+ --action-default-text-secondary-focus: #007dbc;
558
+ --action-default-text-secondary-disable: #a6acb3;
559
+ --action-default-text-danger-default: #ffffff;
560
+ --action-default-text-danger-hover: #ffffff;
561
+ --action-default-text-danger-active: #ffffff;
562
+ --action-default-text-danger-focus: #ffffff;
563
+ --action-default-text-danger-disable: #ffffff;
564
+ --action-default-text-ghost-default: #007dbc;
565
+ --action-default-text-ghost-hover: #003351;
566
+ --action-default-text-ghost-active: #003351;
567
+ --action-default-text-ghost-focus: #007dbc;
568
+ --action-default-text-ghost-disable: #a6acb3;
569
+ --action-default-fill-primary-default: #007dbc;
570
+ --action-default-fill-primary-hover: #006497;
571
+ --action-default-fill-primary-active: #003351;
572
+ --action-default-fill-primary-focus: #007dbc;
573
+ --action-default-fill-primary-disable: #a6acb3;
574
+ --action-default-fill-secondary-default: #ffffff;
575
+ --action-default-fill-secondary-hover: #e7f2ff;
576
+ --action-default-fill-secondary-active: #cce5ff;
577
+ --action-default-fill-secondary-focus: #ffffff;
578
+ --action-default-fill-secondary-disable: #ffffff;
579
+ --action-default-fill-danger-default: #e4002b;
580
+ --action-default-fill-danger-hover: #86001d;
581
+ --action-default-fill-danger-active: #5c0014;
582
+ --action-default-fill-danger-focus: #e4002b;
583
+ --action-default-fill-danger-disable: #a6acb3;
584
+ --action-default-fill-ghost-default: #ffffff;
585
+ --action-default-fill-ghost-hover: #f6f7f9;
586
+ --action-default-fill-ghost-active: #dee3eb;
587
+ --action-default-fill-ghost-focus: #ffffff;
588
+ --action-default-fill-ghost-disable: #ffffff;
589
+ --action-default-link-default: #007dbc;
590
+ --action-default-link-hover: #004b73;
591
+ --action-default-link-active: #001d31;
592
+ --action-default-link-focus: #007dbc;
593
+ --action-default-link-disable: #a6acb3;
594
+ --action-solid-text-primary-default: #ffffff;
595
+ --action-solid-text-primary-hover: #5ab2f5;
596
+ --action-solid-text-primary-active: #cce5ff;
597
+ --action-solid-text-primary-focus: #ffffff;
598
+ --action-solid-text-primary-disable: #72787e;
599
+ --action-solid-text-secondary-default: #ffffff;
600
+ --action-solid-text-secondary-hover: #004b73;
601
+ --action-solid-text-secondary-active: #004b73;
602
+ --action-solid-text-secondary-focus: #ffffff;
603
+ --action-solid-text-secondary-disable: #c2c7ce;
604
+ --action-solid-text-ghost-default: #ffffff;
605
+ --action-solid-text-ghost-hover: #003351;
606
+ --action-solid-text-ghost-active: #003351;
607
+ --action-solid-text-ghost-focus: #ffffff;
608
+ --action-solid-text-ghost-disable: #c2c7ce;
609
+ --action-solid-fill-primary-default: #0d295c;
610
+ --action-solid-fill-primary-hover: #04193b;
611
+ --action-solid-fill-primary-active: #04193b;
612
+ --action-solid-fill-primary-focus: #0d295c;
613
+ --action-solid-fill-primary-disable: #f6f7f9;
614
+ --action-solid-fill-secondary-default: #007dbc;
615
+ --action-solid-fill-secondary-hover: #e7f2ff;
616
+ --action-solid-fill-secondary-active: #cce5ff;
617
+ --action-solid-fill-secondary-focus: #007dbc;
618
+ --action-solid-fill-secondary-disable: #007dbc;
619
+ --action-solid-fill-ghost-default: #007dbc;
620
+ --action-solid-fill-ghost-hover: #5ab2f5;
621
+ --action-solid-fill-ghost-active: #006497;
622
+ --action-solid-fill-ghost-focus: #007dbc;
623
+ --action-solid-fill-ghost-disable: #007dbc;
624
+ --action-solid-link-default: #ffffff;
625
+ --action-solid-link-hover: #5ab2f5;
626
+ --action-solid-link-active: #007dbc;
627
+ --action-solid-link-focus: #ffffff;
628
+ --action-solid-link-disable: #dee3eb;
629
+ --background-primary: #007dbc;
630
+ --background-secondary: #0d295c;
631
+ --background-neutral: #f6f7f9;
632
+ --background-main: #ffffff;
633
+ --focus-100__color: #5ab2f5;
634
+ --focus-100__width: 1px;
635
+ --focus-200__color: #5ab2f5;
636
+ --focus-200__width: 2px;
637
+ --error-100__color: #e4002b;
638
+ --error-100__width: 1px;
639
+ --error-200__color: #e4002b;
640
+ --error-200__width: 2px;
641
+ --light-shadow-100__color: #dee3eb;
642
+ --light-shadow-100__width: 1px;
643
+ --light-shadow-200__color: #dee3eb;
644
+ --light-shadow-200__width: 2px;
645
+ --text-body-default: #001d31;
646
+ --text-body-error: #e4002b;
647
+ --text-body-success: #00ab4a;
648
+ --text-body-secondary: #595f65;
649
+ --text-inverse-default: #ffffff;
650
+ --text-heading-default: #001d31;
651
+ --text-heading-on-dark: #5ab2f5;
652
+ --text-field-placeholder: #8c9198;
653
+ --text-field-default: #001d31;
654
+ --text-field-helper: #595f65;
655
+ --fill-neutral: #e7f2ff;
656
+ --fill-success: #e2ffe4;
657
+ --fill-error: #fee9e9;
658
+ --fill-alert: #feebc8;
659
+ --fill-dark: #0d295c;
660
+ --fill-field: #ffffff;
661
+ --disable-100__color: #a6acb3;
662
+ --disable-100__width: 1px;
663
+ --disable-200__color: #a6acb3;
664
+ --disable-200__width: 2px;
665
+ --default-100__color: #007dbc;
666
+ --default-100__width: 1px;
667
+ --default-200__color: #007dbc;
668
+ --default-200__width: 2px;
669
+ --solid-100__color: #ffffff;
670
+ --solid-100__width: 1px;
671
+ --solid-200__color: #ffffff;
672
+ --solid-200__width: 2px;
673
+ --field-border-radius: 2px;
674
+ --field-border-color: #8c9198;
675
+ --field-background-disabled: #a6acb3;
676
+ --field-background-enabled: #007dbc;
677
+ --field-focus: #92ccff;
678
+ --border-subtle: #dee3eb;
679
+ --border-strong: #c2c7ce;
680
+ --layer-primary: #f6f7f9;
681
+ --interactive: #00FFFF;
682
+ --support-error-main: #b40027;
683
+ --support-error-background: #fda6a8;
684
+ --support-warning-main: #e3b500;
685
+ --support-warning-background: #ffefb0;
686
+ --support-success-main: #148038;
687
+ --support-success-background: #e2ffe4;
688
+ --code-background: #dee3eb;
689
+ --font-size-xs: 12px;
690
+ --font-size-sm: 14px;
691
+ --font-size-base: 16px;
692
+ --font-size-lg: 18px;
693
+ --font-size-xl: 24px;
694
+ --font-size-2xl: 30px;
695
+ --font-size-3xl: 36px;
696
+ --font-size-4xl: 48px;
697
+ --font-size-5xl: 60px;
698
+ --font-size-6xl: 72px;
699
+ --icon-inverse: #ffff00;
700
+ --icon-on-color: #ffff00;
701
+ --text-on-color: #ffff00;
702
+ --button-danger-hover: #ffff00;
703
+ --support-warning: #ffff00;
704
+ --button-tertiary: #ffff00;
705
+ --button-tertiary-hover: #ffff00;
706
+ --field: #ffff00;
707
+ --button-primary: #ffff00;
708
+ --button-primary-hover: #ffff00;
709
+ --field-hover: #ffff00;
710
+ --support-info: #ffff00;
711
+ --support-success: #ffff00;
712
+ --background-brand: #ffff00;
713
+ --highlight: #ffff00;
714
+ --border-interactive: #ffff00;
715
+ --focus: #ffff00;
716
+ --field-border: #ffff00;
717
+ --layer-accent-active: #ffff00;
718
+ --text-disabled: #ffff00;
719
+ --button-disabled: #ffff00;
720
+ --text-error: #ffff00;
721
+ --icon-primary: #ffff00;
722
+ --action-default-link-default-hover: #ffff00;
723
+ --overlay: #ffff00;
724
+ --link-visited: #ffff00;
725
+ --border-inverse: #ffff00;
726
+ --border-disabled: #ffff00;
727
+ --icon-secondary: #ffff00;
728
+ --background-selected: #ffff00;
729
+ --icon-on-color-disabled: #ffff00;
730
+ --background-hover: #ffff00;
731
+ --layer-active: #ffff00;
732
+ --text-placeholder: #ffff00;
733
+ --typography-caption-font-size: 16px;
734
+ --typography-caption-font-weight: regular;
735
+ --typography-helper-font-size: 0.875em;
736
+ --typography-helper-font-weight: regular;
737
+ --typography-input-font-size: 1em;
738
+ --typography-input-font-weight: regular;
739
+ --typography-story-title-font-size: 3.125em;
740
+ --typography-story-title-font-weight: 300;
741
+ --typography-story-title-md-font-size: 1.875em;
742
+ --typography-story-title-lg-font-size: 2.5em;
743
+ --typography-story-h1-font-size: 1.8125em;
744
+ --typography-story-h1-font-weight: 600;
745
+ --typography-story-h2-font-size: 1.5625em;
746
+ --typography-story-h2-font-weight: 600;
747
+ --typography-story-h3-font-size: 1.375em;
748
+ --typography-story-h3-font-weight: 600;
749
+ --typography-story-h4-font-size: 1.25em;
750
+ --typography-story-h4-font-weight: 600;
751
+ --typography-story-h5-font-size: 1.125em;
752
+ --typography-story-h5-font-weight: 600;
753
+ --typography-story-h6-font-size: 1em;
754
+ --typography-story-h6-font-weight: 600;
755
+ --typography-story-sub-title-font-size: 0.75em;
756
+ --typography-story-sub-title-font-weight: 500;
757
+ --typography-story-sub-title-letter-spacing: 0.05em;
758
+ --typography-story-sub-title-text-transform: uppercase;
759
+ --typography-body-regular-font-size: 0.75em;
760
+ --typography-body-regular-font-weight: regular;
761
+ }