migrate new theme colors

src/scss/base/_base.scss

@@ -30,13 +30,16 @@ p {
 }
 
 .container {
-    padding: 0 60px;
-    max-width: 1920px;
-    margin: 0 auto;
+    position: relative;
+    z-index: 0;
+
+    &.bg-alternate {
+        background: $bg-alternate;
+    }
 }
 
 @media only screen and (max-width: 768px) {
     .container {
         padding: 0 30px;
     }
-}
+}

src/scss/base/_variables.scss

@@ -1,24 +1,25 @@
 // background and text colors
-$bg: #F6FAFF;
+$bg: #FFF;
 $fg: #05102E;
+$bg-alternate: #EFFAFF;
 
 // theme colors
-$primary: #224AB7;
-$secondary: #FC7DA7;
-$tertiary: #94C3FF;
-$quaternary: #D1E5FF;
+$primary: #638DE7;
+$secondary: #FFC4D8;
+$tertiary: #D2EBFF;
+$primary-dark: #006FA2;
+$btn-bg: #7ABEDD;
 
 // fonts
-$font: 'Montserrat', sans-serif;
-$font-normal: 500;
+$font: 'Raleway', sans-serif;
+$font-normal: 400;
 $font-bold: 700;
 
 // font sizes
 $font-brand: 16pt;
 $font-nav: 12pt;
-$font-hero: 30pt;
-$font-section: 50pt;
-$font-section-sub: 16pt;
+$font-hero: 28pt;
+$font-section: 40pt;
 $font-heading: 20pt;
 $font-regular: 16pt;
 $font-panel: 200pt;