@codecademy/gamut-styles

Index: package/dist/themes/lxStudio.js
===================================================================
--- package/dist/themes/lxStudio.js
+++ package/dist/themes/lxStudio.js
@@ -1,16 +1,16 @@
 import { createTheme } from '@codecademy/variance';
-import { fontLxStudio, fontMonospace, fontSystem, lxStudioPalette } from '../variables';
+import { fontMonospace, fontSystem, fontWeightMediumTitle, lxStudioPalette, percipioFontFamily } from '../variables';
 import { coreTheme } from './core';
 
 /**
  * @description This is an extended theme for the lx studio with an expanded set of tokens
  * That are not needed for the rest of the application.
  */
 
 const lxStudioFontFamily = {
-  accent: fontLxStudio,
-  base: fontLxStudio,
+  accent: percipioFontFamily.accent,
+  base: percipioFontFamily.base,
   monospace: fontMonospace,
   system: fontSystem
 };
 export const lxStudioBorderRadii = {
@@ -23,9 +23,10 @@
 };
 export const lxStudioTheme = createTheme({
   ...coreTheme,
   borderRadii: lxStudioBorderRadii,
-  fontFamily: lxStudioFontFamily
+  fontFamily: lxStudioFontFamily,
+  fontWeight: fontWeightMediumTitle
 }).addColors(lxStudioPalette).addColorModes('light', {
   // these are just the overrides, the rest of the tokens are inherited from coreTheme
   light: {
     feedback: {
@@ -37,10 +38,10 @@
     shadow: {
       primary: 'navy-200'
     },
     primary: {
-      _: 'lxStudioPurple',
-      hover: 'lxStudioPurpleHover'
+      _: 'sapphire',
+      hover: 'navy-800'
     },
     interface: {
       _: 'hyper-500',
       hover: 'hyper-400'