diff --git a/.stylelintrc.yml b/.stylelintrc.yml
index 0382352..29f9e76 100644
--- a/.stylelintrc.yml
+++ b/.stylelintrc.yml
@@ -14,6 +14,7 @@ rules:
   max-nesting-depth:
     - 4
     - ignore: ['blockless-at-rules', 'pseudo-classes']
+  media-query-no-invalid: false
   # Selector names (override stylelint-config-sass-guidelines to allow `_`)
   selector-class-pattern:
     - ^[a-z0-9_\\-]+$
@@ -23,3 +24,4 @@ rules:
     - ignore: ["class"]
   # Style Guide
   selector-max-compound-selectors: 6
+  scss/dollar-variable-pattern: "[a-z][a-zA-Z_-]+"
diff --git a/scss/utility/typography.scss b/scss/utility/typography.scss
index 7e71256..9fc1f8f 100644
--- a/scss/utility/typography.scss
+++ b/scss/utility/typography.scss
@@ -5,14 +5,12 @@ $font-inter: 'Inter',
   arial,
   verdana,
   sans-serif;
-
 $font-sans-pro: 'Sanspro',
   sans-serif,
   arial,
   verdana;
 
-// Fonts
-//
+// Fonts:
 // Font, line-height, and color for body text, headings, and more.
 $font-family-sans-serif: // Cross-platform generic font family (default user interface font)
   system-ui,
@@ -33,7 +31,6 @@ $font-family-sans-serif: // Cross-platform generic font family (default user int
   sans-serif,
   // Emoji fonts
   "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-
 $font-family-monospace: sfmono-regular, menlo, monaco, consolas, 'Liberation Mono', 'Courier New', monospace;
 $font-family-serif: serif, georgia,
   'Times New Roman',