diff --git a/sass/var/Component.scss b/sass/var/Component.scss
index 4f58239..4404a91 100644
--- a/sass/var/Component.scss
+++ b/sass/var/Component.scss
@@ -1,4 +1,11 @@
-$font-family: 'Play', sans-serif !default;
+$font-family: 'Encode Sans Expanded', sans-serif !default;
 $font-size: 13px;
 $base-highlight-color: #1582c7 !default;
 $base-color: #157fcc !default;
+$base-highlight-color: mix(#fff, $base-color, 15%) !default;
+$base-light-color: mix(#fff, $base-color, 65%) !default;
+$base-dark-color: mix(#000, $base-color, 14%) !default;
+$neutral-color: #e1e1e1 !default;
+$neutral-light-color: mix(#fff, $neutral-color, 68%) !default;
+$neutral-medium-dark-color: mix(#000, $neutral-color, 14%) !default;
+$neutral-dark-color: mix(#000, $neutral-color, 22%) !default;
\ No newline at end of file
diff --git a/sass/var/grid/column/Column.scss b/sass/var/grid/column/Column.scss
index 99d0aea..c07610f 100644
--- a/sass/var/grid/column/Column.scss
+++ b/sass/var/grid/column/Column.scss
@@ -1,3 +1,8 @@
 $grid-column-header-font-size: round($font-size * .9) !default;
 $grid-column-header-font-weight: 700 !default;
 $grid-column-header-line-height: round($font-size * 1.15) !default;
+$grid-column-header-color: #FFFFFF !default;
+$grid-header-background-color: #2f5584 !default;
+$grid-header-hover-color: #2f5584 !default;
+$grid-header-border-color: #2f5584 !default;
+$grid-header-over-background-color: #2f5584 !default;
