@incodetech/web 0.0.0-dev-20260312-e476b70 → 0.0.0-dev-20260313-d658d3a

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 (37) hide show
  1. package/dist/authentication/authentication.es.js +2 -2
  2. package/dist/base.css +71 -80
  3. package/dist/{baseTutorial-By7hI83C.js → baseTutorial-g5NWjgBD.js} +1 -1
  4. package/dist/curp-validation/curp-validation.es.js +4 -4
  5. package/dist/curp-validation/styles.css +22 -28
  6. package/dist/{dateInputComposed-Badm2Tzx.js → dateInputComposed-R0ZEgvu9.js} +1 -1
  7. package/dist/document-capture/styles.css +18 -18
  8. package/dist/{documentCapture-ChFrtfzB.js → documentCapture-CtF0FPAF.js} +3 -3
  9. package/dist/{dropdownComposed-DgA0fNAh.js → dropdownComposed-BlSDt04F.js} +1 -1
  10. package/dist/ekyb/styles.css +2 -2
  11. package/dist/{ekybModule-DexnANPQ.js → ekybModule-ChD0rtCB.js} +3 -3
  12. package/dist/ekyc/styles.css +4 -4
  13. package/dist/{ekycModule-D8_or1xq.js → ekycModule-CDUkXo7h.js} +4 -4
  14. package/dist/email/email.es.js +1 -1
  15. package/dist/email/styles.css +1 -1
  16. package/dist/{errorContent-BMXamgg9.js → errorContent-BCqdWSgy.js} +2 -2
  17. package/dist/face-match/styles.css +3 -3
  18. package/dist/{faceMatch-DXcWwP9u.js → faceMatch-BAu-4UO1.js} +1 -1
  19. package/dist/flow/flow.es.js +5 -5
  20. package/dist/flow/styles.css +132 -140
  21. package/dist/geolocation/geolocation.es.js +15 -15
  22. package/dist/geolocation/styles.css +4 -4
  23. package/dist/governmentValidation/governmentValidation.es.js +2 -2
  24. package/dist/governmentValidation/styles.css +6 -8
  25. package/dist/id/id.es.js +2 -2
  26. package/dist/id/styles.css +54 -54
  27. package/dist/{page-Bdz8JP3P.js → page-DoIWDQTP.js} +9 -9
  28. package/dist/phone/phone.es.js +1 -1
  29. package/dist/phone/styles.css +8 -8
  30. package/dist/selfie/selfie.es.js +2 -2
  31. package/dist/selfie/styles.css +4 -4
  32. package/dist/{successIcon-BPe0Wymn.js → successIcon-mP1PQQrr.js} +5 -5
  33. package/dist/themes/dark.css +415 -149
  34. package/dist/themes/light.css +371 -119
  35. package/dist/{tutorial-CJs2GHe1.js → tutorial-Ct-q8YeM.js} +6 -6
  36. package/dist/{verificationResult-BfLzIvM8.js → verificationResult-6jqSfF6-.js} +3 -3
  37. package/package.json +2 -2
package/dist/flow/styles.css CHANGED
@@ -180,7 +180,7 @@
180
180
  }
181
181
 
182
182
  .IncodeCameraButton .IncodeCameraButtonPath {
183
- fill: var(--color-border-brand-500, var(--border-brand-500-static));
183
+ fill: var(--color-border-brand-500, var(--border-brand-500));
184
184
  }
185
185
 
186
186
  .IncodeCameraButton .IncodeCameraButtonBackground {
@@ -262,7 +262,7 @@
262
262
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
263
263
  --tw-tracking: -1px;
264
264
  letter-spacing: -1px;
265
- color: var(--color-text-body-primary, var(--text-body-primary));
265
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
266
266
  }
267
267
 
268
268
  .IncodeCaptureUploadingPage .IncodeCaptureUploadingPrimaryIcon {
@@ -327,7 +327,7 @@
327
327
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
328
328
  line-height: 1.14;
329
329
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
330
- color: var(--color-text-body-primary, var(--text-body-primary));
330
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
331
331
  }
332
332
 
333
333
  .IncodeManualCaptureButtonButton {
@@ -348,7 +348,7 @@
348
348
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
349
349
  line-height: 1.2;
350
350
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
351
- color: var(--color-text-body-primary, var(--text-body-primary));
351
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
352
352
  }
353
353
 
354
354
  .IncodeSelfieTutorial {
@@ -445,12 +445,12 @@
445
445
  padding-left: var(--spacing-16, var(--spacing-16, 16px));
446
446
  cursor: pointer;
447
447
  border-style: var(--tw-border-style);
448
- border-width: var(--border-width-none, var(--border-none));
448
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
449
449
  --tw-border-style: none;
450
450
  font-size: var(--text-18, var(--primitive-typography-size-18));
451
451
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
452
452
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
453
- color: var(--color-text-body-primary, var(--text-body-primary));
453
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
454
454
  border-radius: var(--radius-small, var(--border-radius-small));
455
455
  background-color: #0000;
456
456
  border-style: none;
@@ -482,7 +482,7 @@
482
482
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
483
483
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
484
484
  white-space: nowrap;
485
- color: var(--color-text-body-primary, var(--text-body-primary));
485
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
486
486
  }
