3 files changed, 53 insertions, 54 deletions
diff --git a/src/styles/base/_base.scss b/src/styles/base/_base.scss
index 91989bd..1b52515 100644
--- a/src/styles/base/_base.scss
+++ b/src/styles/base/_base.scss
@@ -38,6 +38,59 @@ p + iframe {
   margin-top: 0;
 }
 
+p {
+  font-size: var(--font-size-md);
+  margin: 0 0 var(--spacing-sm);
+}
+
+small {
+  font-size: var(--font-size-sm);
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  line-height: var(--line-height);
+}
+
+code,
+kbd,
+pre,
+var,
+samp {
+  font-family: var(--font-family-mono);
+}
+
+pre {
+  display: block;
+  max-width: 100%;
+  overflow: auto;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+}
+
+:not(pre) > code,
+kbd,
+var,
+samp {
+  background: var(--color-bg-code);
+  border: fun.convert-px(1) solid var(--color-border);
+  border-radius: fun.convert-px(3);
+  color: var(--color-primary-darker);
+  font-style: normal;
+  padding: fun.convert-px(2) fun.convert-px(5) fun.convert-px(1)
+    fun.convert-px(5);
+}
+
+kbd {
+  box-shadow: fun.convert-px(1) fun.convert-px(1) 0 fun.convert-px(1)
+    var(--color-shadow);
+}
+
 * {
   scrollbar-color: var(--color-primary) var(--color-bg-tertiary);
   scrollbar-width: auto;
diff --git a/src/styles/base/_spacings.scss b/src/styles/base/_spacings.scss
index 3cff009..13a1fbe 100644
--- a/src/styles/base/_spacings.scss
+++ b/src/styles/base/_spacings.scss
@@ -24,5 +24,4 @@
   --spacing-xl: clamp(#{var.spacing("lg")}, 1ex + 4vw, #{var.spacing("xl")});
   --spacing-2xl: clamp(#{var.spacing("xl")}, 1ex + 5vw, #{var.spacing("2xl")});
   --spacing-3xl: clamp(#{var.spacing("2xl")}, 1ex + 6vw, #{var.spacing("3xl")});
-  --toolbar-size: #{fun.convert-px(80)};
 }
diff --git a/src/styles/base/_typography.scss b/src/styles/base/_typography.scss
deleted file mode 100644
index 170f246..0000000
--- a/src/styles/base/_typography.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-@use "../abstracts/functions" as fun;
-
-p {
-  font-size: var(--font-size-md);
-  margin: 0 0 var(--spacing-sm);
-}
-
-small {
-  font-size: var(--font-size-sm);
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  line-height: var(--line-height);
-}
-
-code,
-kbd,
-pre,
-var {
-  font-family: var(--font-family-mono);
-}
-
-:not(pre) > code,
-kbd,
-var,
-samp {
-  background: var(--color-bg-code);
-  border: fun.convert-px(1) solid var(--color-border);
-  border-radius: fun.convert-px(3);
-  color: var(--color-primary-darker);
-  font-style: normal;
-  padding: fun.convert-px(2) fun.convert-px(5) fun.convert-px(1)
-    fun.convert-px(5);
-}
-
-kbd {
-  box-shadow: fun.convert-px(1) fun.convert-px(1) 0 fun.convert-px(1)
-    var(--color-shadow);
-}
-
-pre {
-  display: block;
-  max-width: 100%;
-  overflow: auto;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-}