feat: move font config to global data cascade

src/assets/css/global.css

@@ -1,5 +1,5 @@
 @import "global/reset.css";
-@import "global/fonts.css";
+/* @import "global/fonts.css"; */
 @import "global/variables.css";
 
 @import "global/global-styles.css";

src/assets/css/global/global-styles.css

@@ -12,11 +12,11 @@ body {
   accent-color: var(--color-primary);
   background-color: var(--color-bg);
   color: var(--color-text);
-  font-family: var(--font-body), var(--font-fallback);
-  font-size: var(--font-size-body);
-  font-weight: var(--font-weight-body);
-  letter-spacing: var(--font-tracking-body);
-  line-height: var(--font-line-height-body);
+  font-family: var(--font-family-body);
+  font-size: 1.125rem;
+  font-weight: var(--font-weight-body-regular);
+  letter-spacing: -0.03rem;
+  line-height: 1.5rem;
 }
 
 h1,
@@ -25,25 +25,28 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-display);
+  font-family: var(--font-family-display);
 }
 
 h1 {
-  font-size: var(--font-size-heading-1);
-  font-weight: var(--font-weight-heading-1);
-  letter-spacing: var(--font-tracking-heading-1);
+  font-size: 3rem;
+  font-weight: var(--font-weight-display-extrabold);
+  letter-spacing: -0.05rem;
+  line-height: 3rem;
 }
 
 h2 {
-  font-size: var(--font-size-heading-2);
-  font-weight: var(--font-weight-heading-2);
-  letter-spacing: var(--font-tracking-heading-2);
+  font-size: 2rem;
+  font-weight: var(--font-weight-display-bold);
+  letter-spacing: -0.05rem;
+  line-height: 2rem;
 }
 
 h3 {
-  font-size: var(--font-size-heading-3);
-  font-weight: var(--font-weight-heading-3);
-  letter-spacing: var(--font-tracking-heading-3);
+  font-size: 1.125rem;
+  font-weight: var(--font-weight-display-bold);
+  letter-spacing: -0.05rem;
+  line-height: 1.125rem;
   text-transform: uppercase;
 }
 

src/assets/css/global/variables.css

@@ -25,32 +25,6 @@
   --color-primary-subtle: var(--color-indiglo-500);
   --color-primary-faded: var(--color-indiglo-600);
   --color-secondary: #ed5215;
-
-  --font-display: AnekLatin;
-  --font-body: Quattro;
-  --font-fallback: ui-sans-serif, system-ui, -apple-system, "system-ui",
-    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-
-  --font-size-heading-1: 3rem;
-  --font-size-heading-2: 2rem;
-  --font-size-heading-3: 1.5rem;
-  --font-size-body: 1.125rem;
-
-  --font-weight-heading-1: 800;
-  --font-weight-heading-2: 700;
-  --font-weight-heading-3: 700;
-  --font-weight-body: 450;
-
-  --font-tracking-heading-1: -5%;
-  --font-tracking-heading-2: -5%;
-  --font-tracking-heading-3: -5%;
-  --font-tracking-body: -3%;
-
-  --font-line-height-heading-1: 3rem;
-  --font-line-height-heading-2: 2rem;
-  --font-line-height-heading-3: 1.5rem;
-  --font-line-height-body: 2rem;
 }
 
 @media (prefers-color-scheme: dark) {