487
487
 
488
488
  .IncodePhonePage .IncodePhoneCountryArrow {
@@ -534,9 +534,9 @@
534
534
  font-size: var(--text-16, var(--primitive-typography-size-16));
535
535
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
536
536
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
537
- color: var(--color-text-body-primary, var(--text-body-primary));
537
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
538
538
  border-style: var(--tw-border-style);
539
- border-width: var(--border-width-none, var(--border-none));
539
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
540
540
  --tw-border-style: none;
541
541
  text-align: left;
542
542
  background-color: #0000;
@@ -562,21 +562,21 @@
562
562
  .IncodePhonePage .IncodePhoneCountryOptionCode {
563
563
  min-width: 52px;
564
564
  font-size: var(--text-16, var(--primitive-typography-size-16));
565
- color: var(--color-text-body-secondary, var(--text-body-secondary));
565
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
566
566
  }
567
567
 
568
568
  .IncodePhonePage .IncodePhoneCountryOptionName {
569
569
  text-overflow: ellipsis;
570
570
  white-space: nowrap;
571
571
  font-size: var(--text-16, var(--primitive-typography-size-16));
572
- color: var(--color-text-body-primary, var(--text-body-primary));
572
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
573
573
  flex: 1;
574
574
  overflow: hidden;
575
575
  }
576
576
 
577
577
  .IncodePhonePage .IncodePhoneInputField {
578
578
  border-style: var(--tw-border-style);
579
- border-width: var(--border-width-none, var(--border-none));
579
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
580
580
  --tw-border-style: none;
581
581
  width: 100%;
582
582
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
@@ -692,7 +692,7 @@
692
692
 
693
693
  .IncodeEmailPage .IncodeEmailInputField {
694
694
  border-style: var(--tw-border-style);
695
- border-width: var(--border-width-none, var(--border-none));
695
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
696
696
  --tw-border-style: none;
697
697
  width: 100%;
698
698
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
@@ -873,7 +873,7 @@
873
873
  background: var(--surface-neutral-50);
874
874
  border: 1px solid var(--border-neutral-300);
875
875
  height: 44px;
876
- color: var(--text-body-primary);
876
+ color: var(--text-body-800-primary);
877
877
  text-align: center;
878
878
  border-radius: 12px;
879
879
  padding: 0 20px;
@@ -915,7 +915,7 @@
915
915
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
916
916
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
917
917
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
918
- color: var(--text-body-primary);
918
+ color: var(--text-body-800-primary);
919
919
  line-height: 125%;
920
920
  }
921
921
 
@@ -1163,7 +1163,7 @@
1163
1163
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
1164
1164
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
1165
1165
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
1166
- color: var(--text-body-primary);
1166
+ color: var(--text-body-800-primary);
1167
1167
  animation: fadeInTitle var(--transition-duration, .25s) linear forwards;
1168
1168
  animation-delay: calc(var(--animation-delay, 2.85s) + var(--animation-duration, .8s) + var(--transition-delay, .2s));
1169
1169
  opacity: 0;
@@ -1214,7 +1214,7 @@
1214
1214
 
1215
1215
  .IncodeGovtValidation .IncodeGovtValidationText {
1216
1216
  margin-top: var(--spacing-12, var(--spacing-12, 12px));
1217
- font-family: var(--primitive-typography-family-dm-sans);
1217
+ font-family: var(--typography-headline-family);
1218
1218
  font-size: var(--typography-headline-h2-size);
1219
1219
  font-weight: var(--typography-headline-h2-weight);
1220
1220
  line-height: var(--typography-headline-h2-line-height);
@@ -1232,13 +1232,11 @@
1232
1232
  }
1233
1233
 
1234
1234
  .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p {
1235
- font-family: var(--primitive-typography-family-dm-sans);
1236
- font-size: var(--typography-body-lg-size);
1237
- font-weight: var(--typography-body-lg-weight);
1238
- line-height: var(--typography-body-lg-line-height);
1239
- letter-spacing: var(--typography-body-lg-letter-spacing);
1240
- font-size: var(--text-lg, 1.125rem);
1241
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
1235
+ font-family: var(--typography-input-dropdown-family);
1236
+ font-size: var(--typography-input-dropdown-m-size);
1237
+ font-weight: var(--typography-input-dropdown-m-weight);
1238
+ line-height: var(--typography-input-dropdown-m-line-height);
1239
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
1242
1240
  text-wrap: nowrap;
1243
1241
  }
1244
1242
 
@@ -1371,21 +1369,21 @@
1371
1369
  }
1372
1370
 
1373
1371
  .IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleTitle {
1374
- font-family: var(--primitive-typography-family-dm-sans);
1372
+ font-family: var(--typography-headline-family);
1375
1373
  font-size: var(--typography-headline-h2-size);
1376
1374
  font-weight: var(--typography-headline-h2-weight);
1377
1375
  line-height: var(--typography-headline-h2-line-height);
1378
1376
  letter-spacing: var(--typography-headline-h2-letter-spacing);
1379
- color: var(--color-text-body-primary, var(--text-body-primary));
1377
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
1380
1378
  }
1381
1379
 
1382
1380
  .IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleMessage {
1383
- font-family: var(--primitive-typography-family-dm-sans);
1381
+ font-family: var(--typography-headline-family);
1384
1382
  font-size: var(--typography-headline-h5-size);
1385
1383
  font-weight: var(--typography-headline-h5-weight);
1386
1384
  line-height: var(--typography-headline-h5-line-height);
1387
1385
  letter-spacing: var(--typography-headline-h5-letter-spacing);
1388
- color: var(--color-text-body-secondary, var(--text-body-secondary));
1386
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
1389
1387
  }
1390
1388
 
1391
1389
  .IncodeUnsupportedModule .IncodeUnsupportedModuleContent .IncodeUnsupportedModuleButton {
@@ -3153,9 +3151,9 @@
3153
3151
  padding: var(--spacing-0, var(--spacing-none, 0px));
3154
3152
  cursor: pointer;
3155
3153
  border-style: var(--tw-border-style);
3156
- border-width: var(--border-width-none, var(--border-none));
3154
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
3157
3155
  --tw-border-style: none;
3158
- color: var(--color-text-body-primary, var(--text-body-primary));
3156
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3159
3157
  background-color: #0000;
3160
3158
  border-style: none;
3161
3159
  justify-content: center;
@@ -3177,7 +3175,7 @@
3177
3175
  }
3178
3176
 
3179
3177
  .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
3180
- font-family: var(--primitive-typography-family-dm-sans);
3178
+ font-family: var(--typography-headline-family);
3181
3179
  font-size: var(--typography-headline-h2-size);
3182
3180
  font-weight: var(--typography-headline-h2-weight);
3183
3181
  line-height: var(--typography-headline-h2-line-height);
@@ -3200,7 +3198,7 @@
3200
3198
  }
