diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 86b96a6..4ce4e9f 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -9,10 +9,6 @@ const { description } = Astro.props;
import "../styles/main.scss";
import "../styles/callout.scss";
-import styles from "../styles/_var.scss";
-const accentColorMatch = styles.match(/accentColor: ([^;]+)/);
-const accentColor = accentColorMatch ? accentColorMatch[1] : "";
-
import Navbar from "../components/Navbar.astro";
import Footer from "../components/Footer.astro";
@@ -24,7 +20,7 @@ import { ViewTransitions } from "astro:transitions";
-
+
diff --git a/src/styles/_var.scss b/src/styles/_var.scss
index ba41ad9..248fa07 100644
--- a/src/styles/_var.scss
+++ b/src/styles/_var.scss
@@ -1,9 +1,28 @@
+@font-face {
+ font-family: "Tanker-Regular";
+ src: url("/fonts/Tanker-Regular.ttf") format("truetype");
+ font-weight: 400;
+ font-display: swap;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Satoshi-Regular";
+ src: url("/fonts/Satoshi-Regular.ttf") format("truetype");
+ font-weight: 400;
+ font-display: swap;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "Satoshi-Bold";
+ src: url("/fonts/Satoshi-Bold.ttf") format("truetype");
+ font-weight: 700;
+ font-display: swap;
+ font-style: normal;
+}
+
$primary: #1c1427;
$accent: #7eca9c;
$link: #ccffbd;
$highlight-primary: #40394a;
-
-:export {
- primaryColor: $primary;
- accentColor: $accent;
-}
diff --git a/src/styles/main.scss b/src/styles/main.scss
index f2d92e2..a4b1da2 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -5,30 +5,6 @@
--accent-color: $accent; // conversion for theme color meta tag
}
-@font-face {
- font-family: "Tanker-Regular";
- src: url("/fonts/Tanker-Regular.ttf") format("truetype");
- font-weight: 400;
- font-display: swap;
- font-style: normal;
-}
-
-@font-face {
- font-family: "Satoshi-Regular";
- src: url("/fonts/Satoshi-Regular.ttf") format("truetype");
- font-weight: 400;
- font-display: swap;
- font-style: normal;
-}
-
-@font-face {
- font-family: "Satoshi-Bold";
- src: url("/fonts/Satoshi-Bold.ttf") format("truetype");
- font-weight: 700;
- font-display: swap;
- font-style: normal;
-}
-
::selection {
background-color: $accent;
}