@drivy/cobalt 0.29.2 → 0.31.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 (43) hide show
  1. package/cjs/tokens/theme.js +1 -1
  2. package/components/Card/index.js +3 -2
  3. package/components/Card/index.js.map +1 -1
  4. package/components/Flash/index.js +4 -4
  5. package/components/Flash/index.js.map +1 -1
  6. package/components/Form/Autocomplete/index.js +1 -1
  7. package/components/Form/Autocomplete/index.js.map +1 -1
  8. package/components/Form/Slider.js.map +1 -1
  9. package/package.json +11 -11
  10. package/styles/components/Accordion/index.scss +1 -1
  11. package/styles/components/Alerter/index.scss +2 -4
  12. package/styles/components/BulletList/index.scss +1 -2
  13. package/styles/components/Buttons/DefaultButton/index.scss +12 -12
  14. package/styles/components/Buttons/GhostButton/index.scss +4 -4
  15. package/styles/components/Buttons/InversedButton/index.scss +2 -2
  16. package/styles/components/Buttons/index.scss +6 -7
  17. package/styles/components/Calendar/CalendarRangePicker/index.scss +13 -18
  18. package/styles/components/Calendar/CalendarView/index.scss +6 -8
  19. package/styles/components/Card/index.scss +16 -6
  20. package/styles/components/Cell/index.scss +1 -1
  21. package/styles/components/Flash/index.scss +2 -4
  22. package/styles/components/Form/Autocomplete/index.scss +10 -21
  23. package/styles/components/Form/CheckablePill.scss +5 -6
  24. package/styles/components/Form/Checkmark.scss +1 -5
  25. package/styles/components/Form/Hint.scss +0 -9
  26. package/styles/components/Form/RadioWithDetails.scss +5 -5
  27. package/styles/components/Form/TextInput.scss +5 -5
  28. package/styles/components/Form/ToggleSwitch.scss +1 -1
  29. package/styles/components/Helper/index.scss +0 -3
  30. package/styles/components/Icon/index.scss +1 -2
  31. package/styles/components/Note/index.scss +4 -0
  32. package/styles/components/PhotoDropzone/index.scss +1 -2
  33. package/styles/components/TabBar/index.scss +1 -1
  34. package/styles/components/Tag/index.scss +2 -4
  35. package/styles/core/_colors-map.scss +164 -164
  36. package/styles/core/color.scss +28 -6
  37. package/styles/core/text.scss +37 -19
  38. package/styles/core/theme.scss +486 -160
  39. package/styles/core/typography.scss +12 -12
  40. package/tokens/theme.js +1 -1
  41. package/types/components/Card/index.d.ts +3 -1
  42. package/types/components/Form/Slider.d.ts +2 -2
  43. package/utilities.css +651 -295
package/utilities.css CHANGED
@@ -107,166 +107,492 @@
107
107
  /**********************************/
108
108
 