3201
3199
 
3202
3200
  .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
3203
- color: var(--color-text-body-primary, var(--text-body-primary));
3201
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3204
3202
  flex-shrink: 0;
3205
3203
  }
3206
3204
 
@@ -3211,7 +3209,7 @@
3211
3209
  }
3212
3210
 
3213
3211
  .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
3214
- font-family: var(--primitive-typography-family-dm-sans);
3212
+ font-family: var(--typography-headline-family);
3215
3213
  font-size: var(--typography-headline-h5-size);
3216
3214
  font-weight: var(--typography-headline-h5-weight);
3217
3215
  line-height: var(--typography-headline-h5-line-height);
@@ -3219,12 +3217,12 @@
3219
3217
  }
3220
3218
 
3221
3219
  .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
3222
- font-family: var(--primitive-typography-family-dm-sans);
3223
- font-size: var(--typography-body-regular-size);
3224
- font-weight: var(--typography-body-regular-weight);
3225
- line-height: var(--typography-body-regular-line-height);
3226
- letter-spacing: var(--typography-body-regular-letter-spacing);
3227
- color: var(--color-text-body-secondary, var(--text-body-secondary));
3220
+ font-family: var(--typography-body-family);
3221
+ font-size: var(--typography-body-m-regular-size);
3222
+ font-weight: var(--typography-body-m-regular-weight);
3223
+ line-height: var(--typography-body-m-regular-line-height);
3224
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
3225
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3228
3226
  }
3229
3227
 
3230
3228
  .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
@@ -3236,7 +3234,7 @@
3236
3234
  }
3237
3235
 
3238
3236
  .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
3239
- color: var(--color-text-body-primary, var(--text-body-primary));
3237
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3240
3238
  }
3241
3239
 
3242
3240
  .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
@@ -3333,21 +3331,21 @@
3333
3331
  }
3334
3332
 
3335
3333
  .IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonTitle {
3336
- font-family: var(--primitive-typography-family-dm-sans);
3334
+ font-family: var(--typography-headline-family);
3337
3335
  font-size: var(--typography-headline-h5-size);
3338
3336
  font-weight: var(--typography-headline-h5-weight);
3339
3337
  line-height: var(--typography-headline-h5-line-height);
3340
3338
  letter-spacing: var(--typography-headline-h5-letter-spacing);
3341
- color: var(--color-text-body-primary, var(--text-body-primary));
3339
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3342
3340
  }
3343
3341
 
3344
3342
  .IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonDescription {
3345
- font-family: var(--primitive-typography-family-dm-sans);
3346
- font-size: var(--typography-body-regular-size);
3347
- font-weight: var(--typography-body-regular-weight);
3348
- line-height: var(--typography-body-regular-line-height);
3349
- letter-spacing: var(--typography-body-regular-letter-spacing);
3350
- color: var(--color-text-body-secondary, var(--text-body-secondary));
3343
+ font-family: var(--typography-body-family);
3344
+ font-size: var(--typography-body-m-regular-size);
3345
+ font-weight: var(--typography-body-m-regular-weight);
3346
+ line-height: var(--typography-body-m-regular-line-height);
3347
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
3348
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3351
3349
  max-width: 150px;
3352
3350
  }
