diff --git a/src/assets/scss/_variables.scss b/src/assets/scss/_variables.scss
index c766b4109..63586f854 100644
--- a/src/assets/scss/_variables.scss
+++ b/src/assets/scss/_variables.scss
@@ -1,9 +1,9 @@
 // Local docs variables
-$bd-purple:        #4c0bce;
-$bd-violet:        lighten(saturate($bd-purple, 5%), 15%);
-// $bd-purple-light:  lighten(saturate($bd-purple, 5%), 45%);
-$bd-accent:        #ffe484;
-$bd-gutter-x: 3rem;
+$bd-purple:       #4c0bce;
+$bd-violet:       lighten(saturate($bd-purple, 5%), 15%);
+// $bd-purple-light: lighten(saturate($bd-purple, 5%), 45%);
+$bd-accent:       #ffe484;
+$bd-gutter-x:     3rem;
 
 :root,
 [data-bs-theme="light"] {
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 5fa11e802..4a1c2abb3 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -10,14 +10,6 @@
 @import "syntax";
 @import "theme";
 
-.f0 { font-size: 3rem; }
-.f2 { font-size: 2rem; }
-.f3 { font-size: 1.75rem; }
-.f4 { font-size: 1.5rem; }
-.f5 { font-size: 1.25rem; }
-.fw-500 { font-weight: 500; }
-.fw-600 { font-weight: 600; }
-
 hr {
   margin-block: 2rem;
 }
diff --git a/src/layouts/_default/home.html b/src/layouts/_default/home.html
index 1bcba09bd..c1ee6ba59 100644
--- a/src/layouts/_default/home.html
+++ b/src/layouts/_default/home.html
@@ -7,7 +7,7 @@
       {{- $lazyload := cond (eq $i 0) false true -}}
 
       <div class="post">
-        <h1 class="post-title fw-600">
+        <h1 class="post-title fw-semibold">
           <a href="{{ .RelPermalink }}" class="text-decoration-none">{{ .Title }}</a>
         </h1>
 
diff --git a/src/layouts/partials/hero.html b/src/layouts/partials/hero.html
index c1799b58c..70fdcc6f6 100644
--- a/src/layouts/partials/hero.html
+++ b/src/layouts/partials/hero.html
@@ -17,15 +17,15 @@ <h1 class="mb-1 mb-lg-2 f1 fw-600">The Bootstrap Blog</h1>
   </div>
 
   <nav class="nav nav-pills justify-content-center flex-lg-column justify-content-lg-start gap-1 sidebar-nav">
-    <a class="nav-link d-flex align-items-center{{ if .IsHome }} active fw-600{{ end }}" href="/">
+    <a class="nav-link d-flex align-items-center{{ if .IsHome }} active fw-semibold{{ end }}" href="/">
       <svg class="bi me-2 f5 bd-text-purple"><use xlink:href="#file-earmark-richtext"></use></svg>
       All posts
     </a>
-    <a class="nav-link d-flex align-items-center{{ if eq .Page.Title "Archive" }} active fw-600{{ end }}" href="/archive/">
+    <a class="nav-link d-flex align-items-center{{ if eq .Page.Title "Archive" }} active fw-semibold{{ end }}" href="/archive/">
       <svg class="bi me-2 f5 text-primary"><use xlink:href="#archive"></use></svg>
       Archive
     </a>
-    <a class="nav-link d-flex align-items-center{{ if eq .Page.Title "Videos" }} active fw-600{{ end }}" href="/videos/">
+    <a class="nav-link d-flex align-items-center{{ if eq .Page.Title "Videos" }} active fw-semibold{{ end }}" href="/videos/">
       <svg class="bi me-2 f5 text-info"><use xlink:href="#film"></use></svg>
       Videos
     </a>
diff --git a/src/layouts/posts/single.html b/src/layouts/posts/single.html
index cf2e4d59d..6aa09c31f 100644
--- a/src/layouts/posts/single.html
+++ b/src/layouts/posts/single.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 <div class="posts-container mx-auto my-5">
   <div class="post">
-    <h1 class="post-title fw-600">{{ .Page.Title }}</h1>
+    <h1 class="post-title fw-semibold">{{ .Page.Title }}</h1>
     {{ partial "author-info" (dict "context" .) -}}
 
     {{- if .Page.Params.video -}}