Color settings for mobil menu.

sass/_zen.scss

@@ -294,7 +294,7 @@ figcaption {
   input,
   textarea {
     @include margin-bottom(.75);
-    width: 95%;
+    width: 92%;
 
     &:required+span::after {
       content: ' *';

sass/init/_colors.scss

@@ -55,6 +55,8 @@ $chroma: add-colors('functional', (
   header-bg:              'brand',
   backdrop:               'grey-extra-light',
 
+  mobile-menu:            'header-bg',
+
   button:                 'nearblack',
   button-disabled:        'grey',
 

sass/navigation/mobile/_mobile.scss

@@ -39,6 +39,7 @@
   line-height: 1;
   border: 1px solid color(border);
   border-radius: 3px;
+  color: color(text);
   pointer-events: auto;
 
   .js-nav-open & {
@@ -61,7 +62,7 @@
 }
 
 .mobile-nav-sheet {
-  background-color: color(header-bg);
+  background-color: color(mobile-menu);
   width: 90vw;
   height: 100vh;
   padding: 2rem;