diff --git a/src/index.scss b/src/index.scss
index 37623bb2..1bc1156e 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,5 +1,78 @@
 @use "@openedx/paragon/styles/css/core/custom-media-breakpoints" as paragonCustomMediaBreakpoints;
 
+// Andal Learning Brand Colors - Override Paragon variables
+:root {
+  --pgn-color-primary: #ff4f00;
+  --pgn-color-primary-100: #ffe6cc;
+  --pgn-color-primary-200: #ffcc99;
+  --pgn-color-primary-300: #ffb366;
+  --pgn-color-primary-400: #ff9933;
+  --pgn-color-primary-500: #ff4f00;
+  --pgn-color-primary-600: #cc3f00;
+  --pgn-color-primary-700: #992f00;
+  --pgn-color-primary-800: #661f00;
+  --pgn-color-primary-900: #330f00;
+  --pgn-color-action-primary: #ff4f00;
+  --pgn-color-action-primary-hover: #cc3f00;
+  --pgn-color-action-primary-focus: #992f00;
+  --pgn-color-action-primary-active: #992f00;
+  --pgn-color-primary-base: #ff4f00;
+}
+
+// Button overrides - Andal orange
+.btn-primary {
+  background-color: #ff4f00 !important;
+  border-color: #ff4f00 !important;
+
+  &:hover {
+    background-color: #cc3f00 !important;
+    border-color: #cc3f00 !important;
+  }
+}
+
+.btn-outline-primary {
+  color: #ff4f00 !important;
+  border-color: #ff4f00 !important;
+
+  &:hover {
+    background-color: #ff4f00 !important;
+    color: #fff !important;
+  }
+}
+
+.btn-brand {
+  background-color: #ff4f00 !important;
+  border-color: #ff4f00 !important;
+  color: #fff !important;
+}
+
+// Hide Footer
+footer {
+  display: none !important;
+}
+
+// Tabs - Andal orange
+.nav-tabs {
+  .nav-link.active {
+    background-color: #ff4f00 !important;
+    border-color: #ff4f00 !important;
+    color: #fff !important;
+  }
+
+  .nav-link:hover {
+    border-color: #ff4f00 !important;
+  }
+}
+
+// Links - black with orange hover
+a {
+  color: #000;
+
+  &:hover {
+    color: #ff4f00;
+  }
+}
+
 @import "~@edx/frontend-component-footer/dist/footer";
 @import "~@edx/frontend-component-header/dist/index";