fix(styling): align all spacing to match Malin's desig

assets/stylesheets/landing-page/modules/copy.css

@@ -3,7 +3,7 @@
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
-    padding: calc(var(--grid-gutter) * 0.75) 0;
+    padding: calc(var(--spacing) * 0.75) 0;
     background-color: var(--module-copy-emphasized-bg);
     border-radius: var(--border-radius);
     color: var(--module-copy-emphasized-color);
@@ -24,10 +24,10 @@
     @modifier emphasized {
       flex: 1 1 auto;
       width: 50vw;
-      padding: 0 var(--grid-gutter);
+      padding: 0 var(--spacing);
 
       @media (--breakpoint-desktop) {
-        padding-left: var(--grid-gutter);
+        padding-left: var(--spacing);
       }
     }
   }
@@ -41,7 +41,7 @@
 
       @media (--breakpoint-desktop) {
         flex: 1 1 auto;
-        padding: 0 var(--grid-gutter);
+        padding: 0 var(--spacing);
         width: 20vw;
       }
     }

assets/stylesheets/landing-page/modules/highlighted-course.css

@@ -34,7 +34,7 @@
     display: flex;
     flex-direction: column;
 
-    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
+    padding: var(--spacing) calc(var(--spacing) * 2);
 
     color: var(--color-text-dark-bg-grey);
   }
@@ -45,7 +45,7 @@
 
   @element category {
     display: inline-block;
-    margin-right: var(--grid-gutter);
+    margin-right: var(--spacing);
 
     font-size: 0.75em;
     letter-spacing: 2px;
@@ -53,7 +53,7 @@
 
   @element title {
     flex: 1 1 auto;
-    margin: 0;
+    margin: 0 0 calc(var(--spacing) * 0.25);
 
     color: var(--color-text-dark-bg);
     font-size: 4vw;
@@ -81,7 +81,7 @@
 
   @element link-wrapper {
     flex: 0 0 auto;
-    margin-top: var(--grid-gutter);
+    margin-top: var(--spacing);
   }
 
   @element link {

assets/stylesheets/landing-page/modules/index.css

@@ -13,6 +13,6 @@
   }
 
   & + .module {
-    margin-top: var(--grid-gutter);
+    margin-top: var(--spacing);
   }
 }