diff --git a/source/_layouts/base.liquid b/source/_layouts/base.liquid
index bad7857..f48dfd5 100644
--- a/source/_layouts/base.liquid
+++ b/source/_layouts/base.liquid
@@ -17,7 +17,7 @@
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
 
     <link
-      href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro:300,400,600|Source+Serif+Pro"
+      href="https://fonts.googleapis.com/css?family=Source+Code+Pro::ital,wght@0,400;0,600;1,400;1,600|Source+Sans+Pro:300,400,600|Source+Serif+Pro"
       media="screen"
       rel="stylesheet" />
     <link
diff --git a/source/assets/sass/vendor/_syntax-accessible.scss b/source/assets/sass/vendor/_syntax-accessible.scss
index 76644ac..1f077c1 100644
--- a/source/assets/sass/vendor/_syntax-accessible.scss
+++ b/source/assets/sass/vendor/_syntax-accessible.scss
@@ -1,4 +1,5 @@
 @use '../functions';
+@use '../visual-design/typography';
 
 /**
  * Based on the GHColors theme by Avi Aryan (http://aviaryan.in)
@@ -35,7 +36,11 @@ pre[class*="language-"] {
   font-style: italic;
 }
 
-[class*="language-css"] {
+[class*='language-scss'] {
+  --sl-color--code-text: #006666;
+}
+
+[class*='language-css'] {
   & .token.comment {
     --sl-color--code-text: #006666;
   }
@@ -54,7 +59,7 @@ pre[class*="language-"] {
 .token.operator {
   --sl-color--code-text: #393A34;
   /* no highlight */
-  font-weight: bold;
+  font-weight: typography.$sl-font-weight--bold;
 }
 
 .token.entity,
@@ -67,7 +72,7 @@ pre[class*="language-"] {
 .token.regex,
 .token.inserted {
   --sl-color--code-text: #990000;
-  font-weight: bold;
+  font-weight: typography.$sl-font-weight--bold;
 }
 
 
@@ -76,7 +81,7 @@ pre[class*="language-"] {
 .token.attr-name,
 .language-autohotkey .token.selector {
   --sl-color--code-text: #000000;
-  font-weight: bold;
+  font-weight: typography.$sl-font-weight--bold;
 }
 
 .token.function,
@@ -89,13 +94,13 @@ pre[class*="language-"] {
 .token.selector,
 .language-autohotkey .token.keyword {
   --sl-color--code-text: #445588;
-  font-weight: bold;
+  font-weight: typography.$sl-font-weight--bold;
 }
 
 .token.important,
 .token.function,
 .token.bold {
-  font-weight: bold;
+  font-weight: typography.$sl-font-weight--bold;
 }
 
 [class*="language-shell"] {