3353
3351
 
@@ -3362,7 +3360,7 @@
3362
3360
 
3363
3361
  .IncodeCaptureFrame {
3364
3362
  border-radius: var(--radius-medium, var(--border-radius-medium));
3365
- --frame-border-color: var(--border-neutral-0);
3363
+ --frame-border-color: var(--border-neutral-100);
3366
3364
  border: 4px solid var(--frame-border-color);
3367
3365
  justify-content: center;
3368
3366
  align-self: center;
@@ -3389,7 +3387,7 @@
3389
3387
  }
3390
3388
 
3391
3389
  .IncodeCaptureFrame.IncodeCaptureFrameIdle {
3392
- --frame-border-color: var(--border-neutral-0);
3390
+ --frame-border-color: var(--border-neutral-100);
3393
3391
  }
3394
3392
 
3395
3393
  .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
@@ -3397,7 +3395,7 @@
3397
3395
  }
3398
3396
 
3399
3397
  .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
3400
- --frame-border-color: var(--border-status-positive);
3398
+ --frame-border-color: var(--border-status-positive-static);
3401
3399
  }
3402
3400
 
3403
3401
  .IncodeCaptureFrame.IncodeCaptureFrameError {
@@ -3529,13 +3527,13 @@
3529
3527
 
3530
3528
  .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
3531
3529
  margin: var(--spacing-0, var(--spacing-none, 0px));
3532
- font-family: var(--primitive-typography-family-dm-sans);
3533
- font-size: var(--typography-tooltip-size);
3534
- font-weight: var(--typography-tooltip-weight);
3535
- line-height: var(--typography-tooltip-line-height);
3536
- letter-spacing: var(--typography-tooltip-letter-spacing);
3530
+ font-family: var(--typography-tooltip-family);
3531
+ font-size: var(--typography-tooltip-m-size);
3532
+ font-weight: var(--typography-tooltip-m-weight);
3533
+ line-height: var(--typography-tooltip-m-line-height);
3534
+ letter-spacing: var(--typography-tooltip-m-letter-spacing);
3537
3535
  text-wrap: nowrap;
3538
- color: var(--color-text-tooltip-neutral, var(--text-tooltip-neutral));
3536
+ color: var(--color-text-body-0-static, var(--text-body-0-static));
3539
3537
  }
3540
3538
 
3541
3539
  .IncodeCaptureOverlayId.IncodeCaptureOverlayVertical .IncodeCaptureTopSection {
@@ -3589,13 +3587,13 @@
3589
3587
 
3590
3588
  .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
3591
3589
  margin: var(--spacing-0, var(--spacing-none, 0px));
3592
- font-family: var(--primitive-typography-family-dm-sans);
3593
- font-size: var(--typography-tooltip-size);
3594
- font-weight: var(--typography-tooltip-weight);
3595
- line-height: var(--typography-tooltip-line-height);
3596
- letter-spacing: var(--typography-tooltip-letter-spacing);
3590
+ font-family: var(--typography-tooltip-family);
3591
+ font-size: var(--typography-tooltip-m-size);
3592
+ font-weight: var(--typography-tooltip-m-weight);
3593
+ line-height: var(--typography-tooltip-m-line-height);
3594
+ letter-spacing: var(--typography-tooltip-m-letter-spacing);
3597
3595
  text-wrap: nowrap;
3598
- color: var(--color-text-tooltip-neutral, var(--text-tooltip-neutral));
3596
+ color: var(--color-text-body-0-static, var(--text-body-0-static));
3599
3597
  }
3600
3598
 
3601
3599
  .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {
@@ -3745,13 +3743,13 @@
3745
3743
  align-items: center;
3746
3744
  gap: var(--spacing-4, var(--spacing-4, 4px));
3747
3745
  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
3748
- font-family: var(--primitive-typography-family-dm-sans);
3749
- font-size: var(--typography-body-regular-size);
3750
- font-weight: var(--typography-body-regular-weight);
3751
- line-height: var(--typography-body-regular-line-height);
3752
- letter-spacing: var(--typography-body-regular-letter-spacing);
3746
+ font-family: var(--typography-body-family);
3747
+ font-size: var(--typography-body-m-regular-size);
3748
+ font-weight: var(--typography-body-m-regular-weight);
3749
+ line-height: var(--typography-body-m-regular-line-height);
3750
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
3753
3751
  white-space: nowrap;
3754
- color: var(--color-text-body-primary, var(--text-body-primary));
3752
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3755
3753
  display: flex;
3756
3754
  }
3757
3755
 
@@ -3766,12 +3764,12 @@
3766
3764
  }
3767
3765
 
