@drivy/cobalt 0.29.1 → 0.30.0

package/utilities.css

@@ -107,166 +107,166 @@
 /**********************************/
 
 :root {
-  --c-background-primary: var(--c-l-grey-lighter);
-  --c-background-secondary: var(--c-l-white);
-  --c-background-secondaryInteractive: var(--c-l-white);
-  --c-background-secondaryInteractive--hover: var(--c-l-grey-lighter);
-  --c-background-accent: var(--c-l-purple);
-  --c-background-accentInteractive: var(--c-l-purple);
-  --c-background-accentInteractive--hover: var(--c-l-purple);
-  --c-background-accentAlt: var(--c-l-indigo);
-  --c-background-accentAltInteractive: var(--c-l-indigo);
-  --c-background-accentAltInteractive--hover: var(--c-l-indigo);
-  --c-background-info: var(--c-l-grey-lighter);
-  --c-background-error: var(--c-l-red);
-  --c-background-errorInteractive: var(--c-l-red);
-  --c-background-errorInteractive--hover: var(--c-l-red);
-  --c-background-errorAlt: var(--c-l-graphite);
-  --c-background-success: var(--c-l-green);
-  --c-background-successAlt: var(--c-l-graphite);
-  --c-background-connect: var(--c-l-turquoise);
-  --c-background-connectInteractive: var(--c-l-turquoise);
-  --c-background-connectInteractive--hover: var(--c-l-turquoise);
-  --c-background-connectAlt: var(--c-l-grey-light);
-  --c-background-driver: var(--c-l-deprecatedDriver);
-  --c-background-owner: var(--c-l-indigo-dark);
-  --c-background-disabled: var(--c-l-grey-light);
-  --c-background-neutral: var(--c-l-grey-light);
-  --c-background-neutralAlt: var(--c-l-grey-lighter);
-  --c-background-seasonLow: var(--c-l-deprecatedSeasonLow);
-  --c-background-seasonMedium: var(--c-l-deprecatedSeasonMedium);
-  --c-background-seasonHigh: var(--c-l-deprecatedSeasonHigh);
-  --c-background-seasonVeryHigh: var(--c-l-deprecatedSeasonVeryHigh);
-  --c-text-base: var(--c-l-graphite);
-  --c-text-baseInteractive: var(--c-l-graphite);
-  --c-text-baseInteractive--hover: var(--c-l-graphite);
-  --c-text-subdued: var(--c-l-graphite-light);
-  --c-text-subduedInteractive: var(--c-l-graphite-light);
-  --c-text-subduedInteractive--hover: var(--c-l-graphite);
-  --c-text-accent: var(--c-l-purple);
-  --c-text-accentInteractive: var(--c-l-blue);
-  --c-text-accentInteractive--hover: var(--c-l-blue);
-  --c-text-accentAlt: var(--c-l-white);
-  --c-text-accentAltInteractive: var(--c-l-white);
-  --c-text-accentAltInteractive--hover: var(--c-l-white);
-  --c-text-info: var(--c-l-graphite-light);
-  --c-text-infoAlt: var(--c-l-turquoise);
-  --c-text-error: var(--c-l-red);
-  --c-text-errorAlt: var(--c-l-white);
-  --c-text-success: var(--c-l-green);
-  --c-text-successAlt: var(--c-l-white);
-  --c-text-warning: var(--c-l-coral);
-  --c-text-connect: var(--c-l-turquoise);
-  --c-text-driver: var(--c-l-graphite);
-  --c-text-owner: var(--c-l-white);
-  --c-text-inversed: var(--c-l-white);
-  --c-buttonBackground-selected: var(--c-l-indigo);
-  --c-buttonBackground-destructiveInteractive: var(--c-l-red);
-  --c-buttonBackground-destructiveInteractive--hover: var(--c-l-red);
-  --c-buttonBackground-destructiveInteractive--press: var(--c-l-red);
-  --c-buttonBackground-disabled: var(--c-l-grey-lighter);
-  --c-buttonBackground-primaryInteractive: var(--c-l-purple);
-  --c-buttonBackground-primaryInteractive--hover: var(--c-l-indigo);
-  --c-buttonBackground-primaryInteractive--press: var(--c-l-indigo-dark);
-  --c-buttonBackground-secondaryInteractive: var(--c-l-white);
-  --c-buttonBackground-secondaryInteractive--hover: var(--c-l-white);
-  --c-buttonBackground-secondaryInteractive--press: var(--c-l-white);
-  --c-buttonBackground-success: var(--c-l-green);
-  --c-buttonBackground-successAltInteractive: var(--c-l-green);
-  --c-buttonBackground-successAltInteractive--hover: var(--c-l-green);
-  --c-buttonBackground-successAltInteractive--press: var(--c-l-green);
-  --c-buttonBackground-tertiaryInteractive: var(--c-l-white);
-  --c-buttonBackground-tertiaryInteractive--hover: var(--c-l-white);
-  --c-buttonBackground-tertiaryInteractive--press: var(--c-l-white);
-  --c-buttonIcon-selected: var(--c-l-white);
-  --c-buttonIcon-destructiveInteractive: var(--c-l-red);
-  --c-buttonIcon-destructiveInteractive--hover: var(--c-l-red);
-  --c-buttonIcon-destructiveInteractive--press: var(--c-l-red);
-  --c-buttonIcon-disabled: var(--c-l-graphite-light);
-  --c-buttonIcon-primaryInteractive: var(--c-l-white);
-  --c-buttonIcon-primaryInteractive--hover: var(--c-l-white);
-  --c-buttonIcon-primaryInteractive--press: var(--c-l-white);
-  --c-buttonIcon-secondaryInteractive: var(--c-l-indigo);
-  --c-buttonIcon-secondaryInteractive--hover: var(--c-l-indigo);
-  --c-buttonIcon-secondaryInteractive--press: var(--c-l-indigo-dark);
-  --c-buttonIcon-success: var(--c-l-white);
-  --c-buttonIcon-successAltInteractive: var(--c-l-white);
-  --c-buttonIcon-successAltInteractive--hover: var(--c-l-white);
-  --c-buttonIcon-successAltInteractive--press: var(--c-l-white);
-  --c-buttonIcon-tertiaryInteractive: var(--c-l-blue);
-  --c-buttonIcon-tertiaryInteractive--hover: var(--c-l-blue);
-  --c-buttonIcon-tertiaryInteractive--press: var(--c-l-blue);
-  --c-buttonLabel-selected: var(--c-l-white);
-  --c-buttonLabel-destructiveInteractive: var(--c-l-white);
-  --c-buttonLabel-destructiveInteractive--hover: var(--c-l-white);
-  --c-buttonLabel-destructiveInteractive--press: var(--c-l-white);
-  --c-buttonLabel-disabled: var(--c-l-graphite-light);
-  --c-buttonLabel-primaryInteractive: var(--c-l-white);
-  --c-buttonLabel-primaryInteractive--hover: var(--c-l-white);
-  --c-buttonLabel-primaryInteractive--press: var(--c-l-white);
-  --c-buttonLabel-secondaryInteractive: var(--c-l-indigo);
-  --c-buttonLabel-secondaryInteractive--hover: var(--c-l-indigo);
-  --c-buttonLabel-secondaryInteractive--press: var(--c-l-indigo-dark);
-  --c-buttonLabel-success: var(--c-l-white);
-  --c-buttonLabel-successAltInteractive: var(--c-l-white);
-  --c-buttonLabel-successAltInteractive--hover: var(--c-l-white);
-  --c-buttonLabel-successAltInteractive--press: var(--c-l-white);
-  --c-buttonLabel-tertiaryInteractive: var(--c-l-blue);
-  --c-buttonLabel-tertiaryInteractive--hover: var(--c-l-blue);
-  --c-buttonLabel-tertiaryInteractive--press: var(--c-l-blue);
-  --c-icon-base: var(--c-l-graphite);
-  --c-icon-baseInteractive: var(--c-l-graphite);
-  --c-icon-baseInteractive--hover: var(--c-l-graphite);
-  --c-icon-subdued: var(--c-l-graphite-light);
-  --c-icon-subduedInteractive: var(--c-l-graphite-light);
-  --c-icon-subduedInteractive--hover: var(--c-l-graphite);
-  --c-icon-accent: var(--c-l-purple);
-  --c-icon-accentInteractive: var(--c-l-purple);
-  --c-icon-accentInteractive--hover: var(--c-l-indigo);
-  --c-icon-accentAlt: var(--c-l-white);
-  --c-icon-accentAltInteractive: var(--c-l-white);
-  --c-icon-accentAltInteractive--hover: var(--c-l-white);
-  --c-icon-info: var(--c-l-graphite-light);
-  --c-icon-infoAlt: var(--c-l-turquoise);
-  --c-icon-error: var(--c-l-red);
-  --c-icon-errorAlt: var(--c-l-red);
-  --c-icon-success: var(--c-l-green);
-  --c-icon-successAlt: var(--c-l-white);
-  --c-icon-warning: var(--c-l-coral);
-  --c-icon-connect: var(--c-l-turquoise);
-  --c-icon-connectAlt: var(--c-l-turquoise);
-  --c-icon-driver: var(--c-l-graphite);
-  --c-icon-owner: var(--c-l-white);
-  --c-icon-inversed: var(--c-l-white);
-  --c-icon-disabled: var(--c-l-grey-lighter);
-  --c-stroke-base: var(--c-l-grey);
-  --c-stroke-baseInteractive: var(--c-l-grey);
-  --c-stroke-baseInteractive--hover: var(--c-l-graphite-light);
-  --c-stroke-baseInteractive--press: var(--c-l-graphite);
-  --c-stroke-strong: var(--c-l-grey-dark);
-  --c-stroke-strongInteractive: var(--c-l-grey-dark);
-  --c-stroke-strongInteractive--hover: var(--c-l-graphite-light);
-  --c-stroke-strongInteractive--press: var(--c-l-graphite);
-  --c-stroke-subdued: var(--c-l-grey-light);
-  --c-stroke-accent: var(--c-l-indigo);
-  --c-stroke-accentInteractive: var(--c-l-indigo);
-  --c-stroke-accentInteractive--hover: var(--c-l-indigo);
-  --c-stroke-accentInteractive--press: var(--c-l-indigo-dark);
-  --c-stroke-accentAlt: var(--c-l-purple);
-  --c-stroke-error: var(--c-l-red);
-  --c-stroke-errorAlt: var(--c-l-red);
-  --c-stroke-success: var(--c-l-green);
-  --c-stroke-successAlt: var(--c-l-green);
-  --c-fill-base: var(--c-l-graphite);
-  --c-fill-secondary: var(--c-l-turquoise);
-  --c-fill-subdued: var(--c-l-grey-light);
-  --c-fill-accent: var(--c-l-purple);
-  --c-fill-accentAlt: var(--c-l-purple);
-  --c-fill-error: var(--c-l-red);
-  --c-fill-negative: var(--c-l-red);
-  --c-fill-success: var(--c-l-green);
-  --c-fill-disabled: var(--c-l-grey-dark);
-  --c-fill-neutral: var(--c-l-grey-lighter);
+  --c-background-primary: var(--c-white);
+  --c-background-secondary: var(--c-white);
+  --c-background-secondaryInteractive: var(--c-white);
+  --c-background-secondaryInteractive--hover: var(--c-navy-50);
+  --c-background-accent: var(--c-purple-500);
+  --c-background-accentInteractive: var(--c-purple-500);
+  --c-background-accentInteractive--hover: var(--c-purple-700);
+  --c-background-accentAlt: var(--c-purple-100);
+  --c-background-accentAltInteractive: var(--c-purple-100);
+  --c-background-accentAltInteractive--hover: var(--c-purpleLight-100);
+  --c-background-info: var(--c-yellow-100);
+  --c-background-error: var(--c-red-500);
+  --c-background-errorInteractive: var(--c-red-500);
+  --c-background-errorInteractive--hover: var(--c-red-700);
+  --c-background-errorAlt: var(--c-red-100);
+  --c-background-success: var(--c-green-700);
+  --c-background-successAlt: var(--c-green-100);
+  --c-background-connect: var(--c-turquoise-500);
+  --c-background-connectInteractive: var(--c-turquoise-500);
+  --c-background-connectInteractive--hover: var(--c-turquoise-700);
+  --c-background-connectAlt: var(--c-turquoise-50);
+  --c-background-driver: var(--c-yellow-500);
+  --c-background-owner: var(--c-navy-700);
+  --c-background-disabled: var(--c-navy-100);
+  --c-background-neutral: var(--c-navy-100);
+  --c-background-neutralAlt: var(--c-navy-50);
+  --c-background-seasonLow: var(--c-season-100);
+  --c-background-seasonMedium: var(--c-season-200);
+  --c-background-seasonHigh: var(--c-season-300);
+  --c-background-seasonVeryHigh: var(--c-season-400);
+  --c-text-base: var(--c-navy-700);
+  --c-text-baseInteractive: var(--c-navy-700);
+  --c-text-baseInteractive--hover: var(--c-navy-300);
+  --c-text-subdued: var(--c-navy-300);
+  --c-text-subduedInteractive: var(--c-navy-300);
+  --c-text-subduedInteractive--hover: var(--c-navy-500);
+  --c-text-accent: var(--c-purple-500);
+  --c-text-accentInteractive: var(--c-purple-500);
+  --c-text-accentInteractive--hover: var(--c-purple-700);
+  --c-text-accentAlt: var(--c-purple-500);
+  --c-text-accentAltInteractive: var(--c-purple-500);
+  --c-text-accentAltInteractive--hover: var(--c-purple-700);
+  --c-text-info: var(--c-yellow-900);
+  --c-text-infoAlt: var(--c-yellow-500);
+  --c-text-error: var(--c-red-500);
+  --c-text-errorAlt: var(--c-red-500);
+  --c-text-success: var(--c-green-700);
+  --c-text-successAlt: var(--c-green-900);
+  --c-text-warning: var(--c-orange-500);
+  --c-text-connect: var(--c-turquoise-500);
+  --c-text-driver: var(--c-navy-700);
+  --c-text-owner: var(--c-white);
+  --c-text-inversed: var(--c-white);
+  --c-buttonBackground-selected: var(--c-purple-100);
+  --c-buttonBackground-destructiveInteractive: var(--c-red-100);
+  --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
+  --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
+  --c-buttonBackground-disabled: var(--c-navy-100);
+  --c-buttonBackground-primaryInteractive: var(--c-purple-500);
+  --c-buttonBackground-primaryInteractive--hover: var(--c-purple-700);
+  --c-buttonBackground-primaryInteractive--press: var(--c-purple-900);
+  --c-buttonBackground-secondaryInteractive: var(--c-white);
+  --c-buttonBackground-secondaryInteractive--hover: var(--c-white);
+  --c-buttonBackground-secondaryInteractive--press: var(--c-white);
+  --c-buttonBackground-success: var(--c-green-700);
+  --c-buttonBackground-successAltInteractive: var(--c-green-100);
+  --c-buttonBackground-successAltInteractive--hover: var(--c-green-120);
+  --c-buttonBackground-successAltInteractive--press: var(--c-green-150);
+  --c-buttonBackground-tertiaryInteractive: var(--c-white);
+  --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
+  --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
+  --c-buttonIcon-selected: var(--c-purple-500);
+  --c-buttonIcon-destructiveInteractive: var(--c-red-500);
+  --c-buttonIcon-destructiveInteractive--hover: var(--c-red-500);
+  --c-buttonIcon-destructiveInteractive--press: var(--c-red-500);
+  --c-buttonIcon-disabled: var(--c-navy-300);
+  --c-buttonIcon-primaryInteractive: var(--c-white);
+  --c-buttonIcon-primaryInteractive--hover: var(--c-white);
+  --c-buttonIcon-primaryInteractive--press: var(--c-white);
+  --c-buttonIcon-secondaryInteractive: var(--c-purple-500);
+  --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-700);
+  --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
+  --c-buttonIcon-success: var(--c-white);
+  --c-buttonIcon-successAltInteractive: var(--c-green-900);
+  --c-buttonIcon-successAltInteractive--hover: var(--c-green-900);
+  --c-buttonIcon-successAltInteractive--press: var(--c-green-900);
+  --c-buttonIcon-tertiaryInteractive: var(--c-purple-500);
+  --c-buttonIcon-tertiaryInteractive--hover: var(--c-purple-700);
+  --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-900);
+  --c-buttonLabel-selected: var(--c-purple-500);
+  --c-buttonLabel-destructiveInteractive: var(--c-red-500);
+  --c-buttonLabel-destructiveInteractive--hover: var(--c-red-500);
+  --c-buttonLabel-destructiveInteractive--press: var(--c-red-500);
+  --c-buttonLabel-disabled: var(--c-navy-300);
+  --c-buttonLabel-primaryInteractive: var(--c-white);
+  --c-buttonLabel-primaryInteractive--hover: var(--c-white);
+  --c-buttonLabel-primaryInteractive--press: var(--c-white);
+  --c-buttonLabel-secondaryInteractive: var(--c-purple-500);
+  --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-700);
+  --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
+  --c-buttonLabel-success: var(--c-white);
+  --c-buttonLabel-successAltInteractive: var(--c-green-900);
+  --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
+  --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
+  --c-buttonLabel-tertiaryInteractive: var(--c-purple-500);
+  --c-buttonLabel-tertiaryInteractive--hover: var(--c-purple-700);
+  --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-900);
+  --c-icon-base: var(--c-navy-500);
+  --c-icon-baseInteractive: var(--c-navy-500);
+  --c-icon-baseInteractive--hover: var(--c-navy-700);
+  --c-icon-subdued: var(--c-navy-300);
+  --c-icon-subduedInteractive: var(--c-navy-300);
+  --c-icon-subduedInteractive--hover: var(--c-navy-500);
+  --c-icon-accent: var(--c-purple-500);
+  --c-icon-accentInteractive: var(--c-purple-500);
+  --c-icon-accentInteractive--hover: var(--c-purple-700);
+  --c-icon-accentAlt: var(--c-purple-500);
+  --c-icon-accentAltInteractive: var(--c-purple-500);
+  --c-icon-accentAltInteractive--hover: var(--c-purple-700);
+  --c-icon-info: var(--c-yellow-900);
+  --c-icon-infoAlt: var(--c-yellow-500);
+  --c-icon-error: var(--c-red-500);
+  --c-icon-errorAlt: var(--c-red-500);
+  --c-icon-success: var(--c-green-700);
+  --c-icon-successAlt: var(--c-green-900);
+  --c-icon-warning: var(--c-orange-500);
+  --c-icon-connect: var(--c-turquoise-500);
+  --c-icon-connectAlt: var(--c-turquoise-900);
+  --c-icon-driver: var(--c-navy-700);
+  --c-icon-owner: var(--c-white);
+  --c-icon-inversed: var(--c-white);
+  --c-icon-disabled: var(--c-navy-100);
+  --c-stroke-base: var(--c-navy-100);
+  --c-stroke-baseInteractive: var(--c-navy-100);
+  --c-stroke-baseInteractive--hover: var(--c-navy-300);
+  --c-stroke-baseInteractive--press: var(--c-navy-500);
+  --c-stroke-strong: var(--c-navy-300);
+  --c-stroke-strongInteractive: var(--c-navy-300);
+  --c-stroke-strongInteractive--hover: var(--c-navy-500);
+  --c-stroke-strongInteractive--press: var(--c-navy-700);
+  --c-stroke-subdued: var(--c-navy-100);
+  --c-stroke-accent: var(--c-purple-500);
+  --c-stroke-accentInteractive: var(--c-purple-500);
+  --c-stroke-accentInteractive--hover: var(--c-purple-700);
+  --c-stroke-accentInteractive--press: var(--c-purple-900);
+  --c-stroke-accentAlt: var(--c-purple-300);
+  --c-stroke-error: var(--c-red-500);
+  --c-stroke-errorAlt: var(--c-red-500);
+  --c-stroke-success: var(--c-green-500);
+  --c-stroke-successAlt: var(--c-green-500);
+  --c-fill-base: var(--c-navy-500);
+  --c-fill-secondary: var(--c-yellow-500);
+  --c-fill-subdued: var(--c-navy-100);
+  --c-fill-accent: var(--c-purple-500);
+  --c-fill-accentAlt: var(--c-purple-100);
+  --c-fill-error: var(--c-red-500);
+  --c-fill-negative: var(--c-red-150);
+  --c-fill-success: var(--c-green-500);
+  --c-fill-disabled: var(--c-navy-300);
+  --c-fill-neutral: var(--c-navy-50);
 }
 
 .c-sr-only {
@@ -3904,59 +3904,57 @@
 .c-text-heading {
   font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
   font-size: 2.25rem;
-  line-height: 2.5rem;
+  line-height: 125%;
   font-weight: 700;
+  letter-spacing: -0.5px;
 }
 
 .c-text-subheading {
   font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
   font-size: 1.25rem;
-  line-height: 1.5rem;
-  font-weight: 700;
-}
-
-.c-text-section-heading {
-  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 0.875rem;
-  line-height: 1.5rem;
+  line-height: 125%;
   font-weight: 700;
-  text-transform: uppercase;
-  color: var(--c-l-graphite-light);
+  letter-spacing: -0.5px;
 }
 
 .c-text-title-xl {
   font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
   font-size: 2rem;
-  line-height: 2.25rem;
+  line-height: 125%;
   font-weight: 700;
+  letter-spacing: -0.04rem;
 }
 
 .c-text-title-lg {
   font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
   font-size: 1.5rem;
-  line-height: 1.75rem;
+  line-height: 125%;
   font-weight: 700;
+  letter-spacing: -0.03rem;
 }
 
 .c-text-title-md {
   font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 1.125rem;
-  line-height: 1.25rem;
+  font-size: 1.25rem;
+  line-height: 125%;
   font-weight: 700;
+  letter-spacing: NaNrem;
 }
 
 .c-text-title-sm {
   font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 0.9375rem;
-  line-height: 1.25rem;
+  font-size: 1rem;
+  line-height: 125%;
   font-weight: 600;
+  letter-spacing: -0.02rem;
 }
 
 .c-text-title-xs {
   font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 0.9375rem;
-  line-height: 1.25rem;
+  font-size: 1rem;
+  line-height: 125%;
   font-weight: 600;
+  letter-spacing: -0.02rem;
 }
 
 .c-text-body-lg {
@@ -3967,7 +3965,7 @@
 
 .c-text-body-md {
   font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-  font-size: 0.9375rem;
+  font-size: 1rem;
   line-height: 1.5rem;
 }
 
@@ -3977,35 +3975,43 @@
   line-height: 1rem;
 }
 
+.c-text-section-heading {
+  font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
+  font-size: 0.875rem;
+  line-height: 175%;
+  font-weight: 700;
+  text-transform: uppercase;
+  color: var(--c-text-subdued);
+  letter-spacing: -0.2px;
+}
+
 @media (min-width: 768px) {
   .c-text-heading {
     font-size: 3.5rem;
-    line-height: 3.75rem;
   }
 
   .c-text-subheading {
     font-size: 1.75rem;
-    line-height: 2rem;
   }
 
   .c-text-title-xl {
     font-size: 2.5rem;
-    line-height: 2.75rem;
+    letter-spacing: -0.05rem;
   }
 
   .c-text-title-lg {
     font-size: 2rem;
-    line-height: 2.25rem;
+    letter-spacing: -0.04rem;
   }
 
   .c-text-title-md {
     font-size: 1.5rem;
-    line-height: 1.75rem;
+    letter-spacing: -0.03rem;
   }
 
   .c-text-title-sm {
-    font-size: 1.125rem;
-    line-height: 1.5rem;
+    font-size: 1.25rem;
+    letter-spacing: -0.025rem;
   }
 }
 
@@ -4142,375 +4148,375 @@
 }
 
 .c-border-base {
-  border-color: var(--c-l-grey);
+  border-color: var(--c-stroke-base);
 }
 
 .c-border-baseInteractive {
-  border-color: var(--c-l-grey);
+  border-color: var(--c-stroke-baseInteractive);
 }
 
 .c-border-baseInteractive:hover {
-  border-color: var(--c-l-graphite-light);
+  border-color: var(--c-stroke-baseInteractive--hover);
 }
 
 .c-border-baseInteractive:focus {
-  border-color: var(--c-l-graphite-light);
+  border-color: var(--c-stroke-baseInteractive--hover);
 }
 
 .c-border-baseInteractive:active {
-  border-color: var(--c-l-graphite);
+  border-color: var(--c-stroke-baseInteractive--press);
 }
 
 .c-border-strong {
-  border-color: var(--c-l-grey-dark);
+  border-color: var(--c-stroke-strong);
 }
 
 .c-border-strongInteractive {
-  border-color: var(--c-l-grey-dark);
+  border-color: var(--c-stroke-strongInteractive);
 }
 
 .c-border-strongInteractive:hover {
-  border-color: var(--c-l-graphite-light);
+  border-color: var(--c-stroke-strongInteractive--hover);
 }
 
 .c-border-strongInteractive:focus {
-  border-color: var(--c-l-graphite-light);
+  border-color: var(--c-stroke-strongInteractive--hover);
 }
 
 .c-border-strongInteractive:active {
-  border-color: var(--c-l-graphite);
+  border-color: var(--c-stroke-strongInteractive--press);
 }
 
 .c-border-subdued {
-  border-color: var(--c-l-grey-light);
+  border-color: var(--c-stroke-subdued);
 }
 
 .c-border-accent {
-  border-color: var(--c-l-indigo);
+  border-color: var(--c-stroke-accent);
 }
 
 .c-border-accentInteractive {
-  border-color: var(--c-l-indigo);
+  border-color: var(--c-stroke-accentInteractive);
 }
 
 .c-border-accentInteractive:hover {
-  border-color: var(--c-l-indigo);
+  border-color: var(--c-stroke-accentInteractive--hover);
 }
 
 .c-border-accentInteractive:focus {
-  border-color: var(--c-l-indigo);
+  border-color: var(--c-stroke-accentInteractive--hover);
 }
 
 .c-border-accentInteractive:active {
-  border-color: var(--c-l-indigo-dark);
+  border-color: var(--c-stroke-accentInteractive--press);
 }
 
 .c-border-accentAlt {
-  border-color: var(--c-l-purple);
+  border-color: var(--c-stroke-accentAlt);
 }
 
 .c-border-error {
-  border-color: var(--c-l-red);
+  border-color: var(--c-stroke-error);
 }
 
 .c-border-errorAlt {
-  border-color: var(--c-l-red);
+  border-color: var(--c-stroke-errorAlt);
 }
 
 .c-border-success {
-  border-color: var(--c-l-green);
+  border-color: var(--c-stroke-success);
 }
 
 .c-border-successAlt {
-  border-color: var(--c-l-green);
+  border-color: var(--c-stroke-successAlt);
 }
 
 .c-bg-primary {
-  background-color: var(--c-l-grey-lighter);
+  background-color: var(--c-background-primary);
 }
 
 .c-bg-secondary {
-  background-color: var(--c-l-white);
+  background-color: var(--c-background-secondary);
 }
 
 .c-bg-secondaryInteractive {
-  background-color: var(--c-l-white);
+  background-color: var(--c-background-secondaryInteractive);
 }
 
 .c-bg-secondaryInteractive:hover {
-  background-color: var(--c-l-grey-lighter);
+  background-color: var(--c-background-secondaryInteractive--hover);
 }
 
 .c-bg-secondaryInteractive:focus {
-  background-color: var(--c-l-grey-lighter);
+  background-color: var(--c-background-secondaryInteractive--hover);
 }
 
 .c-bg-accent {
-  background-color: var(--c-l-purple);
+  background-color: var(--c-background-accent);
 }
 
 .c-bg-accentInteractive {
-  background-color: var(--c-l-purple);
+  background-color: var(--c-background-accentInteractive);
 }
 
 .c-bg-accentInteractive:hover {
-  background-color: var(--c-l-purple);
+  background-color: var(--c-background-accentInteractive--hover);
 }
 
 .c-bg-accentInteractive:focus {
-  background-color: var(--c-l-purple);
+  background-color: var(--c-background-accentInteractive--hover);
 }
 
 .c-bg-accentAlt {
-  background-color: var(--c-l-indigo);
+  background-color: var(--c-background-accentAlt);
 }
 
 .c-bg-accentAltInteractive {
-  background-color: var(--c-l-indigo);
+  background-color: var(--c-background-accentAltInteractive);
 }
 
 .c-bg-accentAltInteractive:hover {
-  background-color: var(--c-l-indigo);
+  background-color: var(--c-background-accentAltInteractive--hover);
 }
 
 .c-bg-accentAltInteractive:focus {
-  background-color: var(--c-l-indigo);
+  background-color: var(--c-background-accentAltInteractive--hover);
 }
 
 .c-bg-info {
-  background-color: var(--c-l-grey-lighter);
+  background-color: var(--c-background-info);
 }
 
 .c-bg-error {
-  background-color: var(--c-l-red);
+  background-color: var(--c-background-error);
 }
 
 .c-bg-errorInteractive {
-  background-color: var(--c-l-red);
+  background-color: var(--c-background-errorInteractive);
 }
 
 .c-bg-errorInteractive:hover {
-  background-color: var(--c-l-red);
+  background-color: var(--c-background-errorInteractive--hover);
 }
 
 .c-bg-errorInteractive:focus {
-  background-color: var(--c-l-red);
+  background-color: var(--c-background-errorInteractive--hover);
 }
 
 .c-bg-errorAlt {
-  background-color: var(--c-l-graphite);
+  background-color: var(--c-background-errorAlt);
 }
 
 .c-bg-success {
-  background-color: var(--c-l-green);
+  background-color: var(--c-background-success);
 }
 
 .c-bg-successAlt {
-  background-color: var(--c-l-graphite);
+  background-color: var(--c-background-successAlt);
 }
 
 .c-bg-connect {
-  background-color: var(--c-l-turquoise);
+  background-color: var(--c-background-connect);
 }
 
 .c-bg-connectInteractive {
-  background-color: var(--c-l-turquoise);
+  background-color: var(--c-background-connectInteractive);
 }
 
 .c-bg-connectInteractive:hover {
-  background-color: var(--c-l-turquoise);
+  background-color: var(--c-background-connectInteractive--hover);
 }
 
 .c-bg-connectInteractive:focus {
-  background-color: var(--c-l-turquoise);
+  background-color: var(--c-background-connectInteractive--hover);
 }
 
 .c-bg-connectAlt {
-  background-color: var(--c-l-grey-light);
+  background-color: var(--c-background-connectAlt);
 }
 
 .c-bg-driver {
-  background-color: var(--c-l-deprecatedDriver);
+  background-color: var(--c-background-driver);
 }
 
 .c-bg-owner {
-  background-color: var(--c-l-indigo-dark);
+  background-color: var(--c-background-owner);
 }
 
 .c-bg-disabled {
-  background-color: var(--c-l-grey-light);
+  background-color: var(--c-background-disabled);
 }
 
 .c-bg-neutral {
-  background-color: var(--c-l-grey-light);
+  background-color: var(--c-background-neutral);
 }
 
 .c-bg-neutralAlt {
-  background-color: var(--c-l-grey-lighter);
+  background-color: var(--c-background-neutralAlt);
 }
 
 .c-bg-seasonLow {
-  background-color: var(--c-l-deprecatedSeasonLow);
+  background-color: var(--c-background-seasonLow);
 }
 
 .c-bg-seasonMedium {
-  background-color: var(--c-l-deprecatedSeasonMedium);
+  background-color: var(--c-background-seasonMedium);
 }
 
 .c-bg-seasonHigh {
-  background-color: var(--c-l-deprecatedSeasonHigh);
+  background-color: var(--c-background-seasonHigh);
 }
 
 .c-bg-seasonVeryHigh {
-  background-color: var(--c-l-deprecatedSeasonVeryHigh);
+  background-color: var(--c-background-seasonVeryHigh);
 }
 
 .c-bg-fill-base {
-  background-color: var(--c-l-graphite);
+  background-color: var(--c-fill-base);
 }
 
 .c-bg-fill-secondary {
-  background-color: var(--c-l-turquoise);
+  background-color: var(--c-fill-secondary);
 }
 
 .c-bg-fill-subdued {
-  background-color: var(--c-l-grey-light);
+  background-color: var(--c-fill-subdued);
 }
 
 .c-bg-fill-accent {
-  background-color: var(--c-l-purple);
+  background-color: var(--c-fill-accent);
 }
 
 .c-bg-fill-accentAlt {
-  background-color: var(--c-l-purple);
+  background-color: var(--c-fill-accentAlt);
 }
 
 .c-bg-fill-error {
-  background-color: var(--c-l-red);
+  background-color: var(--c-fill-error);
 }
 
 .c-bg-fill-negative {
-  background-color: var(--c-l-red);
+  background-color: var(--c-fill-negative);
 }
 
 .c-bg-fill-success {
-  background-color: var(--c-l-green);
+  background-color: var(--c-fill-success);
 }
 
 .c-bg-fill-disabled {
-  background-color: var(--c-l-grey-dark);
+  background-color: var(--c-fill-disabled);
 }
 
 .c-bg-fill-neutral {
-  background-color: var(--c-l-grey-lighter);
+  background-color: var(--c-fill-neutral);
 }
 
 .c-text-base {
-  color: var(--c-l-graphite);
+  color: var(--c-text-base);
 }
 
 .c-text-baseInteractive {
-  color: var(--c-l-graphite);
+  color: var(--c-text-baseInteractive);
 }
 
 .c-text-baseInteractive:hover {
-  color: var(--c-l-graphite);
+  color: var(--c-text-baseInteractive--hover);
 }
 
 .c-text-baseInteractive:focus {
-  color: var(--c-l-graphite);
+  color: var(--c-text-baseInteractive--hover);
 }
 
 .c-text-subdued {
-  color: var(--c-l-graphite-light);
+  color: var(--c-text-subdued);
 }
 
 .c-text-subduedInteractive {
-  color: var(--c-l-graphite-light);
+  color: var(--c-text-subduedInteractive);
 }
 
 .c-text-subduedInteractive:hover {
-  color: var(--c-l-graphite);
+  color: var(--c-text-subduedInteractive--hover);
 }
 
 .c-text-subduedInteractive:focus {
-  color: var(--c-l-graphite);
+  color: var(--c-text-subduedInteractive--hover);
 }
 
 .c-text-accent {
-  color: var(--c-l-purple);
+  color: var(--c-text-accent);
 }
 
 .c-text-accentInteractive {
-  color: var(--c-l-blue);
+  color: var(--c-text-accentInteractive);
 }
 
 .c-text-accentInteractive:hover {
-  color: var(--c-l-blue);
+  color: var(--c-text-accentInteractive--hover);
 }
 
 .c-text-accentInteractive:focus {
-  color: var(--c-l-blue);
+  color: var(--c-text-accentInteractive--hover);
 }
 
 .c-text-accentAlt {
-  color: var(--c-l-white);
+  color: var(--c-text-accentAlt);
 }
 
 .c-text-accentAltInteractive {
-  color: var(--c-l-white);
+  color: var(--c-text-accentAltInteractive);
 }
 
 .c-text-accentAltInteractive:hover {
-  color: var(--c-l-white);
+  color: var(--c-text-accentAltInteractive--hover);
 }
 
 .c-text-accentAltInteractive:focus {
-  color: var(--c-l-white);
+  color: var(--c-text-accentAltInteractive--hover);
 }
 
 .c-text-info {
-  color: var(--c-l-graphite-light);
+  color: var(--c-text-info);
 }
 
 .c-text-infoAlt {
-  color: var(--c-l-turquoise);
+  color: var(--c-text-infoAlt);
 }
 
 .c-text-error {
-  color: var(--c-l-red);
+  color: var(--c-text-error);
 }
 
 .c-text-errorAlt {
-  color: var(--c-l-white);
+  color: var(--c-text-errorAlt);
 }
 
 .c-text-success {
-  color: var(--c-l-green);
+  color: var(--c-text-success);
 }
 
 .c-text-successAlt {
-  color: var(--c-l-white);
+  color: var(--c-text-successAlt);
 }
 
 .c-text-warning {
-  color: var(--c-l-coral);
+  color: var(--c-text-warning);
 }
 
 .c-text-connect {
-  color: var(--c-l-turquoise);
+  color: var(--c-text-connect);
 }
 
 .c-text-driver {
-  color: var(--c-l-graphite);
+  color: var(--c-text-driver);
 }
 
 .c-text-owner {
-  color: var(--c-l-white);
+  color: var(--c-text-owner);
 }
 
 .c-text-inversed {
-  color: var(--c-l-white);
+  color: var(--c-text-inversed);
 }
 
 @media (min-width: 480px) {
@@ -6464,59 +6470,57 @@
   .xs\:c-text-heading {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 2.25rem;
-    line-height: 2.5rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.5px;
   }
 
   .xs\:c-text-subheading {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 1.25rem;
-    line-height: 1.5rem;
+    line-height: 125%;
     font-weight: 700;
-  }
-
-  .xs\:c-text-section-heading {
-    font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.875rem;
-    line-height: 1.5rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    color: var(--c-l-graphite-light);
+    letter-spacing: -0.5px;
   }
 
   .xs\:c-text-title-xl {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 2rem;
-    line-height: 2.25rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.04rem;
   }
 
   .xs\:c-text-title-lg {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 1.5rem;
-    line-height: 1.75rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.03rem;
   }
 
   .xs\:c-text-title-md {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.25rem;
+    font-size: 1.25rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: NaNrem;
   }
 
   .xs\:c-text-title-sm {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
-    line-height: 1.25rem;
+    font-size: 1rem;
+    line-height: 125%;
     font-weight: 600;
+    letter-spacing: -0.02rem;
   }
 
   .xs\:c-text-title-xs {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
-    line-height: 1.25rem;
+    font-size: 1rem;
+    line-height: 125%;
     font-weight: 600;
+    letter-spacing: -0.02rem;
   }
 
   .xs\:c-text-body-lg {
@@ -6527,7 +6531,7 @@
 
   .xs\:c-text-body-md {
     font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
+    font-size: 1rem;
     line-height: 1.5rem;
   }
 
@@ -6537,35 +6541,43 @@
     line-height: 1rem;
   }
 
+  .xs\:c-text-section-heading {
+    font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
+    font-size: 0.875rem;
+    line-height: 175%;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: var(--c-text-subdued);
+    letter-spacing: -0.2px;
+  }
+
   @media (min-width: 768px) {
     .xs\:c-text-heading {
       font-size: 3.5rem;
-      line-height: 3.75rem;
     }
 
     .xs\:c-text-subheading {
       font-size: 1.75rem;
-      line-height: 2rem;
     }
 
     .xs\:c-text-title-xl {
       font-size: 2.5rem;
-      line-height: 2.75rem;
+      letter-spacing: -0.05rem;
     }
 
     .xs\:c-text-title-lg {
       font-size: 2rem;
-      line-height: 2.25rem;
+      letter-spacing: -0.04rem;
     }
 
     .xs\:c-text-title-md {
       font-size: 1.5rem;
-      line-height: 1.75rem;
+      letter-spacing: -0.03rem;
     }
 
     .xs\:c-text-title-sm {
-      font-size: 1.125rem;
-      line-height: 1.5rem;
+      font-size: 1.25rem;
+      letter-spacing: -0.025rem;
     }
   }
 }
