Add additional base styles

Author: SyntaxCacao

scss/base/base.scss

@@ -1,3 +1,31 @@
 * {
   box-sizing: border-box;
 }
+
+body {
+  color: $font-color-default;
+  font-family: $font-family-default;
+  font-size: $font-size-default;
+  line-height: 1.5;
+  margin: 0;
+}
+
+h1, h2, h3,
+h4, h5, h6,
+b, strong {
+  font-weight: $font-weight-bold;
+}
+
+@for $index from 1 through length($headings-sizes) {
+  h#{$index} {
+    font-size: nth($headings-sizes, $index);
+  }
+}
+
+code,
+kbd,
+pre,
+samp {
+  font-family: $font-family-monospace;
+  font-size: 1em;
+}

scss/variables.scss

@@ -34,6 +34,30 @@ $spacer-6: nth($spacers, 6);
 
 // *** components ***
 
+// ** base **
+
+// font defaults
+$font-color-default: #333 !default;
+
+$font-family-default:   -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-family-monospace: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
+
+$font-size-default: 14px !default;
+
+$font-weight-normal: normal !default;
+$font-weight-bold:   600 !default;
+
+$line-height-default: 1.5 !default;
+
+$headings-sizes: (
+  2em,
+  1.8em,
+  1.6em,
+  1.4em,
+  1.2em,
+  1em
+) !default;
+
 // ** layout **
 
 // responsive container