109
109
  :root {
110
- --c-background-primary: var(--c-l-grey-lighter);
111
- --c-background-secondary: var(--c-l-white);
112
- --c-background-secondaryInteractive: var(--c-l-white);
113
- --c-background-secondaryInteractive--hover: var(--c-l-grey-lighter);
114
- --c-background-accent: var(--c-l-purple);
115
- --c-background-accentInteractive: var(--c-l-purple);
116
- --c-background-accentInteractive--hover: var(--c-l-purple);
117
- --c-background-accentAlt: var(--c-l-indigo);
118
- --c-background-accentAltInteractive: var(--c-l-indigo);
119
- --c-background-accentAltInteractive--hover: var(--c-l-indigo);
120
- --c-background-info: var(--c-l-grey-lighter);
121
- --c-background-error: var(--c-l-red);
122
- --c-background-errorInteractive: var(--c-l-red);
123
- --c-background-errorInteractive--hover: var(--c-l-red);
124
- --c-background-errorAlt: var(--c-l-graphite);
125
- --c-background-success: var(--c-l-green);
126
- --c-background-successAlt: var(--c-l-graphite);
127
- --c-background-connect: var(--c-l-turquoise);
128
- --c-background-connectInteractive: var(--c-l-turquoise);
129
- --c-background-connectInteractive--hover: var(--c-l-turquoise);
130
- --c-background-connectAlt: var(--c-l-grey-light);
131
- --c-background-driver: var(--c-l-deprecatedDriver);
132
- --c-background-owner: var(--c-l-indigo-dark);
133
- --c-background-disabled: var(--c-l-grey-light);
134
- --c-background-neutral: var(--c-l-grey-light);
135
- --c-background-neutralAlt: var(--c-l-grey-lighter);
136
- --c-background-seasonLow: var(--c-l-deprecatedSeasonLow);
137
- --c-background-seasonMedium: var(--c-l-deprecatedSeasonMedium);
138
- --c-background-seasonHigh: var(--c-l-deprecatedSeasonHigh);
139
- --c-background-seasonVeryHigh: var(--c-l-deprecatedSeasonVeryHigh);
140
- --c-text-base: var(--c-l-graphite);
141
- --c-text-baseInteractive: var(--c-l-graphite);
142
- --c-text-baseInteractive--hover: var(--c-l-graphite);
143
- --c-text-subdued: var(--c-l-graphite-light);
144
- --c-text-subduedInteractive: var(--c-l-graphite-light);
145
- --c-text-subduedInteractive--hover: var(--c-l-graphite);
146
- --c-text-accent: var(--c-l-purple);
147
- --c-text-accentInteractive: var(--c-l-blue);
148
- --c-text-accentInteractive--hover: var(--c-l-blue);
149
- --c-text-accentAlt: var(--c-l-white);
150
- --c-text-accentAltInteractive: var(--c-l-white);
151
- --c-text-accentAltInteractive--hover: var(--c-l-white);
152
- --c-text-info: var(--c-l-graphite-light);
153
- --c-text-infoAlt: var(--c-l-turquoise);
154
- --c-text-error: var(--c-l-red);
155
- --c-text-errorAlt: var(--c-l-white);
156
- --c-text-success: var(--c-l-green);
157
- --c-text-successAlt: var(--c-l-white);
158
- --c-text-warning: var(--c-l-coral);
159
- --c-text-connect: var(--c-l-turquoise);
160
- --c-text-driver: var(--c-l-graphite);
161
- --c-text-owner: var(--c-l-white);
162
- --c-text-inversed: var(--c-l-white);
163
- --c-buttonBackground-selected: var(--c-l-indigo);
164
- --c-buttonBackground-destructiveInteractive: var(--c-l-red);
165
- --c-buttonBackground-destructiveInteractive--hover: var(--c-l-red);
166
- --c-buttonBackground-destructiveInteractive--press: var(--c-l-red);
167
- --c-buttonBackground-disabled: var(--c-l-grey-lighter);
168
- --c-buttonBackground-primaryInteractive: var(--c-l-purple);
169
- --c-buttonBackground-primaryInteractive--hover: var(--c-l-indigo);
170
- --c-buttonBackground-primaryInteractive--press: var(--c-l-indigo-dark);
171
- --c-buttonBackground-secondaryInteractive: var(--c-l-white);
172
- --c-buttonBackground-secondaryInteractive--hover: var(--c-l-white);
173
- --c-buttonBackground-secondaryInteractive--press: var(--c-l-white);
174
- --c-buttonBackground-success: var(--c-l-green);
175
- --c-buttonBackground-successAltInteractive: var(--c-l-green);
176
- --c-buttonBackground-successAltInteractive--hover: var(--c-l-green);
177
- --c-buttonBackground-successAltInteractive--press: var(--c-l-green);
178
- --c-buttonBackground-tertiaryInteractive: var(--c-l-white);
179
- --c-buttonBackground-tertiaryInteractive--hover: var(--c-l-white);
180
- --c-buttonBackground-tertiaryInteractive--press: var(--c-l-white);
181
- --c-buttonIcon-selected: var(--c-l-white);
182
- --c-buttonIcon-destructiveInteractive: var(--c-l-red);
183
- --c-buttonIcon-destructiveInteractive--hover: var(--c-l-red);
184
- --c-buttonIcon-destructiveInteractive--press: var(--c-l-red);
185
- --c-buttonIcon-disabled: var(--c-l-graphite-light);
186
- --c-buttonIcon-primaryInteractive: var(--c-l-white);
187
- --c-buttonIcon-primaryInteractive--hover: var(--c-l-white);
188
- --c-buttonIcon-primaryInteractive--press: var(--c-l-white);
189
- --c-buttonIcon-secondaryInteractive: var(--c-l-indigo);
190
- --c-buttonIcon-secondaryInteractive--hover: var(--c-l-indigo);
191
- --c-buttonIcon-secondaryInteractive--press: var(--c-l-indigo-dark);
192
- --c-buttonIcon-success: var(--c-l-white);
193
- --c-buttonIcon-successAltInteractive: var(--c-l-white);
194
- --c-buttonIcon-successAltInteractive--hover: var(--c-l-white);
195
- --c-buttonIcon-successAltInteractive--press: var(--c-l-white);
196
- --c-buttonIcon-tertiaryInteractive: var(--c-l-blue);
197
- --c-buttonIcon-tertiaryInteractive--hover: var(--c-l-blue);
198
- --c-buttonIcon-tertiaryInteractive--press: var(--c-l-blue);
199
- --c-buttonLabel-selected: var(--c-l-white);
200
- --c-buttonLabel-destructiveInteractive: var(--c-l-white);
201
- --c-buttonLabel-destructiveInteractive--hover: var(--c-l-white);
202
- --c-buttonLabel-destructiveInteractive--press: var(--c-l-white);
203
- --c-buttonLabel-disabled: var(--c-l-graphite-light);
204
- --c-buttonLabel-primaryInteractive: var(--c-l-white);
205
- --c-buttonLabel-primaryInteractive--hover: var(--c-l-white);
206
- --c-buttonLabel-primaryInteractive--press: var(--c-l-white);
207
- --c-buttonLabel-secondaryInteractive: var(--c-l-indigo);
208
- --c-buttonLabel-secondaryInteractive--hover: var(--c-l-indigo);
209
- --c-buttonLabel-secondaryInteractive--press: var(--c-l-indigo-dark);
210
- --c-buttonLabel-success: var(--c-l-white);
211
- --c-buttonLabel-successAltInteractive: var(--c-l-white);
212
- --c-buttonLabel-successAltInteractive--hover: var(--c-l-white);
213
- --c-buttonLabel-successAltInteractive--press: var(--c-l-white);
214
- --c-buttonLabel-tertiaryInteractive: var(--c-l-blue);
215
- --c-buttonLabel-tertiaryInteractive--hover: var(--c-l-blue);
216
- --c-buttonLabel-tertiaryInteractive--press: var(--c-l-blue);
217
- --c-icon-base: var(--c-l-graphite);
218
- --c-icon-baseInteractive: var(--c-l-graphite);
219
- --c-icon-baseInteractive--hover: var(--c-l-graphite);
220
- --c-icon-subdued: var(--c-l-graphite-light);
221
- --c-icon-subduedInteractive: var(--c-l-graphite-light);
222
- --c-icon-subduedInteractive--hover: var(--c-l-graphite);
223
- --c-icon-accent: var(--c-l-purple);
224
- --c-icon-accentInteractive: var(--c-l-purple);
225
- --c-icon-accentInteractive--hover: var(--c-l-indigo);
226
- --c-icon-accentAlt: var(--c-l-white);
227
- --c-icon-accentAltInteractive: var(--c-l-white);
228
- --c-icon-accentAltInteractive--hover: var(--c-l-white);
229
- --c-icon-info: var(--c-l-graphite-light);
230
- --c-icon-infoAlt: var(--c-l-turquoise);
231
- --c-icon-error: var(--c-l-red);
232
- --c-icon-errorAlt: var(--c-l-red);
233
- --c-icon-success: var(--c-l-green);
234
- --c-icon-successAlt: var(--c-l-white);
235
- --c-icon-warning: var(--c-l-coral);
236
- --c-icon-connect: var(--c-l-turquoise);
237
- --c-icon-connectAlt: var(--c-l-turquoise);
238
- --c-icon-driver: var(--c-l-graphite);
239
- --c-icon-owner: var(--c-l-white);
240
- --c-icon-inversed: var(--c-l-white);
241
- --c-icon-disabled: var(--c-l-grey-lighter);
242
- --c-stroke-base: var(--c-l-grey);
243
- --c-stroke-baseInteractive: var(--c-l-grey);
244
- --c-stroke-baseInteractive--hover: var(--c-l-graphite-light);
245
- --c-stroke-baseInteractive--press: var(--c-l-graphite);
246
- --c-stroke-strong: var(--c-l-grey-dark);
247
- --c-stroke-strongInteractive: var(--c-l-grey-dark);
248
- --c-stroke-strongInteractive--hover: var(--c-l-graphite-light);
249
- --c-stroke-strongInteractive--press: var(--c-l-graphite);
250
- --c-stroke-subdued: var(--c-l-grey-light);
251
- --c-stroke-accent: var(--c-l-indigo);
252
- --c-stroke-accentInteractive: var(--c-l-indigo);
253
- --c-stroke-accentInteractive--hover: var(--c-l-indigo);
254
- --c-stroke-accentInteractive--press: var(--c-l-indigo-dark);
255
- --c-stroke-accentAlt: var(--c-l-purple);
256
- --c-stroke-error: var(--c-l-red);
257
- --c-stroke-errorAlt: var(--c-l-red);
258
- --c-stroke-success: var(--c-l-green);
259
- --c-stroke-successAlt: var(--c-l-green);
260
- --c-fill-base: var(--c-l-graphite);
261
- --c-fill-secondary: var(--c-l-turquoise);
262
- --c-fill-subdued: var(--c-l-grey-light);
263
- --c-fill-accent: var(--c-l-purple);
264
- --c-fill-accentAlt: var(--c-l-purple);
265
- --c-fill-error: var(--c-l-red);
266
- --c-fill-negative: var(--c-l-red);
267
- --c-fill-success: var(--c-l-green);
268
- --c-fill-disabled: var(--c-l-grey-dark);
269
- --c-fill-neutral: var(--c-l-grey-lighter);
110
+ --c-background-primary: var(--c-white);
111
+ --c-background-secondary: var(--c-white);
112
+ --c-background-secondaryInteractive: var(--c-white);
113
+ --c-background-secondaryInteractive--hover: var(--c-navy-50);
114
+ --c-background-accent: var(--c-purple-500);
115
+ --c-background-accentInteractive: var(--c-purple-500);
116
+ --c-background-accentInteractive--hover: var(--c-purple-700);
117
+ --c-background-accentAlt: var(--c-purple-100);
118
+ --c-background-accentAltInteractive: var(--c-purple-100);
119
+ --c-background-accentAltInteractive--hover: var(--c-purpleLight-100);
120
+ --c-background-info: var(--c-yellow-100);
121
+ --c-background-error: var(--c-red-500);
122
+ --c-background-errorInteractive: var(--c-red-500);
123
+ --c-background-errorInteractive--hover: var(--c-red-700);
124
+ --c-background-errorAlt: var(--c-red-100);
125
+ --c-background-success: var(--c-green-700);
126
+ --c-background-successAlt: var(--c-green-100);
127
+ --c-background-connect: var(--c-turquoise-500);
128
+ --c-background-connectInteractive: var(--c-turquoise-500);
129
+ --c-background-connectInteractive--hover: var(--c-turquoise-700);
130
+ --c-background-connectAlt: var(--c-turquoise-50);
131
+ --c-background-driver: var(--c-yellow-500);
132
+ --c-background-owner: var(--c-navy-700);
133
+ --c-background-disabled: var(--c-navy-100);
134
+ --c-background-neutral: var(--c-navy-100);
135
+ --c-background-neutralAlt: var(--c-navy-50);
136
+ --c-background-seasonLow: var(--c-season-100);
137
+ --c-background-seasonMedium: var(--c-season-200);
138
+ --c-background-seasonHigh: var(--c-season-300);
139
+ --c-background-seasonVeryHigh: var(--c-season-400);
140
+ --c-text-base: var(--c-navy-700);
141
+ --c-text-baseInteractive: var(--c-navy-700);
142
+ --c-text-baseInteractive--hover: var(--c-navy-300);
143
+ --c-text-subdued: var(--c-navy-300);
144
+ --c-text-subduedInteractive: var(--c-navy-300);
145
+ --c-text-subduedInteractive--hover: var(--c-navy-500);
146
+ --c-text-accent: var(--c-purple-500);
147
+ --c-text-accentInteractive: var(--c-purple-500);
148
+ --c-text-accentInteractive--hover: var(--c-purple-700);
149
+ --c-text-accentAlt: var(--c-purple-500);
150
+ --c-text-accentAltInteractive: var(--c-purple-500);
151
+ --c-text-accentAltInteractive--hover: var(--c-purple-700);
152
+ --c-text-info: var(--c-yellow-900);
153
+ --c-text-infoAlt: var(--c-yellow-500);
154
+ --c-text-error: var(--c-red-500);
155
+ --c-text-errorAlt: var(--c-red-500);
156
+ --c-text-success: var(--c-green-700);
157
+ --c-text-successAlt: var(--c-green-900);
158
+ --c-text-warning: var(--c-orange-500);
159
+ --c-text-connect: var(--c-turquoise-500);
160
+ --c-text-driver: var(--c-navy-700);
161
+ --c-text-owner: var(--c-white);
162
+ --c-text-inversed: var(--c-white);
163
+ --c-buttonBackground-selected: var(--c-purple-100);
164
+ --c-buttonBackground-destructiveInteractive: var(--c-red-100);
165
+ --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
166
+ --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
167
+ --c-buttonBackground-disabled: var(--c-navy-100);
168
+ --c-buttonBackground-primaryInteractive: var(--c-purple-500);
169
+ --c-buttonBackground-primaryInteractive--hover: var(--c-purple-700);
170
+ --c-buttonBackground-primaryInteractive--press: var(--c-purple-900);
171
+ --c-buttonBackground-secondaryInteractive: var(--c-white);
172
+ --c-buttonBackground-secondaryInteractive--hover: var(--c-white);
173
+ --c-buttonBackground-secondaryInteractive--press: var(--c-white);
174
+ --c-buttonBackground-success: var(--c-green-700);
175
+ --c-buttonBackground-successAltInteractive: var(--c-green-100);
176
+ --c-buttonBackground-successAltInteractive--hover: var(--c-green-120);
177
+ --c-buttonBackground-successAltInteractive--press: var(--c-green-150);
178
+ --c-buttonBackground-tertiaryInteractive: var(--c-white);
179
+ --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
180
+ --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
181
+ --c-buttonIcon-selected: var(--c-purple-500);
182
+ --c-buttonIcon-destructiveInteractive: var(--c-red-500);
183
+ --c-buttonIcon-destructiveInteractive--hover: var(--c-red-500);
184
+ --c-buttonIcon-destructiveInteractive--press: var(--c-red-500);
185
+ --c-buttonIcon-disabled: var(--c-navy-300);
186
+ --c-buttonIcon-primaryInteractive: var(--c-white);
187
+ --c-buttonIcon-primaryInteractive--hover: var(--c-white);
188
+ --c-buttonIcon-primaryInteractive--press: var(--c-white);
189
+ --c-buttonIcon-secondaryInteractive: var(--c-purple-500);
190
+ --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-700);
191
+ --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
192
+ --c-buttonIcon-success: var(--c-white);
193
+ --c-buttonIcon-successAltInteractive: var(--c-green-900);
194
+ --c-buttonIcon-successAltInteractive--hover: var(--c-green-900);
195
+ --c-buttonIcon-successAltInteractive--press: var(--c-green-900);
196
+ --c-buttonIcon-tertiaryInteractive: var(--c-purple-500);
197
+ --c-buttonIcon-tertiaryInteractive--hover: var(--c-purple-700);
198
+ --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-900);
199
+ --c-buttonLabel-selected: var(--c-purple-500);
200
+ --c-buttonLabel-destructiveInteractive: var(--c-red-500);
201
+ --c-buttonLabel-destructiveInteractive--hover: var(--c-red-500);
202
+ --c-buttonLabel-destructiveInteractive--press: var(--c-red-500);
203
+ --c-buttonLabel-disabled: var(--c-navy-300);
204
+ --c-buttonLabel-primaryInteractive: var(--c-white);
205
+ --c-buttonLabel-primaryInteractive--hover: var(--c-white);
206
+ --c-buttonLabel-primaryInteractive--press: var(--c-white);
207
+ --c-buttonLabel-secondaryInteractive: var(--c-purple-500);
208
+ --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-700);
209
+ --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
210
+ --c-buttonLabel-success: var(--c-white);
211
+ --c-buttonLabel-successAltInteractive: var(--c-green-900);
212
+ --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
213
+ --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
214
+ --c-buttonLabel-tertiaryInteractive: var(--c-purple-500);
215
+ --c-buttonLabel-tertiaryInteractive--hover: var(--c-purple-700);
216
+ --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-900);
217
+ --c-icon-base: var(--c-navy-500);
218
+ --c-icon-baseInteractive: var(--c-navy-500);
219
+ --c-icon-baseInteractive--hover: var(--c-navy-700);
220
+ --c-icon-subdued: var(--c-navy-300);
221
+ --c-icon-subduedInteractive: var(--c-navy-300);
222
+ --c-icon-subduedInteractive--hover: var(--c-navy-500);
223
+ --c-icon-accent: var(--c-purple-500);
224
+ --c-icon-accentInteractive: var(--c-purple-500);
225
+ --c-icon-accentInteractive--hover: var(--c-purple-700);
226
+ --c-icon-accentAlt: var(--c-purple-500);
227
+ --c-icon-accentAltInteractive: var(--c-purple-500);
228
+ --c-icon-accentAltInteractive--hover: var(--c-purple-700);
229
+ --c-icon-info: var(--c-yellow-900);
230
+ --c-icon-infoAlt: var(--c-yellow-500);
231
+ --c-icon-error: var(--c-red-500);
232
+ --c-icon-errorAlt: var(--c-red-500);
233
+ --c-icon-success: var(--c-green-700);
234
+ --c-icon-successAlt: var(--c-green-900);
235
+ --c-icon-warning: var(--c-orange-500);
236
+ --c-icon-connect: var(--c-turquoise-500);
237
+ --c-icon-connectAlt: var(--c-turquoise-900);
238
+ --c-icon-driver: var(--c-navy-700);
239
+ --c-icon-owner: var(--c-white);
240
+ --c-icon-inversed: var(--c-white);
241
+ --c-icon-disabled: var(--c-navy-100);
242
+ --c-stroke-base: var(--c-navy-100);
243
+ --c-stroke-baseInteractive: var(--c-navy-100);
244
+ --c-stroke-baseInteractive--hover: var(--c-navy-300);
245
+ --c-stroke-baseInteractive--press: var(--c-navy-500);
246
+ --c-stroke-strong: var(--c-navy-300);
247
+ --c-stroke-strongInteractive: var(--c-navy-300);
248
+ --c-stroke-strongInteractive--hover: var(--c-navy-500);
249
+ --c-stroke-strongInteractive--press: var(--c-navy-700);
250
+ --c-stroke-subdued: var(--c-navy-100);
251
+ --c-stroke-accent: var(--c-purple-500);
252
+ --c-stroke-accentInteractive: var(--c-purple-500);
253
+ --c-stroke-accentInteractive--hover: var(--c-purple-700);
254
+ --c-stroke-accentInteractive--press: var(--c-purple-900);
255
+ --c-stroke-accentAlt: var(--c-purple-300);
256
+ --c-stroke-error: var(--c-red-500);
257
+ --c-stroke-errorAlt: var(--c-red-500);
258
+ --c-stroke-success: var(--c-green-500);
259
+ --c-stroke-successAlt: var(--c-green-500);
260
+ --c-fill-base: var(--c-navy-500);
261
+ --c-fill-secondary: var(--c-yellow-500);
262
+ --c-fill-subdued: var(--c-navy-100);
263
+ --c-fill-accent: var(--c-purple-500);
264
+ --c-fill-accentAlt: var(--c-purple-100);
265
+ --c-fill-error: var(--c-red-500);
266
+ --c-fill-negative: var(--c-red-150);
267
+ --c-fill-success: var(--c-green-500);
268
+ --c-fill-disabled: var(--c-navy-300);
269
+ --c-fill-neutral: var(--c-navy-50);
270
+ }
271
+
272
+ .use-cobalt-light-theme {
273
+ --c-background-primary: var(--c-white);
274
+ --c-background-secondary: var(--c-white);
275
+ --c-background-secondaryInteractive: var(--c-white);
276
+ --c-background-secondaryInteractive--hover: var(--c-navy-50);
277
+ --c-background-accent: var(--c-purple-500);
278
+ --c-background-accentInteractive: var(--c-purple-500);
279
+ --c-background-accentInteractive--hover: var(--c-purple-700);
280
+ --c-background-accentAlt: var(--c-purple-100);
281
+ --c-background-accentAltInteractive: var(--c-purple-100);
282
+ --c-background-accentAltInteractive--hover: var(--c-purpleLight-100);
283
+ --c-background-info: var(--c-yellow-100);
284
+ --c-background-error: var(--c-red-500);
285
+ --c-background-errorInteractive: var(--c-red-500);
286
+ --c-background-errorInteractive--hover: var(--c-red-700);
287
+ --c-background-errorAlt: var(--c-red-100);
288
+ --c-background-success: var(--c-green-700);
289
+ --c-background-successAlt: var(--c-green-100);
290
+ --c-background-connect: var(--c-turquoise-500);
291
+ --c-background-connectInteractive: var(--c-turquoise-500);
292
+ --c-background-connectInteractive--hover: var(--c-turquoise-700);
293
+ --c-background-connectAlt: var(--c-turquoise-50);
294
+ --c-background-driver: var(--c-yellow-500);
295
+ --c-background-owner: var(--c-navy-700);
296
+ --c-background-disabled: var(--c-navy-100);
297
+ --c-background-neutral: var(--c-navy-100);
298
+ --c-background-neutralAlt: var(--c-navy-50);
299
+ --c-background-seasonLow: var(--c-season-100);
300
+ --c-background-seasonMedium: var(--c-season-200);
301
+ --c-background-seasonHigh: var(--c-season-300);
302
+ --c-background-seasonVeryHigh: var(--c-season-400);
303
+ --c-text-base: var(--c-navy-700);
304
+ --c-text-baseInteractive: var(--c-navy-700);
305
+ --c-text-baseInteractive--hover: var(--c-navy-300);
306
+ --c-text-subdued: var(--c-navy-300);
307
+ --c-text-subduedInteractive: var(--c-navy-300);
308
+ --c-text-subduedInteractive--hover: var(--c-navy-500);
309
+ --c-text-accent: var(--c-purple-500);
310
+ --c-text-accentInteractive: var(--c-purple-500);
311
+ --c-text-accentInteractive--hover: var(--c-purple-700);
312
+ --c-text-accentAlt: var(--c-purple-500);
313
+ --c-text-accentAltInteractive: var(--c-purple-500);
314
+ --c-text-accentAltInteractive--hover: var(--c-purple-700);
315
+ --c-text-info: var(--c-yellow-900);
316
+ --c-text-infoAlt: var(--c-yellow-500);
317
+ --c-text-error: var(--c-red-500);
318
+ --c-text-errorAlt: var(--c-red-500);
319
+ --c-text-success: var(--c-green-700);
320
+ --c-text-successAlt: var(--c-green-900);
321
+ --c-text-warning: var(--c-orange-500);
322
+ --c-text-connect: var(--c-turquoise-500);
323
+ --c-text-driver: var(--c-navy-700);
324
+ --c-text-owner: var(--c-white);
325
+ --c-text-inversed: var(--c-white);
326
+ --c-buttonBackground-selected: var(--c-purple-100);
327
+ --c-buttonBackground-destructiveInteractive: var(--c-red-100);
328
+ --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
329
+ --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
330
+ --c-buttonBackground-disabled: var(--c-navy-100);
331
+ --c-buttonBackground-primaryInteractive: var(--c-purple-500);
332
+ --c-buttonBackground-primaryInteractive--hover: var(--c-purple-700);
333
+ --c-buttonBackground-primaryInteractive--press: var(--c-purple-900);
334
+ --c-buttonBackground-secondaryInteractive: var(--c-white);
335
+ --c-buttonBackground-secondaryInteractive--hover: var(--c-white);
336
+ --c-buttonBackground-secondaryInteractive--press: var(--c-white);
337
+ --c-buttonBackground-success: var(--c-green-700);
338
+ --c-buttonBackground-successAltInteractive: var(--c-green-100);
339
+ --c-buttonBackground-successAltInteractive--hover: var(--c-green-120);
340
+ --c-buttonBackground-successAltInteractive--press: var(--c-green-150);
341
+ --c-buttonBackground-tertiaryInteractive: var(--c-white);
342
+ --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
343
+ --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
344
+ --c-buttonIcon-selected: var(--c-purple-500);
345
+ --c-buttonIcon-destructiveInteractive: var(--c-red-500);
346
+ --c-buttonIcon-destructiveInteractive--hover: var(--c-red-500);
347
+ --c-buttonIcon-destructiveInteractive--press: var(--c-red-500);
348
+ --c-buttonIcon-disabled: var(--c-navy-300);
349
+ --c-buttonIcon-primaryInteractive: var(--c-white);
350
+ --c-buttonIcon-primaryInteractive--hover: var(--c-white);
351
+ --c-buttonIcon-primaryInteractive--press: var(--c-white);
352
+ --c-buttonIcon-secondaryInteractive: var(--c-purple-500);
353
+ --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-700);
354
+ --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
355
+ --c-buttonIcon-success: var(--c-white);
356
+ --c-buttonIcon-successAltInteractive: var(--c-green-900);
357
+ --c-buttonIcon-successAltInteractive--hover: var(--c-green-900);
358
+ --c-buttonIcon-successAltInteractive--press: var(--c-green-900);
359
+ --c-buttonIcon-tertiaryInteractive: var(--c-purple-500);
360
+ --c-buttonIcon-tertiaryInteractive--hover: var(--c-purple-700);
361
+ --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-900);
362
+ --c-buttonLabel-selected: var(--c-purple-500);
363
+ --c-buttonLabel-destructiveInteractive: var(--c-red-500);
364
+ --c-buttonLabel-destructiveInteractive--hover: var(--c-red-500);
365
+ --c-buttonLabel-destructiveInteractive--press: var(--c-red-500);
366
+ --c-buttonLabel-disabled: var(--c-navy-300);
367
+ --c-buttonLabel-primaryInteractive: var(--c-white);
368
+ --c-buttonLabel-primaryInteractive--hover: var(--c-white);
369
+ --c-buttonLabel-primaryInteractive--press: var(--c-white);
370
+ --c-buttonLabel-secondaryInteractive: var(--c-purple-500);
371
+ --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-700);
372
+ --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
373
+ --c-buttonLabel-success: var(--c-white);
374
+ --c-buttonLabel-successAltInteractive: var(--c-green-900);
375
+ --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
376
+ --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
377
+ --c-buttonLabel-tertiaryInteractive: var(--c-purple-500);
378
+ --c-buttonLabel-tertiaryInteractive--hover: var(--c-purple-700);
379
+ --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-900);
380
+ --c-icon-base: var(--c-navy-500);
381
+ --c-icon-baseInteractive: var(--c-navy-500);
382
+ --c-icon-baseInteractive--hover: var(--c-navy-700);
383
+ --c-icon-subdued: var(--c-navy-300);
384
+ --c-icon-subduedInteractive: var(--c-navy-300);
385
+ --c-icon-subduedInteractive--hover: var(--c-navy-500);
386
+ --c-icon-accent: var(--c-purple-500);
387
+ --c-icon-accentInteractive: var(--c-purple-500);
388
+ --c-icon-accentInteractive--hover: var(--c-purple-700);
389
+ --c-icon-accentAlt: var(--c-purple-500);
390
+ --c-icon-accentAltInteractive: var(--c-purple-500);
391
+ --c-icon-accentAltInteractive--hover: var(--c-purple-700);
392
+ --c-icon-info: var(--c-yellow-900);
393
+ --c-icon-infoAlt: var(--c-yellow-500);
394
+ --c-icon-error: var(--c-red-500);
395
+ --c-icon-errorAlt: var(--c-red-500);
396
+ --c-icon-success: var(--c-green-700);
397
+ --c-icon-successAlt: var(--c-green-900);
398
+ --c-icon-warning: var(--c-orange-500);
399
+ --c-icon-connect: var(--c-turquoise-500);
400
+ --c-icon-connectAlt: var(--c-turquoise-900);
401
+ --c-icon-driver: var(--c-navy-700);
402
+ --c-icon-owner: var(--c-white);
403
+ --c-icon-inversed: var(--c-white);
404
+ --c-icon-disabled: var(--c-navy-100);
405
+ --c-stroke-base: var(--c-navy-100);
406
+ --c-stroke-baseInteractive: var(--c-navy-100);
407
+ --c-stroke-baseInteractive--hover: var(--c-navy-300);
408
+ --c-stroke-baseInteractive--press: var(--c-navy-500);
409
+ --c-stroke-strong: var(--c-navy-300);
410
+ --c-stroke-strongInteractive: var(--c-navy-300);
411
+ --c-stroke-strongInteractive--hover: var(--c-navy-500);
412
+ --c-stroke-strongInteractive--press: var(--c-navy-700);
413
+ --c-stroke-subdued: var(--c-navy-100);
414
+ --c-stroke-accent: var(--c-purple-500);
415
+ --c-stroke-accentInteractive: var(--c-purple-500);
416
+ --c-stroke-accentInteractive--hover: var(--c-purple-700);
417
+ --c-stroke-accentInteractive--press: var(--c-purple-900);
418
+ --c-stroke-accentAlt: var(--c-purple-300);
419
+ --c-stroke-error: var(--c-red-500);
420
+ --c-stroke-errorAlt: var(--c-red-500);
421
+ --c-stroke-success: var(--c-green-500);
422
+ --c-stroke-successAlt: var(--c-green-500);
423
+ --c-fill-base: var(--c-navy-500);
424
+ --c-fill-secondary: var(--c-yellow-500);
425
+ --c-fill-subdued: var(--c-navy-100);
426
+ --c-fill-accent: var(--c-purple-500);
427
+ --c-fill-accentAlt: var(--c-purple-100);
428
+ --c-fill-error: var(--c-red-500);
429
+ --c-fill-negative: var(--c-red-150);
430
+ --c-fill-success: var(--c-green-500);
431
+ --c-fill-disabled: var(--c-navy-300);
432
+ --c-fill-neutral: var(--c-navy-50);
433
+ }
434
+
435
+ .use-cobalt-dark-theme {
436
+ --c-background-primary: var(--c-black-500);
437
+ --c-background-secondary: var(--c-black-300);
438
+ --c-background-secondaryInteractive: var(--c-black-300);
439
+ --c-background-secondaryInteractive--hover: var(--c-black-300);
440
+ --c-background-accent: var(--c-purpleDeep-400);
441
+ --c-background-accentInteractive: var(--c-purpleDeep-400);
442
+ --c-background-accentInteractive--hover: var(--c-purpleDeep-400);
443
+ --c-background-accentAlt: var(--c-purpleDeep-900);
444
+ --c-background-accentAltInteractive: var(--c-purpleDeep-900);
445
+ --c-background-accentAltInteractive--hover: var(--c-purpleDeep-900);
446
+ --c-background-info: var(--c-yellow-1000);
447
+ --c-background-error: var(--c-red-500);
448
+ --c-background-errorInteractive: var(--c-red-500);
449
+ --c-background-errorInteractive--hover: var(--c-red-500);
450
+ --c-background-errorAlt: var(--c-red-900);
451
+ --c-background-success: var(--c-green-700);
452
+ --c-background-successAlt: var(--c-green-1000);
453
+ --c-background-connect: var(--c-turquoise-500);
454
+ --c-background-connectInteractive: var(--c-turquoise-500);
455
+ --c-background-connectInteractive--hover: var(--c-turquoise-500);
456
+ --c-background-connectAlt: var(--c-turquoise-900);
457
+ --c-background-driver: var(--c-yellow-500);
458
+ --c-background-owner: var(--c-navy-700);
459
+ --c-background-disabled: var(--c-black-50);
460
+ --c-background-neutral: var(--c-black-50);
461
+ --c-background-neutralAlt: var(--c-black-100);
462
+ --c-background-seasonLow: var(--c-season-700);
463
+ --c-background-seasonMedium: var(--c-season-800);
464
+ --c-background-seasonHigh: var(--c-season-900);
465
+ --c-background-seasonVeryHigh: var(--c-season-1000);
466
+ --c-text-base: var(--c-grey-100);
467
+ --c-text-baseInteractive: var(--c-grey-100);
468
+ --c-text-baseInteractive--hover: var(--c-grey-300);
469
+ --c-text-subdued: var(--c-grey-300);
470
+ --c-text-subduedInteractive: var(--c-grey-300);
471
+ --c-text-subduedInteractive--hover: var(--c-grey-300);
472
+ --c-text-accent: var(--c-purpleDeep-400);
473
+ --c-text-accentInteractive: var(--c-purpleDeep-400);
474
+ --c-text-accentInteractive--hover: var(--c-purpleDeep-400);
475
+ --c-text-accentAlt: var(--c-grey-100);
476
+ --c-text-accentAltInteractive: var(--c-grey-100);
477
+ --c-text-accentAltInteractive--hover: var(--c-grey-100);
478
+ --c-text-info: var(--c-yellow-300);
479
+ --c-text-infoAlt: var(--c-yellow-700);
480
+ --c-text-error: var(--c-red-400);
481
+ --c-text-errorAlt: var(--c-red-500);
482
+ --c-text-success: var(--c-green-700);
483
+ --c-text-successAlt: var(--c-green-100);
484
+ --c-text-warning: var(--c-orange-300);
485
+ --c-text-connect: var(--c-turquoise-500);
486
+ --c-text-driver: var(--c-navy-700);
487
+ --c-text-owner: var(--c-grey-100);
488
+ --c-text-inversed: var(--c-white);
489
+ --c-buttonBackground-selected: var(--c-purpleDeep-900);
490
+ --c-buttonBackground-destructiveInteractive: var(--c-red-900);
491
+ --c-buttonBackground-destructiveInteractive--hover: var(--c-red-900);
492
+ --c-buttonBackground-destructiveInteractive--press: var(--c-red-900);
493
+ --c-buttonBackground-disabled: var(--c-black-50);
494
+ --c-buttonBackground-primaryInteractive: var(--c-purpleDeep-500);
495
+ --c-buttonBackground-primaryInteractive--hover: var(--c-purpleDeep-500);
496
+ --c-buttonBackground-primaryInteractive--press: var(--c-purpleDeep-500);
497
+ --c-buttonBackground-secondaryInteractive: var(--c-black-500);
498
+ --c-buttonBackground-secondaryInteractive--hover: var(--c-black-500);
499
+ --c-buttonBackground-secondaryInteractive--press: var(--c-black-500);
500
+ --c-buttonBackground-success: var(--c-green-900);
501
+ --c-buttonBackground-successAltInteractive: var(--c-green-1000);
502
+ --c-buttonBackground-successAltInteractive--hover: var(--c-green-1000);
503
+ --c-buttonBackground-successAltInteractive--press: var(--c-green-1000);
504
+ --c-buttonBackground-tertiaryInteractive: var(--c-white);
505
+ --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
506
+ --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
507
+ --c-buttonIcon-selected: var(--c-grey-100);
508
+ --c-buttonIcon-destructiveInteractive: var(--c-red-200);
509
+ --c-buttonIcon-destructiveInteractive--hover: var(--c-red-200);
510
+ --c-buttonIcon-destructiveInteractive--press: var(--c-red-200);
511
+ --c-buttonIcon-disabled: var(--c-grey-300);
512
+ --c-buttonIcon-primaryInteractive: var(--c-grey-100);
513
+ --c-buttonIcon-primaryInteractive--hover: var(--c-grey-100);
514
+ --c-buttonIcon-primaryInteractive--press: var(--c-grey-100);
515
+ --c-buttonIcon-secondaryInteractive: var(--c-purpleDeep-400);
516
+ --c-buttonIcon-secondaryInteractive--hover: var(--c-purpleDeep-400);
517
+ --c-buttonIcon-secondaryInteractive--press: var(--c-purpleDeep-400);
518
+ --c-buttonIcon-success: var(--c-green-100);
519
+ --c-buttonIcon-successAltInteractive: var(--c-green-100);
520
+ --c-buttonIcon-successAltInteractive--hover: var(--c-green-100);
521
+ --c-buttonIcon-successAltInteractive--press: var(--c-green-100);
522
+ --c-buttonIcon-tertiaryInteractive: var(--c-purpleDeep-400);
523
+ --c-buttonIcon-tertiaryInteractive--hover: var(--c-purpleDeep-400);
524
+ --c-buttonIcon-tertiaryInteractive--press: var(--c-purpleDeep-400);
525
+ --c-buttonLabel-selected: var(--c-grey-100);
526
+ --c-buttonLabel-destructiveInteractive: var(--c-red-200);
527
+ --c-buttonLabel-destructiveInteractive--hover: var(--c-red-200);
528
+ --c-buttonLabel-destructiveInteractive--press: var(--c-red-200);
529
+ --c-buttonLabel-disabled: var(--c-grey-300);
530
+ --c-buttonLabel-primaryInteractive: var(--c-grey-100);
531
+ --c-buttonLabel-primaryInteractive--hover: var(--c-grey-100);
532
+ --c-buttonLabel-primaryInteractive--press: var(--c-grey-100);
533
+ --c-buttonLabel-secondaryInteractive: var(--c-purpleDeep-400);
534
+ --c-buttonLabel-secondaryInteractive--hover: var(--c-purpleDeep-400);
535
+ --c-buttonLabel-secondaryInteractive--press: var(--c-purpleDeep-400);
536
+ --c-buttonLabel-success: var(--c-green-100);
537
+ --c-buttonLabel-successAltInteractive: var(--c-green-100);
538
+ --c-buttonLabel-successAltInteractive--hover: var(--c-green-100);
539
+ --c-buttonLabel-successAltInteractive--press: var(--c-green-100);
540
+ --c-buttonLabel-tertiaryInteractive: var(--c-purpleDeep-400);
541
+ --c-buttonLabel-tertiaryInteractive--hover: var(--c-purpleDeep-400);
542
+ --c-buttonLabel-tertiaryInteractive--press: var(--c-purpleDeep-400);
543
+ --c-icon-base: var(--c-grey-100);
544
+ --c-icon-baseInteractive: var(--c-grey-100);
545
+ --c-icon-baseInteractive--hover: var(--c-grey-100);
546
+ --c-icon-subdued: var(--c-grey-300);
547
+ --c-icon-subduedInteractive: var(--c-grey-300);
548
+ --c-icon-subduedInteractive--hover: var(--c-grey-300);
549
+ --c-icon-accent: var(--c-purpleDeep-400);
550
+ --c-icon-accentInteractive: var(--c-purpleDeep-400);
551
+ --c-icon-accentInteractive--hover: var(--c-);
552
+ --c-icon-accentAlt: var(--c-grey-100);
553
+ --c-icon-accentAltInteractive: var(--c-grey-100);
554
+ --c-icon-accentAltInteractive--hover: var(--c-grey-100);
555
+ --c-icon-info: var(--c-yellow-300);
556
+ --c-icon-infoAlt: var(--c-yellow-700);
557
+ --c-icon-error: var(--c-red-400);
558
+ --c-icon-errorAlt: var(--c-red-200);
559
+ --c-icon-success: var(--c-green-700);
560
+ --c-icon-successAlt: var(--c-green-100);
561
+ --c-icon-warning: var(--c-orange-300);
562
+ --c-icon-connect: var(--c-white);
563
+ --c-icon-connectAlt: var(--c-turquoise-50);
564
+ --c-icon-driver: var(--c-);
565
+ --c-icon-owner: var(--c-white);
566
+ --c-icon-inversed: var(--c-white);
567
+ --c-icon-disabled: var(--c-black-50);
568
+ --c-stroke-base: var(--c-black-50);
569
+ --c-stroke-baseInteractive: var(--c-black-50);
570
+ --c-stroke-baseInteractive--hover: var(--c-purpleDeep-400);
571
+ --c-stroke-baseInteractive--press: var(--c-purpleDeep-400);
572
+ --c-stroke-strong: var(--c-navy-200);
573
+ --c-stroke-strongInteractive: var(--c-navy-200);
574
+ --c-stroke-strongInteractive--hover: var(--c-purpleDeep-400);
575
+ --c-stroke-strongInteractive--press: var(--c-purpleDeep-400);
576
+ --c-stroke-subdued: var(--c-black-50);
577
+ --c-stroke-accent: var(--c-purpleDeep-400);
578
+ --c-stroke-accentInteractive: var(--c-purpleDeep-400);
579
+ --c-stroke-accentInteractive--hover: var(--c-purpleDeep-400);
580
+ --c-stroke-accentInteractive--press: var(--c-purpleDeep-400);
581
+ --c-stroke-accentAlt: var(--c-purpleDeep-700);
582
+ --c-stroke-error: var(--c-red-200);
583
+ --c-stroke-errorAlt: var(--c-red-200);
584
+ --c-stroke-success: var(--c-green-700);
585
+ --c-stroke-successAlt: var(--c-green-700);
586
+ --c-fill-base: var(--c-grey-100);
587
+ --c-fill-secondary: var(--c-yellow-500);
588
+ --c-fill-subdued: var(--c-black-50);
589
+ --c-fill-accent: var(--c-purpleDeep-400);
590
+ --c-fill-accentAlt: var(--c-purpleDeep-900);
591
+ --c-fill-error: var(--c-red-500);
592
+ --c-fill-negative: var(--c-red-900);
593
+ --c-fill-success: var(--c-green-700);
594
+ --c-fill-disabled: var(--c-grey-300);
595
+ --c-fill-neutral: var(--c-black-100);
270
596
  }