@@ -8521,59 +8533,57 @@
   .sm\:c-text-heading {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 2.25rem;
-    line-height: 2.5rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.5px;
   }
 
   .sm\:c-text-subheading {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 1.25rem;
-    line-height: 1.5rem;
+    line-height: 125%;
     font-weight: 700;
-  }
-
-  .sm\:c-text-section-heading {
-    font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.875rem;
-    line-height: 1.5rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    color: var(--c-l-graphite-light);
+    letter-spacing: -0.5px;
   }
 
   .sm\:c-text-title-xl {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 2rem;
-    line-height: 2.25rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.04rem;
   }
 
   .sm\:c-text-title-lg {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 1.5rem;
-    line-height: 1.75rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.03rem;
   }
 
   .sm\:c-text-title-md {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.25rem;
+    font-size: 1.25rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: NaNrem;
   }
 
   .sm\:c-text-title-sm {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
-    line-height: 1.25rem;
+    font-size: 1rem;
+    line-height: 125%;
     font-weight: 600;
+    letter-spacing: -0.02rem;
   }
 
   .sm\:c-text-title-xs {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
-    line-height: 1.25rem;
+    font-size: 1rem;
+    line-height: 125%;
     font-weight: 600;
+    letter-spacing: -0.02rem;
   }
 
   .sm\:c-text-body-lg {
@@ -8584,7 +8594,7 @@
 
   .sm\:c-text-body-md {
     font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
+    font-size: 1rem;
     line-height: 1.5rem;
   }
 
@@ -8594,35 +8604,43 @@
     line-height: 1rem;
   }
 
