Sort out global variables to be in intuitive order and match definition, move font loading to theme.config (this means users might need to re-install)

src/definitions/globals/site.less

@@ -17,6 +17,7 @@
 @element : 'site';
 
 @import '../../theme.config';
+
 .loadFonts();
 
 /*******************************
@@ -62,6 +63,7 @@ h4,
 h5 {
   line-height: @headerLineHeight;
   margin: @headerMargin;
+  font-weight: @headerFontWeight;
   padding: 0em;
 }
 
@@ -89,6 +91,7 @@ h5 {
 
 p {
   margin: @paragraphMargin;
+  line-height: @paragraphLineHeight;
 }
 p:first-child {
   margin-top: 0em;
@@ -126,7 +129,4 @@ a:hover {
   color: @highlightColor;
 }
 
-.loadFonts() when (@importGoogleFonts) {
-  @import (css) 'http://fonts.googleapis.com/css?family=@{googleFontRequest}';
-}
 .loadUIOverrides();

src/theme.config.example

@@ -113,6 +113,14 @@
 @import "@{siteFolder}/globals/site.variables";
 @import "@{siteFolder}/@{type}s/@{element}.variables";
 
+/*------------------
+       Fonts
+-------------------*/
+
+.loadFonts() when (@importGoogleFonts) {
+  @import (css) 'http://fonts.googleapis.com/css?family=@{googleFontRequest}';
+}
+
 /*------------------
      Overrides
 -------------------*/

src/themes/default/globals/site.variables

@@ -26,6 +26,7 @@
   Page Heading
 ---------------*/
 
+@headerFontWeight : bold;
 @headerLineHeight : 1.33em;
 
 @h1               : 2rem;
@@ -117,6 +118,7 @@
 --------------------*/
 
 @paragraphMargin     : 0em 0em 1em;
+@paragraphLineHeight : @lineHeight;
 
 /*-------------------
        Links