Move sdg-colors to the right settings section

We were adding it under the Foundation overrides section, but this
variable has nothing to do with Foundation.

app/assets/stylesheets/_consul_settings.scss

@@ -72,6 +72,26 @@ $outline-focus:     3px solid #ffbf47;
 
 $input-height:      $line-height * 2;
 
+$sdg-colors: (
+  1: #e5243b,
+  2: #dda63a,
+  3: #4c9f38,
+  4: #c5192d,
+  5: #ff3a21,
+  6: #26bde2,
+  7: #fcc30b,
+  8: #a21942,
+  9: #fd6925,
+  10: #dd1367,
+  11: #fd9d24,
+  12: #bf8b2e,
+  13: #3f7e44,
+  14: #0a97d9,
+  15: #56c02b,
+  16: #00689d,
+  17: #19486a
+);
+
 // 2. Foundation settings overrides
 // ---------------------------------
 
@@ -127,23 +147,3 @@ $pagination-radius: $global-radius;
 $show-header-for-stacked: true;
 
 $tooltip-background-color: $brand;
-
-$sdg-colors: (
-  1: #e5243b,
-  2: #dda63a,
-  3: #4c9f38,
-  4: #c5192d,
-  5: #ff3a21,
-  6: #26bde2,
-  7: #fcc30b,
-  8: #a21942,
-  9: #fd6925,
-  10: #dd1367,
-  11: #fd9d24,
-  12: #bf8b2e,
-  13: #3f7e44,
-  14: #0a97d9,
-  15: #56c02b,
-  16: #00689d,
-  17: #19486a
-);