+  .sm\:c-text-section-heading {
+    font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
+    font-size: 0.875rem;
+    line-height: 175%;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: var(--c-text-subdued);
+    letter-spacing: -0.2px;
+  }
+
   @media (min-width: 768px) {
     .sm\:c-text-heading {
       font-size: 3.5rem;
-      line-height: 3.75rem;
     }
 
     .sm\:c-text-subheading {
       font-size: 1.75rem;
-      line-height: 2rem;
     }
 
     .sm\:c-text-title-xl {
       font-size: 2.5rem;
-      line-height: 2.75rem;
+      letter-spacing: -0.05rem;
     }
 
     .sm\:c-text-title-lg {
       font-size: 2rem;
-      line-height: 2.25rem;
+      letter-spacing: -0.04rem;
     }
 
     .sm\:c-text-title-md {
       font-size: 1.5rem;
-      line-height: 1.75rem;
+      letter-spacing: -0.03rem;
     }
 
     .sm\:c-text-title-sm {
-      font-size: 1.125rem;
-      line-height: 1.5rem;
+      font-size: 1.25rem;
+      letter-spacing: -0.025rem;
     }
   }
 }
@@ -10578,59 +10596,57 @@
   .md\:c-text-heading {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 2.25rem;
-    line-height: 2.5rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.5px;
   }
 
   .md\:c-text-subheading {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 1.25rem;
-    line-height: 1.5rem;
+    line-height: 125%;
     font-weight: 700;
-  }
-
-  .md\:c-text-section-heading {
-    font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.875rem;
-    line-height: 1.5rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    color: var(--c-l-graphite-light);
+    letter-spacing: -0.5px;
   }
 
   .md\:c-text-title-xl {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 2rem;
-    line-height: 2.25rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.04rem;
   }
 
   .md\:c-text-title-lg {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 1.5rem;
-    line-height: 1.75rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.03rem;
   }
 
   .md\:c-text-title-md {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.25rem;
+    font-size: 1.25rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: NaNrem;
   }
 
   .md\:c-text-title-sm {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
-    line-height: 1.25rem;
+    font-size: 1rem;
+    line-height: 125%;
     font-weight: 600;
+    letter-spacing: -0.02rem;
   }
 
   .md\:c-text-title-xs {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
-    line-height: 1.25rem;
+    font-size: 1rem;
+    line-height: 125%;
     font-weight: 600;
+    letter-spacing: -0.02rem;
   }
 
   .md\:c-text-body-lg {
@@ -10641,7 +10657,7 @@
 
   .md\:c-text-body-md {
     font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
+    font-size: 1rem;
     line-height: 1.5rem;
   }
 
@@ -10651,35 +10667,43 @@
     line-height: 1rem;
   }
 
