@codecademy/gamut-styles

Index: package/dist/themes/percipio.js
===================================================================
--- package/dist/themes/percipio.js
+++ package/dist/themes/percipio.js
@@ -1,17 +1,11 @@
 import { createTheme } from '@codecademy/variance';
-import { percipioFontFamily, percipioPalette } from '../variables';
+import { fontWeightMediumTitle, percipioFontFamily, percipioPalette } from '../variables';
 import { coreTheme } from './core';
 export const percipioTheme = createTheme({
   ...coreTheme,
   fontFamily: percipioFontFamily,
-  fontWeight: {
-    base: 400,
-    title: 500,
-    bold: 500,
-    700: 700,
-    400: 400
-  }
+  fontWeight: fontWeightMediumTitle
 }).addColors(percipioPalette).addColorModes('light', {
   // these are just the overrides, the rest of the tokens are inherited from coreTheme
   light: {
     text: {
@@ -35,9 +29,9 @@
       primary: 'navy-200',
       secondary: 'navy-400'
     },
     primary: {
-      _: 'percipioActionPrimary',
+      _: 'sapphire',
       hover: 'percipioActionPrimaryHover',
       inverse: 'white'
     },
     secondary: {
@@ -48,9 +42,9 @@
       _: 'percipioDanger',
       hover: 'percipioActionDangerHover'
     },
     interface: {
-      _: 'percipioActionPrimary',
+      _: 'sapphire',
       hover: 'percipioActionPrimaryHover'
     },
     border: {
       primary: 'navy-400',