3768
3766
  .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {
3769
- font-family: var(--primitive-typography-family-dm-sans);
3767
+ font-family: var(--typography-headline-family);
3770
3768
  font-size: var(--typography-headline-h2-size);
3771
3769
  font-weight: var(--typography-headline-h2-weight);
3772
3770
  line-height: var(--typography-headline-h2-line-height);
3773
3771
  letter-spacing: var(--typography-headline-h2-letter-spacing);
3774
- color: var(--color-text-body-primary, var(--text-body-primary));
3772
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3775
3773
  text-align: center;
3776
3774
  }
3777
3775
 
@@ -3787,22 +3785,22 @@
3787
3785
  }
3788
3786
 
3789
3787
  .IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {
3790
- font-family: var(--primitive-typography-family-dm-sans);
3788
+ font-family: var(--typography-headline-family);
3791
3789
  font-size: var(--typography-headline-h2-size);
3792
3790
  font-weight: var(--typography-headline-h2-weight);
3793
3791
  line-height: var(--typography-headline-h2-line-height);
3794
3792
  letter-spacing: var(--typography-headline-h2-letter-spacing);
3795
- color: var(--color-text-body-primary, var(--text-body-primary));
3793
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3796
3794
  text-align: center;
3797
3795
  }
3798
3796
 
3799
3797
  .IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {
3800
- font-family: var(--primitive-typography-family-dm-sans);
3798
+ font-family: var(--typography-headline-family);
3801
3799
  font-size: var(--typography-headline-h5-size);
3802
3800
  font-weight: var(--typography-headline-h5-weight);
3803
3801
  line-height: var(--typography-headline-h5-line-height);
3804
3802
  letter-spacing: var(--typography-headline-h5-letter-spacing);
3805
- color: var(--color-text-body-secondary, var(--text-body-secondary));
3803
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3806
3804
  text-align: center;
3807
3805
  max-width: 300px;
3808
3806
  }
@@ -3818,12 +3816,12 @@
3818
3816
  .IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {
3819
3817
  padding-block: var(--spacing-12, var(--spacing-12, 12px));
3820
3818
  text-align: center;
3821
- font-family: var(--primitive-typography-family-dm-sans);
3819
+ font-family: var(--typography-headline-family);
3822
3820
  font-size: var(--typography-headline-h4-size);
3823
3821
  font-weight: var(--typography-headline-h4-weight);
3824
3822
  line-height: var(--typography-headline-h4-line-height);
3825
3823
  letter-spacing: var(--typography-headline-h4-letter-spacing);
3826
- color: var(--color-text-body-secondary, var(--text-body-secondary));
3824
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3827
3825
  }
3828
3826
 
3829
3827
  .IncodeIdError {
@@ -3867,14 +3865,14 @@
3867
3865
 
3868
3866
  .IncodeIdExpiredTitle {
3869
3867
  text-align: center;
3870
- color: var(--color-text-body-primary, var(--text-body-primary));
3868
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3871
3869
  }
3872
3870
 
3873
3871
  .IncodeIdExpiredSubtitle {
3874
3872
  font-size: var(--text-14, var(--primitive-typography-size-14));
3875
3873
  --tw-font-weight: var(--font-weight-normal, 400);
3876
3874
  font-weight: var(--font-weight-normal, 400);
3877
- color: var(--color-text-body-secondary, var(--text-body-secondary));
3875
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
3878
3876
  text-align: center;
3879
3877
  max-width: 350px;
3880
3878
  }
@@ -3928,7 +3926,7 @@
3928
3926
  }
3929
3927
 
3930
3928
  .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {
3931
- font-family: var(--primitive-typography-family-dm-sans);
3929
+ font-family: var(--typography-headline-family);
3932
3930
  font-size: var(--typography-headline-h3-size);
3933
3931
  font-weight: var(--typography-headline-h3-weight);
3934
3932
  line-height: var(--typography-headline-h3-line-height);
@@ -3936,12 +3934,12 @@
3936
3934
  }
3937
3935
 
3938
3936
  .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {
3939
- font-family: var(--primitive-typography-family-dm-sans);
3937
+ font-family: var(--typography-headline-family);
3940
3938
  font-size: var(--typography-headline-h5-size);
3941
3939
  font-weight: var(--typography-headline-h5-weight);
3942
3940
  line-height: var(--typography-headline-h5-line-height);
3943
3941
  letter-spacing: var(--typography-headline-h5-letter-spacing);
3944
- color: var(--color-text-body-tertiary, var(--text-body-tertiary));
3942
+ color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
3945
3943
  }
3946
3944
 
3947
3945
  .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {
@@ -4122,24 +4120,24 @@
4122
4120
  align-items: center;
4123
4121
  gap: var(--spacing-16, var(--spacing-16, 16px));
4124
4122
  border-style: var(--tw-border-style);
4125
- border-width: var(--border-width-none, var(--border-none));
4123
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
4126
4124
  --tw-border-style: none;
4127
4125
  width: 100%;
4128
4126
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
4129
4127
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
4130
- font-family: var(--primitive-typography-family-dm-sans);
4128
+ font-family: var(--typography-headline-family);
4131
4129
  font-size: var(--typography-headline-h5-size);
4132
4130
  font-weight: var(--typography-headline-h5-weight);
4133
4131
  line-height: var(--typography-headline-h5-line-height);
4134
4132
  letter-spacing: var(--typography-headline-h5-letter-spacing);
4135
- color: var(--color-text-body-primary, var(--text-body-primary));
4133
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
4136
4134
  background-color: #0000;
4137
4135
  border-style: none;
4138
4136
  display: flex;
4139
4137
  }
