feat: new title font

scss/components/_previews.scss

@@ -61,6 +61,7 @@ $comment-peek-height:0px;
   height: $preview-height;
 
   .card-header {
+    letter-spacing: normal;
     padding: $lineheight_half/2 $card-header-padding;
     padding-bottom: $lineheight_half/2 !important;
     &:before {

scss/core/_typography.scss

@@ -132,15 +132,12 @@ sup, sub {
   }
 }
 
-.main-title, .page-title {
+h1, .title-1, .main-title,
+.page-title {
   font-family: $titlefont;
-  @include newTitle(3.815, $fontweight_base);
-}
-
-h1, .title-1 {
-  font-family: $titlefont;
-  @include newTitle(2.441, $fontweight_hyper);
+  @include newTitle(3, $fontweight_hyper);
   color: $color-primary;
+  letter-spacing: -3px;
 }
 
 h2, .title-2 {

scss/definitions/_fonts.scss

@@ -20,11 +20,14 @@ Ubuntu,
 'Droid Sans',
 'Helvetica Neue',
 sans-serif;
-$titlefont: Amatic SC, sans-serif;
+$titlefont: 'Comic Neue Angular', sans-serif;
 
 @font-face {
-    font-family: 'Amatic SC';
-    src: url('fonts/AmaticSC-Regular.woff2') format('woff2');
-    font-weight: 400;
+    font-family: 'Comic Neue Angular';
+    src: local('Comic Neue Angular Bold Italic'), local('ComicNeueAngular-BoldItalic'),
+        url('fonts/ComicNeueAngular-BoldItalic.woff2') format('woff2'),
+        url('fonts/ComicNeueAngular-BoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
     font-display: swap;
 }

scss/mixins/_panels.scss

@@ -14,6 +14,7 @@
         margin-top: $size;
         &.card-header {
           margin-top:$card-header-vmargin;
+          letter-spacing: normal;
         }
       }
       &:last-child {

style.css

@@ -13,9 +13,10 @@
   This theme is licensed under the GPLv3.
 */
 @font-face {
-  font-family: 'Amatic SC';
-  src: url("fonts/AmaticSC-Regular.woff2") format("woff2");
-  font-weight: 400;
+  font-family: 'Comic Neue Angular';
+  src: local("Comic Neue Angular Bold Italic"), local("ComicNeueAngular-BoldItalic"), url("fonts/ComicNeueAngular-BoldItalic.woff2") format("woff2"), url("fonts/ComicNeueAngular-BoldItalic.woff") format("woff");
+  font-weight: bold;
+  font-style: italic;
   font-display: swap; }
 
 *,
@@ -146,18 +147,14 @@ sup > a, sub > a {
   sup > a:hover, sup > a:focus, sup > a:active, sub > a:hover, sub > a:focus, sub > a:active {
     color: #a32a64; }
 
-.main-title, .page-title {
-  font-family: Amatic SC, sans-serif;
-  font-size: 3.815rem;
-  line-height: 4.8rem;
-  font-weight: 400; }
-
-h1, .title-1 {
-  font-family: Amatic SC, sans-serif;
-  font-size: 2.441rem;
+h1, .title-1, .main-title,
+.page-title {
+  font-family: "Comic Neue Angular", sans-serif;
+  font-size: 3rem;
   line-height: 3.2rem;
   font-weight: 800;
-  color: #CB357D; }
+  color: #CB357D;
+  letter-spacing: -3px; }
 
 h2, .title-2 {
   font-size: 2.441rem;
@@ -409,7 +406,8 @@ nav.pagination {
     .card > *:first-child, .card > *.sr-only:first-child ~ * {
       margin-top: 2em; }
       .card > *:first-child.card-header, .card > *.sr-only:first-child ~ *.card-header {
-        margin-top: 0.8em; }
+        margin-top: 0.8em;
+        letter-spacing: normal; }
     .card > *:last-child {
       margin-bottom: 2em; }
       .card > *:last-child.card-header {
@@ -750,6 +748,13 @@ textarea {
   border-width: 0px;
   border-style: none; }
 
+.bg-dark {
+  background-color: #002b36;
+  color: #FDF7E7; }
+  .bg-dark a {
+    color: currentColor;
+    outline-color: currentColor; }
+
 .c-primary, .btn-primary, .head-primary, .text-primary {
   --accent-color: #CB357D;
   --text-color-contrast: #FDF7E7;
@@ -1335,6 +1340,7 @@ ul.social {
   position: relative;
   height: 12.8rem; }
   .preview-link .card-header {
+    letter-spacing: normal;
     padding: 0.4rem 1.6em;
     padding-bottom: 0.4rem !important;
     position: absolute;