diff --git a/assets/css/main.scss b/assets/css/main.scss
index 1288e6e..12e1f88 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -5,7 +5,7 @@
 
 body,
 html {
-  font-family: var(--family-roboto);
+  font-family: var(--family-texts);
   background: var(--color-background);
   color: var(--color-text);
   padding: 0;
@@ -51,7 +51,7 @@ h2,
 h3,
 h4,
 h5 {
-  font-family: var(--family-roboto-slab);
+  font-family: var(--family-headings);
   color: var(--color-header);
   font-weight: 700;
 }
@@ -145,9 +145,9 @@ blockquote {
 
 :root {
   // fonts
-  --family-roboto-slab: "Roboto Slab", "Segoe UI", Tahoma, Geneva, Verdana,
+  --family-headings: "Roboto Slab", "Segoe UI", Tahoma, Geneva, Verdana,
     sans-serif;
-  --family-roboto: "Roboto", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  --family-texts: "Roboto", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 
   // breakpoints
   --size-phone: $phone;
diff --git a/components/layout/LayoutMainMenu.vue b/components/layout/LayoutMainMenu.vue
index 6d31ffd..9d56f01 100644
--- a/components/layout/LayoutMainMenu.vue
+++ b/components/layout/LayoutMainMenu.vue
@@ -31,7 +31,7 @@ const parentItems = navigation.value.filter(
 
 <style lang="scss" module>
 .section_title {
-  font-family: var(--family-roboto-slab);
+  font-family: var(--family-headings);
   font-weight: 600;
   margin: 2rem 0 1.5rem;
   font-size: 1.6rem;
@@ -61,7 +61,7 @@ const parentItems = navigation.value.filter(
 }
 
 .title {
-  font-family: var(--family-roboto-slab);
+  font-family: var(--family-headings);
   font-weight: 700;
   font-size: 2rem;
 }