4140
4138
 
4141
4139
  .IncodeDocumentCaptureOverlay .IncodeDocumentCaptureBottomSheetContainer .IncodeDocumentCaptureBottomSheet .IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {
4142
- color: var(--color-text-body-primary, var(--text-body-primary));
4140
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
4143
4141
  flex-shrink: 0;
4144
4142
  }
4145
4143
 
@@ -4175,7 +4173,7 @@
4175
4173
 
4176
4174
  .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
4177
4175
  text-align: center;
4178
- font-family: var(--primitive-typography-family-dm-sans);
4176
+ font-family: var(--typography-headline-family);
4179
4177
  font-size: var(--typography-headline-h2-size);
4180
4178
  font-weight: var(--typography-headline-h2-weight);
4181
4179
  line-height: var(--typography-headline-h2-line-height);
@@ -4184,12 +4182,12 @@
4184
4182
 
4185
4183
  .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
4186
4184
  text-align: center;
4187
- font-family: var(--primitive-typography-family-dm-sans);
4185
+ font-family: var(--typography-headline-family);
4188
4186
  font-size: var(--typography-headline-h5-size);
4189
4187
  font-weight: var(--typography-headline-h5-weight);
4190
4188
  line-height: var(--typography-headline-h5-line-height);
4191
4189
  letter-spacing: var(--typography-headline-h5-letter-spacing);
4192
- color: var(--color-text-body-secondary, var(--text-body-secondary));
4190
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
4193
4191
  }
4194
4192
 
4195
4193
  .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
@@ -4304,17 +4302,17 @@
4304
4302
 
4305
4303
  .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
4306
4304
  text-align: center;
4307
- font-family: var(--primitive-typography-family-dm-sans);
4305
+ font-family: var(--typography-headline-family);
4308
4306
  font-size: var(--typography-headline-h5-size);
4309
4307
  font-weight: var(--typography-headline-h5-weight);
4310
4308
  line-height: var(--typography-headline-h5-line-height);
4311
4309
  letter-spacing: var(--typography-headline-h5-letter-spacing);
4312
- color: var(--color-text-body-primary, var(--text-body-primary));
4310
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
4313
4311
  overflow-wrap: break-word;
4314
4312
  }
4315
4313
 
4316
4314
  .IncodeModal .IncodeDocumentCommonIssuesTitle {
4317
- font-family: var(--primitive-typography-family-dm-sans);
4315
+ font-family: var(--typography-headline-family);
4318
4316
  font-size: var(--typography-headline-h2-size);
4319
4317
  font-weight: var(--typography-headline-h2-weight);
4320
4318
  line-height: var(--typography-headline-h2-line-height);
@@ -4338,7 +4336,7 @@
4338
4336
  }
4339
4337
 
4340
4338
  .IncodeModal .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardIcon {
4341
- color: var(--color-text-body-primary, var(--text-body-primary));
4339
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
4342
4340
  flex-shrink: 0;
4343
4341
  }
4344
4342
 
@@ -4349,7 +4347,7 @@
4349
4347
  }
4350
4348
 
4351
4349
  .IncodeModal .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardTitle {
4352
- font-family: var(--primitive-typography-family-dm-sans);
4350
+ font-family: var(--typography-headline-family);
4353
4351
  font-size: var(--typography-headline-h5-size);
4354
4352
  font-weight: var(--typography-headline-h5-weight);
4355
4353
  line-height: var(--typography-headline-h5-line-height);
@@ -4357,12 +4355,12 @@
4357
4355
  }
4358
4356
 
4359
4357
  .IncodeModal .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardBody {
4360
- font-family: var(--primitive-typography-family-dm-sans);
4361
- font-size: var(--typography-body-regular-size);
4362
- font-weight: var(--typography-body-regular-weight);
4363
- line-height: var(--typography-body-regular-line-height);
4364
- letter-spacing: var(--typography-body-regular-letter-spacing);
4365
- color: var(--color-text-body-secondary, var(--text-body-secondary));
4358
+ font-family: var(--typography-body-family);
4359
+ font-size: var(--typography-body-m-regular-size);
4360
+ font-weight: var(--typography-body-m-regular-weight);
4361
+ line-height: var(--typography-body-m-regular-line-height);
4362
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
4363
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
4366
4364
  }
4367
4365
 