271
597
 
272
598
  .c-sr-only {
@@ -3904,59 +4230,57 @@
3904
4230
  .c-text-heading {
3905
4231
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3906
4232
  font-size: 2.25rem;
3907
- line-height: 2.5rem;
4233
+ line-height: 125%;
3908
4234
  font-weight: 700;
4235
+ letter-spacing: -0.5px;
3909
4236
  }
3910
4237
 
3911
4238
  .c-text-subheading {
3912
4239
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3913
4240
  font-size: 1.25rem;
3914
- line-height: 1.5rem;
4241
+ line-height: 125%;
3915
4242
  font-weight: 700;
3916
- }
3917
-
3918
- .c-text-section-heading {
3919
- font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3920
- font-size: 0.875rem;
3921
- line-height: 1.5rem;
3922
- font-weight: 700;
3923
- text-transform: uppercase;
3924
- color: var(--c-text-subdued);
4243
+ letter-spacing: -0.5px;
3925
4244
  }
3926
4245
 
3927
4246
  .c-text-title-xl {
3928
4247
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3929
4248
  font-size: 2rem;
3930
- line-height: 2.25rem;
4249
+ line-height: 125%;
3931
4250
  font-weight: 700;
4251
+ letter-spacing: -0.04rem;
3932
4252
  }
3933
4253
 
3934
4254
  .c-text-title-lg {
3935
4255
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3936
4256
  font-size: 1.5rem;
3937
- line-height: 1.75rem;
4257
+ line-height: 125%;
3938
4258
  font-weight: 700;
4259
+ letter-spacing: -0.03rem;
3939
4260
  }
3940
4261
 
3941
4262
  .c-text-title-md {
3942
4263
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3943
- font-size: 1.125rem;
3944
- line-height: 1.25rem;
4264
+ font-size: 1.25rem;
4265
+ line-height: 125%;
3945
4266
  font-weight: 700;
4267
+ letter-spacing: NaNrem;
3946
4268
  }
3947
4269
 
3948
4270
  .c-text-title-sm {
3949
4271
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3950
- font-size: 0.9375rem;
3951
- line-height: 1.25rem;
4272
+ font-size: 1rem;
4273
+ line-height: 125%;
3952
4274
  font-weight: 600;
4275
+ letter-spacing: -0.02rem;
3953
4276
  }
3954
4277
 
3955
4278
  .c-text-title-xs {
3956
4279
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3957
- font-size: 0.9375rem;
3958
- line-height: 1.25rem;
4280
+ font-size: 1rem;
4281
+ line-height: 125%;
3959
4282
  font-weight: 600;
4283
+ letter-spacing: -0.02rem;
3960
4284
  }
3961
4285
 
3962
4286
  .c-text-body-lg {
@@ -3967,7 +4291,7 @@
3967
4291
 
3968
4292
  .c-text-body-md {
3969
4293
  font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
3970
- font-size: 0.9375rem;
4294
+ font-size: 1rem;
3971
4295
  line-height: 1.5rem;
3972
4296
  }
3973
4297
 
@@ -3977,35 +4301,43 @@
3977
4301
  line-height: 1rem;
3978
4302
  }
3979
4303
 
4304
+ .c-text-section-heading {
4305
+ font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
4306
+ font-size: 0.875rem;
4307
+ line-height: 175%;
4308
+ font-weight: 700;
4309
+ text-transform: uppercase;
4310
+ color: var(--c-text-subdued);
4311
+ letter-spacing: -0.2px;
4312
+ }
4313
+
3980
4314
  @media (min-width: 768px) {
3981
4315
  .c-text-heading {
3982
4316
  font-size: 3.5rem;
3983
- line-height: 3.75rem;
3984
4317
  }
3985
4318
 
3986
4319
  .c-text-subheading {
3987
4320
  font-size: 1.75rem;
3988
- line-height: 2rem;
3989
4321
  }
3990
4322
 
3991
4323
  .c-text-title-xl {
3992
4324
  font-size: 2.5rem;
3993
- line-height: 2.75rem;
4325
+ letter-spacing: -0.05rem;
3994
4326
  }
3995
4327
 
3996
4328
  .c-text-title-lg {
3997
4329
  font-size: 2rem;
3998
- line-height: 2.25rem;
4330
+ letter-spacing: -0.04rem;
3999
4331
  }
4000
4332
 
4001
4333
  .c-text-title-md {
4002
4334
  font-size: 1.5rem;
4003
- line-height: 1.75rem;
4335
+ letter-spacing: -0.03rem;
4004
4336
  }
4005
4337
 
4006
4338
  .c-text-title-sm {
4007
- font-size: 1.125rem;
4008
- line-height: 1.5rem;
4339
+ font-size: 1.25rem;
4340
+ letter-spacing: -0.025rem;
4009
4341
  }
4010
4342
  }
4011
4343
 
@@ -6464,59 +6796,57 @@
6464
6796
  .xs\:c-text-heading {
6465
6797
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6466
6798
  font-size: 2.25rem;
6467
- line-height: 2.5rem;
6799
+ line-height: 125%;
6468
6800
  font-weight: 700;
6801
+ letter-spacing: -0.5px;
6469
6802
  }
6470
6803
 
6471
6804
  .xs\:c-text-subheading {
6472
6805
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6473
6806
  font-size: 1.25rem;
6474
- line-height: 1.5rem;
6475
- font-weight: 700;
6476
- }
6477
-
6478
- .xs\:c-text-section-heading {
6479
- font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6480
- font-size: 0.875rem;
6481
- line-height: 1.5rem;
6807
+ line-height: 125%;
6482
6808
  font-weight: 700;
6483
- text-transform: uppercase;
6484
- color: var(--c-text-subdued);
6809
+ letter-spacing: -0.5px;
6485
6810
  }
6486
6811
 
6487
6812
  .xs\:c-text-title-xl {
6488
6813
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6489
6814
  font-size: 2rem;
6490
- line-height: 2.25rem;
6815
+ line-height: 125%;
6491
6816
  font-weight: 700;
6817
+ letter-spacing: -0.04rem;
6492
6818
  }
6493
6819
 
6494
6820
  .xs\:c-text-title-lg {
6495
6821
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6496
6822
  font-size: 1.5rem;
6497
- line-height: 1.75rem;
6823
+ line-height: 125%;
6498
6824
  font-weight: 700;
6825
+ letter-spacing: -0.03rem;
6499
6826
  }
6500
6827
 
6501
6828
  .xs\:c-text-title-md {
6502
6829
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6503
- font-size: 1.125rem;
6504
- line-height: 1.25rem;
6830
+ font-size: 1.25rem;
6831
+ line-height: 125%;
6505
6832
  font-weight: 700;
6833
+ letter-spacing: NaNrem;
6506
6834
  }
6507
6835
 
6508
6836
  .xs\:c-text-title-sm {
6509
6837
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6510
- font-size: 0.9375rem;
6511
- line-height: 1.25rem;
6838
+ font-size: 1rem;
6839
+ line-height: 125%;
6512
6840
  font-weight: 600;
6841
+ letter-spacing: -0.02rem;
6513
6842
  }
6514
6843
 
6515
6844
  .xs\:c-text-title-xs {
6516
6845
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6517
- font-size: 0.9375rem;
6518
- line-height: 1.25rem;
6846
+ font-size: 1rem;
6847
+ line-height: 125%;
6519
6848
  font-weight: 600;
6849
+ letter-spacing: -0.02rem;
6520
6850
  }
6521
6851
 
6522
6852
  .xs\:c-text-body-lg {
@@ -6527,7 +6857,7 @@
6527
6857
 
6528
6858
  .xs\:c-text-body-md {
6529
6859
  font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6530
- font-size: 0.9375rem;
6860
+ font-size: 1rem;
6531
6861
  line-height: 1.5rem;
6532
6862
  }
6533
6863
 
@@ -6537,35 +6867,43 @@
6537
6867
  line-height: 1rem;
6538
6868
  }
6539
6869
 
6870
+ .xs\:c-text-section-heading {
6871
+ font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
6872
+ font-size: 0.875rem;
6873
+ line-height: 175%;
6874
+ font-weight: 700;
6875
+ text-transform: uppercase;
6876
+ color: var(--c-text-subdued);
6877
+ letter-spacing: -0.2px;
6878
+ }
6879
+
6540
6880
  @media (min-width: 768px) {
6541
6881
  .xs\:c-text-heading {
6542
6882
  font-size: 3.5rem;
6543
- line-height: 3.75rem;
6544
6883
  }
6545
6884
 
6546
6885
  .xs\:c-text-subheading {
6547
6886
  font-size: 1.75rem;
6548
- line-height: 2rem;
6549
6887
  }
6550
6888
 
6551
6889
  .xs\:c-text-title-xl {
6552
6890
  font-size: 2.5rem;
6553
- line-height: 2.75rem;
6891
+ letter-spacing: -0.05rem;
6554
6892
  }
6555
6893
 
6556
6894
  .xs\:c-text-title-lg {
6557
6895
  font-size: 2rem;
6558
- line-height: 2.25rem;
6896
+ letter-spacing: -0.04rem;
6559
6897
  }
6560
6898
 
6561
6899
  .xs\:c-text-title-md {
6562
6900
  font-size: 1.5rem;
6563
- line-height: 1.75rem;
6901
+ letter-spacing: -0.03rem;
6564
6902
  }
6565
6903
 
6566
6904
  .xs\:c-text-title-sm {
6567
- font-size: 1.125rem;
6568
- line-height: 1.5rem;
6905
+ font-size: 1.25rem;
6906
+ letter-spacing: -0.025rem;
6569
6907
  }
6570
6908
  }
6571
6909
  }
