Adds more styles, splits type into it's own file and another for variables

_sass/theme.scss

@@ -1,13 +1,8 @@
-html {
+// Imports
-  font-family: sans-serif;
+@import "variables";
-  -ms-text-size-adjust: 100%;
+@import "type";
-  -webkit-text-size-adjust: 100%;
-}
 
+// Layout
 body {
   margin: 0;
 }
-
-h1 {
-  margin-top: 0;
-}

_sass/type.scss

@@ -0,0 +1,14 @@
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  color: $color--foreground;
+  background: $color--background;
+}
+
+a {
+  color: $color--accent;
+}

_sass/variables.scss

@@ -0,0 +1,4 @@
+// Color variables
+$color--background: #ffefc8;
+$color--foreground: #150301;
+$color--accent: #5277c3;