4368
4366
  .IncodeModal .IncodeDocumentCommonIssuesButtons {
@@ -4408,13 +4406,11 @@
4408
4406
  background-color: var(--color-input-surface-default, var(--input-surface-default));
4409
4407
  width: 100%;
4410
4408
  padding: var(--spacing-16, var(--spacing-16, 16px));
4411
- font-family: var(--primitive-typography-family-dm-sans);
4412
- font-size: var(--typography-body-lg-size);
4413
- font-weight: var(--typography-body-lg-weight);
4414
- line-height: var(--typography-body-lg-line-height);
4415
- letter-spacing: var(--typography-body-lg-letter-spacing);
4416
- font-size: var(--text-lg, 1.125rem);
4417
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
4409
+ font-family: var(--typography-input-dropdown-family);
4410
+ font-size: var(--typography-input-dropdown-m-size);
4411
+ font-weight: var(--typography-input-dropdown-m-weight);
4412
+ line-height: var(--typography-input-dropdown-m-line-height);
4413
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
4418
4414
  --tw-font-weight: var(--font-weight-normal, 400);
4419
4415
  font-weight: var(--font-weight-normal, 400);
4420
4416
  color: var(--color-input-text-field-default, var(--input-text-field-default));
@@ -4491,7 +4487,7 @@
4491
4487
  }
4492
4488
 
4493
4489
  .IncodeDateInputComposedIcon {
4494
- color: var(--text-body-tertiary, var(--color-text-body-tertiary));
4490
+ color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
4495
4491
  }
4496
4492
 
