Change all headings font to Inter Variable

Author: kaja-osojnik

src/css/custom.css

@@ -15,7 +15,7 @@
   --ifm-color-primary-lighter: #0500e1;
   --ifm-color-primary-lightest: #0500e1;
   --ifm-code-font-size: 95%;
-  --ifm-font-family-base: 'Inter', sans-serif;
+  --ifm-font-family-base: "Inter Variable", sans-serif;
   --ifm-font-family-monospace: "Roboto Mono", monospace;
   --ifm-global-radius: 0;
   --ifm-alert-border-width: 5px;
@@ -80,8 +80,14 @@ html[data-theme='dark'] {
   src: url("/static/fonts/RobotoMono-Regular.ttf") format("truetype");
 }
 
-article strong, h1 {
-  font-family: "Roboto Medium", sans-serif;
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Inter Variable", sans-serif;
+  letter-spacing: -0.04em;
+  font-weight: 600;
+}
+
+article strong {
+  font-family: "Inter Variable", sans-serif;
 }
 
 .docusaurus-highlight-code-line {