Tweaks to text formatting

Bump up font size, fix line height, stop

S P A C I N G E V E R Y T H I N G L I K E T H I S

and use a decent font stack for monospace.

src/assets/styles/components/_basic.scss

@@ -19,23 +19,10 @@ body {
 body, input, select, textarea {
   color: _palette(fg);
   font-family: _font(family);
-  font-size: 15pt;
+  font-size: 18px;
   font-weight: _font(weight);
   letter-spacing: _size(letter-spacing);
-  line-height: 1.65em;
+  line-height: 1.6;
-
-  @include breakpoint(xlarge) {
-    font-size: 13pt;
-  }
-
-  @include breakpoint(large) {
-    font-size: 12pt;
-  }
-
-  @include breakpoint(small) {
-    font-size: 11pt;
-    letter-spacing: _size(letter-spacing) * 0.5;
-  }
 }
 
 a {

src/assets/styles/libs/_vars.scss

@@ -17,13 +17,13 @@
     element-height:   2.75em,
     element-margin:   2em,
     letter-spacing:   0,
-    letter-spacing-alt: 0.225em
+    letter-spacing-alt: 0.1em
   );
 
 // Font.
   $font: (
     family:           (-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif),
-    family-fixed:     ('Courier New', monospace),
+    family-fixed:     (SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace),
     weight:           400,
     weight-bold:      600,
     weight-extrabold: 800
@@ -53,7 +53,7 @@
 
     accent2: (
       bg:       #ffffff,
-      fg-bold:    #2E3842,
+      fg-bold:    #41505E,
       fg:       #4E4852,
       fg-light:   #8E8892,
       border:     #dfdfdf,