Kerberos branding variables added

src/gatsby-theme-docz/components/Header/styles.js

@@ -6,7 +6,7 @@ export const wrapper = {
   color: "#fff",
   position: 'relative',
   zIndex: 1,
-  borderBottom: t => `1px solid ${t.colors.border}`,
+  //borderBottom: t => `1px solid ${t.colors.border}`,
   padding: '15px 0',
   fontFamily: 'Inter var,sans-serif',
 }

src/gatsby-theme-docz/components/Logo/styles.js

@@ -31,10 +31,10 @@ export const img = {
 }
 
 export const circle = {
-    display: 'table',
-    background: '#fff',
-    margin: '-10px 20px 0 0',
-    borderRadius: '50%',
-    padding: '10px',
-    float: 'left',
+  display: 'table',
+  background: '#fff',
+  margin: '-10px 20px 0 0',
+  borderRadius: '50%',
+  padding: '10px',
+  float: 'left',
 }

src/gatsby-theme-docz/index.css

@@ -7,6 +7,40 @@ html { font-family: 'Inter', sans-serif; }
   html { font-family: 'Inter var', sans-serif; }
 }
 
+:root {
+  /* Kerberos Colors */
+  --text: #262424;
+  --text-muted: #6D6666;
+  --text-light: #A69D9D;
+
+  --color-success: #5EAB6C;
+  --color-warning: #DFB211;
+  --color-alert: #C13733;
+  --color-info: #3096E0;
+
+  --bg: #EDEBEB;
+  --bg-muted: #E5E3E3;
+
+  --card: #FFFFFF;
+  --card-muted: #FBFBFB;
+
+  --hub-primary: #84559F;
+  --hub-darker: #57356B;
+  --vault-primary: #555F8E;
+  --vault-darker: #3A4166;
+  --ent-primary: #4A796B;
+  --ent-darker: #315349;
+
+  --card-shadow: 0 1px 0 0 #e5e3e3;
+  --card-header-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.07);
+  --card-footer-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.07);
+  --box-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.04), 0 3px 4px 0 rgba(0, 0, 0, 0.1);
+  --modal-shadow: 0 4px 34px 0 rgba(0, 0, 0, 0.24), 0 3px 4px 0 rgba(0, 0, 0, 0.2);
+
+  /* Docs variables */
+  --theme-ui-colors-text: var(var(--text-muted));
+}
+
 ul {
   margin-left: 40px !important;
 }