add page title to variables

src/scss/_variables.scss

@@ -557,8 +557,8 @@ $card-border-width: var(--#{$prefix}border-width) !default;
 $card-border-color: var(--#{$prefix}border-color-translucent) !default;
 $card-border-radius: var(--#{$prefix}border-radius) !default;
 
-$card-spacer-x: 1.5rem !default;
-$card-spacer-y: 1rem !default;
+$card-spacer-x: 1.25rem !default;
+$card-spacer-y: 1.25rem !default;
 
 $card-cap-bg: var(--#{$prefix}bg-surface-tertiary) !default;
 $card-cap-color: inherit !default;
@@ -733,6 +733,11 @@ $navbar-active-border-color: var(--#{$prefix}primary) !default;
 // Sidebar
 $sidebar-width: 15rem !default;
 
+// Page
+$page-title-font-size: var(--#{$prefix}font-size-h2) !default;
+$page-title-line-height: var(--#{$prefix}line-height-h4) !default;
+$page-title-font-weight: var(--#{$prefix}font-weight-headings) !default;
+
 // Popover
 $popover-bg: var(--#{$prefix}bg-surface) !default;
 $popover-header-bg: transparent !default;

src/scss/layout/_page.scss

@@ -100,9 +100,9 @@
 
 .page-title {
   margin: 0;
-  font-size: $h2-font-size;
-  line-height: $h2-line-height;
-  font-weight: var(--#{$prefix}font-weight-bold);
+  font-size: $page-title-font-size;
+  line-height: $page-title-line-height;
+  font-weight: $page-title-font-weight;
   color: inherit;
   display: flex;
   align-items: center;