4497
4493
  .IncodeDateInputComposedIconButton {
@@ -4500,7 +4496,7 @@
4500
4496
  z-index: 10;
4501
4497
  cursor: pointer;
4502
4498
  border-style: var(--tw-border-style);
4503
- border-width: var(--border-width-none, var(--border-none));
4499
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
4504
4500
  --tw-border-style: none;
4505
4501
  width: 44px;
4506
4502
  height: 100%;
@@ -4604,13 +4600,11 @@
4604
4600
  width: 100%;
4605
4601
  padding: var(--spacing-16, var(--spacing-16, 16px));
4606
4602
  text-align: left;
4607
- font-family: var(--primitive-typography-family-dm-sans);
4608
- font-size: var(--typography-body-lg-size);
4609
- font-weight: var(--typography-body-lg-weight);
4610
- line-height: var(--typography-body-lg-line-height);
4611
- letter-spacing: var(--typography-body-lg-letter-spacing);
4612
- font-size: var(--text-lg, 1.125rem);
4613
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
4603
+ font-family: var(--typography-input-dropdown-family);
4604
+ font-size: var(--typography-input-dropdown-m-size);
4605
+ font-weight: var(--typography-input-dropdown-m-weight);
4606
+ line-height: var(--typography-input-dropdown-m-line-height);
4607
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
4614
4608
  --tw-font-weight: var(--font-weight-normal, 400);
4615
4609
  font-weight: var(--font-weight-normal, 400);
4616
4610
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
@@ -4672,7 +4666,7 @@
4672
4666
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
4673
4667
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
4674
4668
  --tw-duration: .2s;
4675
- color: var(--text-body-tertiary, var(--color-text-body-tertiary));
4669
+ color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
4676
4670
  flex-shrink: 0;
4677
4671
  transition-duration: .2s;
4678
4672
  display: flex;
@@ -4720,19 +4714,17 @@
4720
4714
  .IncodeDropdownComposedSearchInput {
4721
4715
  box-sizing: border-box;
4722
4716
  border-style: var(--tw-border-style);
4723
- border-width: var(--border-width-none, var(--border-none));
4717
+ border-width: var(--border-width-none, var(--primitive-border-width-0));
4724
4718
  --tw-border-style: none;
4725
4719
  width: 100%;
4726
4720
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
4727
4721
  padding-right: var(--spacing-40, var(--spacing-40, 40px));
4728
4722
  padding-left: var(--spacing-12, var(--spacing-12, 12px));
4729
- font-family: var(--primitive-typography-family-dm-sans);
4730
- font-size: var(--typography-body-lg-size);
4731
- font-weight: var(--typography-body-lg-weight);
4732
- line-height: var(--typography-body-lg-line-height);
4733
- letter-spacing: var(--typography-body-lg-letter-spacing);
4734
- font-size: var(--text-lg, 1.125rem);
4735
- line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
4723
+ font-family: var(--typography-input-dropdown-family);
4724
+ font-size: var(--typography-input-dropdown-m-size);
4725
+ font-weight: var(--typography-input-dropdown-m-weight);
4726
+ line-height: var(--typography-input-dropdown-m-line-height);
4727
+ letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
4736
4728
  --tw-font-weight: var(--font-weight-normal, 400);
4737
4729
  font-weight: var(--font-weight-normal, 400);
4738
4730
  --tw-outline-style: none;
@@ -4878,7 +4870,7 @@
4878
4870
  font-size: var(--text-14, var(--primitive-typography-size-14));
4879
4871
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
4880
4872
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
4881
- color: var(--color-text-body-primary, var(--text-body-primary));
4873
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
4882
4874
  }
4883
4875
 
4884
4876
  .IncodeCurpConfirm {
@@ -4934,14 +4926,14 @@
4934
4926
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
4935
4927
  --tw-tracking: -1px;
4936
4928
  letter-spacing: -1px;
4937
- color: var(--color-text-body-primary, var(--text-body-primary));
4929
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
4938
4930
  }
4939
4931
 
4940
4932
  .IncodeCurpFailureHint {
4941
4933
  margin: var(--spacing-0, var(--spacing-none, 0px));
4942
4934
  text-align: center;
4943
4935
  font-size: var(--text-16, var(--primitive-typography-size-16));
4944
- color: var(--color-text-body-secondary, var(--text-body-secondary));
4936
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
4945
4937
  }
4946
4938
 
4947
4939
  .IncodeGeolocationPage {
@@ -4985,12 +4977,12 @@
4985
4977
 
4986
4978
  .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {
4987
4979
  margin: var(--spacing-0, var(--spacing-none, 0px));
4988
- font-family: var(--primitive-typography-family-dm-sans);
4980
+ font-family: var(--typography-headline-family);
4989
4981
  font-size: var(--typography-headline-h4-size);
4990
4982
  font-weight: var(--typography-headline-h4-weight);
4991
4983
  line-height: var(--typography-headline-h4-line-height);
4992
4984
  letter-spacing: var(--typography-headline-h4-letter-spacing);
4993
- color: var(--color-text-body-primary, var(--text-body-primary));
4985
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
4994
4986
  }
4995
4987
 
4996
4988
  .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {
@@ -5041,13 +5033,13 @@
5041
5033
  line-height: var(--leading-snug, 1.375);
5042
5034
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5043
5035
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5044
- color: var(--color-text-body-secondary, var(--text-body-secondary));
5036
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
5045
5037
  }
5046
5038
 
5047
5039
  .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {
5048
5040
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
5049
5041
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
5050
- color: var(--color-text-body-primary, var(--text-body-primary));
5042
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
5051
5043
  }
5052
5044
 
5053
5045
  .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {
@@ -5113,12 +5105,12 @@
5113
5105
  }
5114
5106
 
5115
5107
  .IncodeEkycPage .IncodeEkyc__sectionHeader {
5116
- font-family: var(--primitive-typography-family-dm-sans);
5108
+ font-family: var(--typography-headline-family);
5117
5109
  font-size: var(--typography-headline-h3-size);
5118
5110
  font-weight: var(--typography-headline-h3-weight);
5119
5111
  line-height: var(--typography-headline-h3-line-height);
5120
5112
  letter-spacing: var(--typography-headline-h3-letter-spacing);
5121
- color: var(--color-text-body-primary, var(--text-body-primary));
5113
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
5122
5114
  width: 100%;
5123
5115
  max-width: 420px;
5124
5116
  margin: 16px auto 0;
@@ -5148,7 +5140,7 @@
5148
5140
  }
5149
5141
 
5150
5142
  .IncodeEkyc__radioOption {
5151
- color: var(--radio-button-text-default, var(--text-body-primary, #262831));
5143
+ color: var(--radio-button-text-default, var(--text-body-800-primary, #262831));
5152
5144
  cursor: pointer;
5153
5145
  align-items: center;
5154
5146
  gap: 12px;
@@ -5233,7 +5225,7 @@
5233
5225
 
5234
5226
  .IncodeAddressAutocomplete__suggestion {
5235
5227
  cursor: pointer;
5236
- color: var(--text-body-primary, #262831);
5228
+ color: var(--text-body-800-primary, #262831);
5237
5229
  border-bottom: 1px solid var(--input-border-default, #82879a);
5238
5230
  padding: 12px 16px;
5239
5231
  font-size: 16px;
@@ -5395,12 +5387,12 @@
5395
5387
  }
5396
5388
 
5397
5389
  .IncodeEkybPage .IncodeEkyb__sectionHeader {
5398
- font-family: var(--primitive-typography-family-dm-sans);
5390
+ font-family: var(--typography-headline-family);
5399
5391
  font-size: var(--typography-headline-h3-size);
5400
5392
  font-weight: var(--typography-headline-h3-weight);
5401
5393
  line-height: var(--typography-headline-h3-line-height);
5402
5394
  letter-spacing: var(--typography-headline-h3-letter-spacing);
5403
- color: var(--color-text-body-primary, var(--text-body-primary));
5395
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
5404
5396
  width: 100%;
5405
5397
  max-width: 420px;
5406
5398
  margin: 16px auto 0;
@@ -5463,14 +5455,14 @@
5463
5455
 
5464
5456
  .IncodeVerificationResult__title {
5465
5457
  text-align: center;
5466
- font-family: var(--primitive-typography-family-dm-sans);
5458
+ font-family: var(--typography-headline-family);
5467
5459
  font-size: var(--typography-headline-h2-size);
5468
5460
  font-weight: var(--typography-headline-h2-weight);
5469
5461
  line-height: var(--typography-headline-h2-line-height);
5470
5462
  letter-spacing: var(--typography-headline-h2-letter-spacing);
5471
5463
  --tw-tracking: -1px;
5472
5464
  letter-spacing: -1px;
5473
- color: var(--color-text-body-primary, var(--text-body-primary));
5465
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
5474
5466
  }
5475
5467
 
5476
5468
  .IncodeVerificationResult__actions {