Fix instructor font weights and color variable configurations

edx_credentials_themes/static/edx.org/certificates/sass/_components-rendering.scss

@@ -158,11 +158,12 @@
     font-size: $font-small;
     font-weight: $font-weight-semi-bold;
     line-height: $line-height-large;
+    color: $gray-700
   }
 
   .signatory-credentials {
     @extend %text-micro;
-    color: $gray-600;
+    color: $gray-500;
 
     .role {
       white-space: pre-line;

edx_credentials_themes/static/edx.org/certificates/sass/_lib.scss

@@ -3,4 +3,7 @@
 
 // About: third party libraries and dependencies import
 
-@import '~bootstrap/scss/bootstrap';
+@import "@edx/brand/paragon/fonts";
+@import "@edx/brand/paragon/variables";
+@import "@edx/paragon/scss/core/core";
+@import "@edx/brand/paragon/overrides";

edx_credentials_themes/static/edx.org/certificates/sass/_utilities.scss

@@ -13,21 +13,7 @@ $edx-d-color: #8a8c8f;
 $edx-d-x-overlap-color: #026ba4;
 $edx-x-color: #209fda;
 
-// #bootstrapupgrade
-// Colors from edX bootstrap. Remove these when we update the libraries.
-// Duplicate code from utilities in main credentials app.
-// Will be deleted as soon as bootstrap is updated.
-$white: #fff;
-$gray-100: #f5f5f5;
-$gray-200: #e7e7e7;
-$gray-300: #d9d9d9;
-$gray-400: #c8c8c8;
-$gray-500: #a0a0a0;
-$gray-600: #767676;
-$gray-700: #414141;
-$gray-800: #313131;
-$gray-900: #111;
-$black: #000;
+
 
 // Font sizes
 // Taken from edx-pattern library and put here as vars.

package.json

@@ -14,9 +14,9 @@
   "license": "UNLICENSED",
   "homepage": "https://github.com/edx/credentials-themes",
   "devDependencies": {
-    "@edx/brand": "npm:@edx/brand-edx.org@^1.3.0",
+    "@edx/brand": "npm:@edx/brand-edx.org@^1.3.3",
     "@edx/edx-bootstrap": "^2.2.2",
-    "@edx/paragon": "^12.3.1",
+    "@edx/paragon": "^12.4.1",
     "bi-app-sass": "^1.1.0",
     "bootstrap": "^4.5.3",
     "css-loader": "^5.0.1",