@@ -8521,59 +8859,57 @@
8521
8859
  .sm\:c-text-heading {
8522
8860
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8523
8861
  font-size: 2.25rem;
8524
- line-height: 2.5rem;
8862
+ line-height: 125%;
8525
8863
  font-weight: 700;
8864
+ letter-spacing: -0.5px;
8526
8865
  }
8527
8866
 
8528
8867
  .sm\:c-text-subheading {
8529
8868
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8530
8869
  font-size: 1.25rem;
8531
- line-height: 1.5rem;
8870
+ line-height: 125%;
8532
8871
  font-weight: 700;
8533
- }
8534
-
8535
- .sm\:c-text-section-heading {
8536
- font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8537
- font-size: 0.875rem;
8538
- line-height: 1.5rem;
8539
- font-weight: 700;
8540
- text-transform: uppercase;
8541
- color: var(--c-text-subdued);
8872
+ letter-spacing: -0.5px;
8542
8873
  }
8543
8874
 
8544
8875
  .sm\:c-text-title-xl {
8545
8876
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8546
8877
  font-size: 2rem;
8547
- line-height: 2.25rem;
8878
+ line-height: 125%;
8548
8879
  font-weight: 700;
8880
+ letter-spacing: -0.04rem;
8549
8881
  }
8550
8882
 