+  .md\:c-text-section-heading {
+    font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
+    font-size: 0.875rem;
+    line-height: 175%;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: var(--c-text-subdued);
+    letter-spacing: -0.2px;
+  }
+
   @media (min-width: 768px) {
     .md\:c-text-heading {
       font-size: 3.5rem;
-      line-height: 3.75rem;
     }
 
     .md\:c-text-subheading {
       font-size: 1.75rem;
-      line-height: 2rem;
     }
 
     .md\:c-text-title-xl {
       font-size: 2.5rem;
-      line-height: 2.75rem;
+      letter-spacing: -0.05rem;
     }
 
     .md\:c-text-title-lg {
       font-size: 2rem;
-      line-height: 2.25rem;
+      letter-spacing: -0.04rem;
     }
 
     .md\:c-text-title-md {
       font-size: 1.5rem;
-      line-height: 1.75rem;
+      letter-spacing: -0.03rem;
     }
 
     .md\:c-text-title-sm {
-      font-size: 1.125rem;
-      line-height: 1.5rem;
+      font-size: 1.25rem;
+      letter-spacing: -0.025rem;
     }
   }
 }
@@ -12635,59 +12659,57 @@
   .lg\:c-text-heading {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 2.25rem;
-    line-height: 2.5rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.5px;
   }
 
   .lg\:c-text-subheading {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 1.25rem;
-    line-height: 1.5rem;
+    line-height: 125%;
     font-weight: 700;
-  }
-
-  .lg\:c-text-section-heading {
-    font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.875rem;
-    line-height: 1.5rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    color: var(--c-l-graphite-light);
+    letter-spacing: -0.5px;
   }
 
   .lg\:c-text-title-xl {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 2rem;
-    line-height: 2.25rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.04rem;
   }
 
   .lg\:c-text-title-lg {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     font-size: 1.5rem;
-    line-height: 1.75rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: -0.03rem;
   }
 
   .lg\:c-text-title-md {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 1.125rem;
-    line-height: 1.25rem;
+    font-size: 1.25rem;
+    line-height: 125%;
     font-weight: 700;
+    letter-spacing: NaNrem;
   }
 
   .lg\:c-text-title-sm {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
-    line-height: 1.25rem;
+    font-size: 1rem;
+    line-height: 125%;
     font-weight: 600;
+    letter-spacing: -0.02rem;
   }
 
   .lg\:c-text-title-xs {
     font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
-    line-height: 1.25rem;
+    font-size: 1rem;
+    line-height: 125%;
     font-weight: 600;
+    letter-spacing: -0.02rem;
   }
 
   .lg\:c-text-body-lg {
@@ -12698,7 +12720,7 @@
 
   .lg\:c-text-body-md {
     font-family: BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
-    font-size: 0.9375rem;
+    font-size: 1rem;
     line-height: 1.5rem;
   }
 
@@ -12708,35 +12730,43 @@
     line-height: 1rem;
   }
 
+  .lg\:c-text-section-heading {
+    font-family: BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
+    font-size: 0.875rem;
+    line-height: 175%;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: var(--c-text-subdued);
+    letter-spacing: -0.2px;
+  }
+
   @media (min-width: 768px) {
     .lg\:c-text-heading {
       font-size: 3.5rem;
-      line-height: 3.75rem;
     }
 
     .lg\:c-text-subheading {
       font-size: 1.75rem;
-      line-height: 2rem;
     }
 
     .lg\:c-text-title-xl {
       font-size: 2.5rem;
-      line-height: 2.75rem;
+      letter-spacing: -0.05rem;
     }
 
     .lg\:c-text-title-lg {
       font-size: 2rem;
-      line-height: 2.25rem;
+      letter-spacing: -0.04rem;
     }
 
     .lg\:c-text-title-md {
       font-size: 1.5rem;
-      line-height: 1.75rem;
+      letter-spacing: -0.03rem;
     }
 
     .lg\:c-text-title-sm {
-      font-size: 1.125rem;
-      line-height: 1.5rem;
+      font-size: 1.25rem;
+      letter-spacing: -0.025rem;
     }
   }
 }