@codecademy/gamut-styles

Index: package/dist/themes/percipio.d.ts
===================================================================
--- package/dist/themes/percipio.d.ts
+++ package/dist/themes/percipio.d.ts
@@ -35,19 +35,20 @@
     lg: string;
     xl: string;
 }> & import("@codecademy/variance/dist/createTheme/types").Merge<{
     fontFamily: {
-        readonly accent: "\"Roboto\", sans-serif";
-        readonly base: "\"Roboto\", sans-serif";
+        readonly accent: "\"Skillsoft Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
+        readonly base: "\"Skillsoft Text\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
         readonly monospace: "\"Roboto Mono\", monospace";
         readonly system: "\"Roboto\", sans-serif";
     };
     fontWeight: {
-        base: number;
-        title: number;
-        bold: number;
-        700: number;
-        400: number;
+        readonly title: 500;
+        readonly bold: 500;
+        readonly 500: 500;
+        readonly base: 400;
+        readonly 700: 700;
+        readonly 400: 400;
     };
     breakpoints: {
         c_base: string;
         c_xs: string;
@@ -544,9 +545,9 @@
     percipioBgPrimary: "#FAFBFC";
     percipioBgSuccess: "#EEF7F3";
     percipioBgWarning: "#FFF7E0";
     percipioBgError: "#FFF1F5";
-    percipioActionPrimary: "#0073C4";
+    sapphire: "#1C50BB";
     percipioActionPrimaryHover: "#141C36";
     percipioActionSecondary: "#6A6E75";
     percipioActionSecondaryHover: "rgba(106, 110, 117, 0.86)";
     percipioActionDangerHover: "#A52020";
@@ -644,9 +645,9 @@
             primary: "navy-200";
             secondary: "navy-400";
         };
         primary: {
-            _: "percipioActionPrimary";
+            _: "sapphire";
             hover: "percipioActionPrimaryHover";
             inverse: "white";
         };
         secondary: {
@@ -657,9 +658,9 @@
             _: "percipioDanger";
             hover: "percipioActionDangerHover";
         };
         interface: {
-            _: "percipioActionPrimary";
+            _: "sapphire";
             hover: "percipioActionPrimaryHover";
         };
         border: {
             primary: "navy-400";
@@ -915,9 +916,9 @@
         percipioBgPrimary: "#FAFBFC";
         percipioBgSuccess: "#EEF7F3";
         percipioBgWarning: "#FFF7E0";
         percipioBgError: "#FFF1F5";
-        percipioActionPrimary: "#0073C4";
+        sapphire: "#1C50BB";
         percipioActionPrimaryHover: "#141C36";
         percipioActionSecondary: "#6A6E75";
         percipioActionSecondaryHover: "rgba(106, 110, 117, 0.86)";
         percipioActionDangerHover: "#A52020";
@@ -1121,9 +1122,9 @@
                 primary: "navy-200";
                 secondary: "navy-400";
             };
             primary: {
-                _: "percipioActionPrimary";
+                _: "sapphire";
                 hover: "percipioActionPrimaryHover";
                 inverse: "white";
             };
             secondary: {
@@ -1134,9 +1135,9 @@
                 _: "percipioDanger";
                 hover: "percipioActionDangerHover";
             };
             interface: {
-                _: "percipioActionPrimary";
+                _: "sapphire";
                 hover: "percipioActionPrimaryHover";
             };
             border: {
                 primary: "navy-400";
@@ -1146,9 +1147,9 @@
             };
         }, "-", "_">;
     }>;
     mode: "light";
-    _getColorValue: (color: "beige" | "blue" | "navy" | "green" | "yellow" | "pink" | "red" | "orange" | "hyper" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "black" | "lightBlue" | "lightGreen" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "paleRed" | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "border-primary" | "text-accent" | "text-disabled" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "shadow-secondary" | "shadow-primary" | "danger-hover" | "interface-hover" | "border-disabled" | "border-secondary" | "border-tertiary" | "percipioTextPrimary" | "percipioTextSecondary" | "percipioTextDisabled" | "percipioTextAccent" | "percipioBgPrimary" | "percipioBgSuccess" | "percipioBgWarning" | "percipioBgError" | "percipioActionPrimary" | "percipioActionPrimaryHover" | "percipioActionSecondary" | "percipioActionSecondaryHover" | "percipioActionDangerHover" | "percipioFeedbackSuccess" | "percipioFeedbackWarning" | "percipioDanger") => string;
+    _getColorValue: (color: "beige" | "blue" | "navy" | "green" | "yellow" | "pink" | "red" | "orange" | "hyper" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "black" | "lightBlue" | "lightGreen" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "paleRed" | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "border-primary" | "text-accent" | "text-disabled" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "shadow-secondary" | "shadow-primary" | "danger-hover" | "interface-hover" | "border-disabled" | "border-secondary" | "border-tertiary" | "sapphire" | "percipioTextPrimary" | "percipioTextSecondary" | "percipioTextDisabled" | "percipioTextAccent" | "percipioBgPrimary" | "percipioBgSuccess" | "percipioBgWarning" | "percipioBgError" | "percipioActionPrimaryHover" | "percipioActionSecondary" | "percipioActionSecondaryHover" | "percipioActionDangerHover" | "percipioFeedbackSuccess" | "percipioFeedbackWarning" | "percipioDanger") => string;
 }> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"name", string>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
 export type PercipioThemeShape = typeof percipioTheme;
 export interface PercipioTheme extends PercipioThemeShape {
 }