8551
8883
  .sm\:c-text-title-lg {
8552
8884
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8553
8885
  font-size: 1.5rem;
8554
- line-height: 1.75rem;
8886
+ line-height: 125%;
8555
8887
  font-weight: 700;
8888
+ letter-spacing: -0.03rem;
8556
8889
  }
8557
8890
 
8558
8891
  .sm\:c-text-title-md {
8559
8892
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8560
- font-size: 1.125rem;
8561
- line-height: 1.25rem;
8893
+ font-size: 1.25rem;
8894
+ line-height: 125%;
8562
8895
  font-weight: 700;
8896
+ letter-spacing: NaNrem;
8563
8897
  }
8564
8898
 
8565
8899
  .sm\:c-text-title-sm {
8566
8900
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8567
- font-size: 0.9375rem;
8568
- line-height: 1.25rem;
8901
+ font-size: 1rem;
8902
+ line-height: 125%;
8569
8903
  font-weight: 600;
8904
+ letter-spacing: -0.02rem;
8570
8905
  }
8571
8906
 
8572
8907
  .sm\:c-text-title-xs {
8573
8908
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8574
- font-size: 0.9375rem;
8575
- line-height: 1.25rem;
8909
+ font-size: 1rem;
8910
+ line-height: 125%;
8576
8911
  font-weight: 600;
8912
+ letter-spacing: -0.02rem;
8577
8913
  }
