diff --git a/scss/_variables.scss b/scss/_variables.scss
index 695a2e5c44a0a5b3a98871a6ae15ab79f433757d..228ec1ce08a70e9ec3a16bb0a4b54fc448626bc8 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -27,7 +27,7 @@ $gray-700: #495057 !default;
 $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
 
-$blue: #2E7CD9 !default;
+$blue: #2e7cd9 !default;
 $azure: #45aaf2 !default;
 $indigo: #6574cd !default;
 $purple: #a55eea !default;
@@ -111,13 +111,21 @@ $line-height-base: 1.5 !default;
 
 $border-radius: 3px !default;
 
-$h1-font-size: $font-size-base * 1.25 * 1.25 * 1.25 * 1.25 !default;
-$h2-font-size: $font-size-base * 1.25 * 1.25 * 1.25 !default;
-$h3-font-size: $font-size-base * 1.25 * 1.25 !default;
-$h4-font-size: $font-size-base * 1.25 !default;
-$h5-font-size: $font-size-base !default;
-$h6-font-size: $font-size-base * .8 !default;
-
+/**
+Typography
+ */
+$headings-font-weight: 600 !default;
+
+$h1-font-size: $font-size-base * 1.25 * 1.25 * 1.25 !default;
+$h2-font-size: $font-size-base * 1.25 * 1.25 !default;
+$h3-font-size: $font-size-base * 1.25 !default;
+$h4-font-size: $font-size-base !default;
+$h5-font-size: $font-size-base * .8 !default;
+$h6-font-size: $font-size-base * .8 * .8 !default;
+
+/**
+Ribbons
+ */
 $ribbon-margin: .25rem !default;
 
 $loader-size: 2.5rem !default;
diff --git a/scss/ui/_cards.scss b/scss/ui/_cards.scss
index cc1c38229c043e22fbdc22786b2d179385cbc201..b410b02ea24c7467c995524d13abac9f2714ad8f 100644
--- a/scss/ui/_cards.scss
+++ b/scss/ui/_cards.scss
@@ -89,7 +89,7 @@
 
 .card-title {
   display: block;
-  font-size: $h3-font-size;
+  font-size: $h4-font-size;
   font-weight: 500;
   margin: 0 0 1.5rem;
   line-height: 1;