typography fixes

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;

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;