8578
8914
 
8579
8915
  .sm\:c-text-body-lg {
@@ -8584,7 +8920,7 @@
8584
8920
 
8585
8921
  .sm\:c-text-body-md {
8586
8922
  font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8587
- font-size: 0.9375rem;
8923
+ font-size: 1rem;
8588
8924
  line-height: 1.5rem;
8589
8925
  }
8590
8926
 
@@ -8594,35 +8930,43 @@
8594
8930
  line-height: 1rem;
8595
8931
  }
8596
8932
 
8933
+ .sm\:c-text-section-heading {
8934
+ font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
8935
+ font-size: 0.875rem;
8936
+ line-height: 175%;
8937
+ font-weight: 700;
8938
+ text-transform: uppercase;
8939
+ color: var(--c-text-subdued);
8940
+ letter-spacing: -0.2px;
8941
+ }
8942
+
8597
8943
  @media (min-width: 768px) {
8598
8944
  .sm\:c-text-heading {
8599
8945
  font-size: 3.5rem;
8600
- line-height: 3.75rem;
8601
8946
  }
8602
8947
 
8603
8948
  .sm\:c-text-subheading {
8604
8949
  font-size: 1.75rem;
8605
- line-height: 2rem;
8606
8950
  }
8607
8951
 
8608
8952
  .sm\:c-text-title-xl {
8609
8953
  font-size: 2.5rem;
8610
- line-height: 2.75rem;
8954
+ letter-spacing: -0.05rem;
8611
8955
  }
8612
8956
 
8613
8957
  .sm\:c-text-title-lg {
8614
8958
  font-size: 2rem;
8615
- line-height: 2.25rem;
8959
+ letter-spacing: -0.04rem;
8616
8960
  }
8617
8961
 
8618
8962
  .sm\:c-text-title-md {
8619
8963
  font-size: 1.5rem;
8620
- line-height: 1.75rem;
8964
+ letter-spacing: -0.03rem;
8621
8965
  }
8622
8966
 
8623
8967
  .sm\:c-text-title-sm {
8624
- font-size: 1.125rem;
8625
- line-height: 1.5rem;
8968
+ font-size: 1.25rem;
8969
+ letter-spacing: -0.025rem;
8626
8970
  }
8627
8971
  }
