diff --git a/static/scss/variables.scss b/static/scss/variables.scss
index f63a06aeed06c6a57cb974ba980283b44a8dbc85..32635c391ad993340cc91d1ec135d699af29e5d5 100644
--- a/static/scss/variables.scss
+++ b/static/scss/variables.scss
@@ -1,3 +1,23 @@
-$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+/* COLORS */
+// Used by links, buttons, and other background bits.
+$brand-primary: darken(rgb(0, 202, 10), 20%);
+$background-filter: hsla(207, 60%, 85%, 1.0);
+$background-filter-transparent: change-color($background-filter, $alpha: 0.5);
+
+/* TEXT */
+$font-family-sans-serif:  'Montserrat', Arial, sans-serif;
 $font-family-serif:       Georgia, "Times New Roman", Times, serif;
 $font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+$font-size-base:          16px;
+$headings-line-height: 1.0;
+
+
+// Navbar
+$navbar-default-bg: $brand-primary;
+$navbar-default-color: white;
+$navbar-default-link-color: darken($navbar-default-color, 6.5%);
+$navbar-default-link-hover-color: darken($navbar-default-link-color, 6.5%);
+$navbar-default-link-active-color: $navbar-default-link-hover-color;
+$navbar-default-link-disabled-color: lighten($navbar-default-bg, 6.5%);
+
+$box-shadow: 0px 1px 1em rgba(0, 1, 1, 1); //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);