8628
8972
  }
@@ -10578,59 +10922,57 @@
10578
10922
  .md\:c-text-heading {
10579
10923
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10580
10924
  font-size: 2.25rem;
10581
- line-height: 2.5rem;
10925
+ line-height: 125%;
10582
10926
  font-weight: 700;
10927
+ letter-spacing: -0.5px;
10583
10928
  }
10584
10929
 
10585
10930
  .md\:c-text-subheading {
10586
10931
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10587
10932
  font-size: 1.25rem;
10588
- line-height: 1.5rem;
10589
- font-weight: 700;
10590
- }
10591
-
10592
- .md\:c-text-section-heading {
10593
- font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10594
- font-size: 0.875rem;
10595
- line-height: 1.5rem;
10933
+ line-height: 125%;
10596
10934
  font-weight: 700;
10597
- text-transform: uppercase;
10598
- color: var(--c-text-subdued);
10935
+ letter-spacing: -0.5px;
10599
10936
  }
10600
10937
 
10601
10938
  .md\:c-text-title-xl {
10602
10939
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10603
10940
  font-size: 2rem;
10604
- line-height: 2.25rem;
10941
+ line-height: 125%;
10605
10942
  font-weight: 700;
10943
+ letter-spacing: -0.04rem;
10606
10944
  }
10607
10945
 
10608
10946
  .md\:c-text-title-lg {
10609
10947
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10610
10948
  font-size: 1.5rem;
10611
- line-height: 1.75rem;
10949
+ line-height: 125%;
10612
10950
  font-weight: 700;
10951
+ letter-spacing: -0.03rem;
10613
10952
  }
10614
10953
 
10615
10954
  .md\:c-text-title-md {
10616
10955
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10617
- font-size: 1.125rem;
10618
- line-height: 1.25rem;
10956
+ font-size: 1.25rem;
10957
+ line-height: 125%;
10619
10958
  font-weight: 700;
10959
+ letter-spacing: NaNrem;
10620
10960
  }
10621
10961
 
10622
10962
  .md\:c-text-title-sm {
10623
10963
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10624
- font-size: 0.9375rem;
10625
- line-height: 1.25rem;
10964
+ font-size: 1rem;
10965
+ line-height: 125%;
10626
10966
  font-weight: 600;
10967
+ letter-spacing: -0.02rem;
10627
10968
  }
10628
10969
 
10629
10970
  .md\:c-text-title-xs {
10630
10971
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10631
- font-size: 0.9375rem;
10632
- line-height: 1.25rem;
10972
+ font-size: 1rem;
10973
+ line-height: 125%;
10633
10974
  font-weight: 600;
10975
+ letter-spacing: -0.02rem;
10634
10976
  }
10635
10977
 
10636
10978
  .md\:c-text-body-lg {
@@ -10641,7 +10983,7 @@
10641
10983
 
10642
10984
  .md\:c-text-body-md {
10643
10985
  font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10644
- font-size: 0.9375rem;
10986
+ font-size: 1rem;
10645
10987
  line-height: 1.5rem;
10646
10988
  }
10647
10989
 
@@ -10651,35 +10993,43 @@
10651
10993
  line-height: 1rem;
10652
10994
  }
10653
10995
 
10996
+ .md\:c-text-section-heading {
10997
+ font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
10998
+ font-size: 0.875rem;
10999
+ line-height: 175%;
11000
+ font-weight: 700;
11001
+ text-transform: uppercase;
11002
+ color: var(--c-text-subdued);
11003
+ letter-spacing: -0.2px;
11004
+ }
11005
+
10654
11006
  @media (min-width: 768px) {
10655
11007
  .md\:c-text-heading {
10656
11008
  font-size: 3.5rem;
10657
- line-height: 3.75rem;
10658
11009
  }
10659
11010
 
10660
11011
  .md\:c-text-subheading {
10661
11012
  font-size: 1.75rem;
10662
- line-height: 2rem;
10663
11013
  }
10664
11014
 
10665
11015
  .md\:c-text-title-xl {
10666
11016
  font-size: 2.5rem;
10667
- line-height: 2.75rem;
11017
+ letter-spacing: -0.05rem;
10668
11018
  }
10669
11019
 
10670
11020
  .md\:c-text-title-lg {
10671
11021
  font-size: 2rem;
10672
- line-height: 2.25rem;
11022
+ letter-spacing: -0.04rem;
10673
11023
  }
10674
11024
 
10675
11025
  .md\:c-text-title-md {
10676
11026
  font-size: 1.5rem;
10677
- line-height: 1.75rem;
11027
+ letter-spacing: -0.03rem;
10678
11028
  }
10679
11029
 
10680
11030
  .md\:c-text-title-sm {
10681
- font-size: 1.125rem;
10682
- line-height: 1.5rem;
11031
+ font-size: 1.25rem;
11032
+ letter-spacing: -0.025rem;
10683
11033
  }
10684
11034
  }
10685
11035
  }
@@ -12635,59 +12985,57 @@
12635
12985
  .lg\:c-text-heading {
12636
12986
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12637
12987
  font-size: 2.25rem;
12638
- line-height: 2.5rem;
12988
+ line-height: 125%;
12639
12989
  font-weight: 700;
12990
+ letter-spacing: -0.5px;
12640
12991
  }
12641
12992
 
12642
12993
  .lg\:c-text-subheading {
12643
12994
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12644
12995
  font-size: 1.25rem;
12645
- line-height: 1.5rem;
12996
+ line-height: 125%;
12646
12997
  font-weight: 700;
12647
- }
12648
-
12649
- .lg\:c-text-section-heading {
12650
- font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12651
- font-size: 0.875rem;
12652
- line-height: 1.5rem;
12653
- font-weight: 700;
12654
- text-transform: uppercase;
12655
- color: var(--c-text-subdued);
12998
+ letter-spacing: -0.5px;
12656
12999
  }
12657
13000
 
12658
13001
  .lg\:c-text-title-xl {
12659
13002
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12660
13003
  font-size: 2rem;
12661
- line-height: 2.25rem;
13004
+ line-height: 125%;
12662
13005
  font-weight: 700;
13006
+ letter-spacing: -0.04rem;
12663
13007
  }
12664
13008
 
12665
13009
  .lg\:c-text-title-lg {
12666
13010
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12667
13011
  font-size: 1.5rem;
12668
- line-height: 1.75rem;
13012
+ line-height: 125%;
12669
13013
  font-weight: 700;
13014
+ letter-spacing: -0.03rem;
12670
13015
  }
12671
13016
 
12672
13017
  .lg\:c-text-title-md {
12673
13018
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12674
- font-size: 1.125rem;
12675
- line-height: 1.25rem;
13019
+ font-size: 1.25rem;
13020
+ line-height: 125%;
12676
13021
  font-weight: 700;
13022
+ letter-spacing: NaNrem;
12677
13023
  }
12678
13024
 
12679
13025
  .lg\:c-text-title-sm {
12680
13026
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12681
- font-size: 0.9375rem;
12682
- line-height: 1.25rem;
13027
+ font-size: 1rem;
13028
+ line-height: 125%;
12683
13029
  font-weight: 600;
13030
+ letter-spacing: -0.02rem;
12684
13031
  }
12685
13032
 
12686
13033
  .lg\:c-text-title-xs {
12687
13034
  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12688
- font-size: 0.9375rem;
12689
- line-height: 1.25rem;
13035
+ font-size: 1rem;
13036
+ line-height: 125%;
12690
13037
  font-weight: 600;
13038
+ letter-spacing: -0.02rem;
12691
13039
  }
12692
13040
 
12693
13041
  .lg\:c-text-body-lg {
@@ -12698,7 +13046,7 @@
12698
13046
 
12699
13047
  .lg\:c-text-body-md {
12700
13048
  font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
12701
- font-size: 0.9375rem;
13049
+ font-size: 1rem;
12702
13050
  line-height: 1.5rem;
12703
13051
  }
12704
13052
 
@@ -12708,35 +13056,43 @@
12708
13056
  line-height: 1rem;
12709
13057
  }
12710
13058
 
13059
+ .lg\:c-text-section-heading {
13060
+ font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
13061
+ font-size: 0.875rem;
13062
+ line-height: 175%;
13063
+ font-weight: 700;
13064
+ text-transform: uppercase;
13065
+ color: var(--c-text-subdued);
13066
+ letter-spacing: -0.2px;
13067
+ }
13068
+
12711
13069
  @media (min-width: 768px) {
12712
13070
  .lg\:c-text-heading {
12713
13071
  font-size: 3.5rem;
12714
- line-height: 3.75rem;
12715
13072
  }
12716
13073
 
12717
13074
  .lg\:c-text-subheading {
12718
13075
  font-size: 1.75rem;
12719
- line-height: 2rem;
12720
13076
  }
12721
13077
 
12722
13078
  .lg\:c-text-title-xl {
12723
13079
  font-size: 2.5rem;
12724
- line-height: 2.75rem;
13080
+ letter-spacing: -0.05rem;
12725
13081
  }
12726
13082
 
12727
13083
  .lg\:c-text-title-lg {
12728
13084
  font-size: 2rem;
12729
- line-height: 2.25rem;
13085
+ letter-spacing: -0.04rem;
12730
13086
  }
12731
13087
 
12732
13088
  .lg\:c-text-title-md {
12733
13089
  font-size: 1.5rem;
12734
- line-height: 1.75rem;
13090
+ letter-spacing: -0.03rem;
12735
13091
  }
12736
13092
 
12737
13093
  .lg\:c-text-title-sm {
12738
- font-size: 1.125rem;
12739
- line-height: 1.5rem;
13094
+ font-size: 1.25rem;
13095
+ letter-spacing: -0.025rem;
12740
13096
  }
12741
13097
  }
12742
13098
  }