Add future configuration options and enhance typography styles

Author: jmetrikat

docusaurus.config.ts

@@ -22,6 +22,11 @@ const config: Config = {
   organizationName: "anyproto",
   projectName: "anytype-api",
 
+  future: {
+    v4: true,
+    experimental_faster: true,
+  },
+
   headTags: [
     {
       tagName: "script",

src/css/custom.css

@@ -22,6 +22,7 @@
   --shadow-dark: rgba(0, 0, 0, 0.3);
 
   /* Typography Scale */
+  --font-size-hero: 3rem; /* 48px - Hero titles */
   --font-size-h1: 2rem; /* 32px - Page titles */
   --font-size-h2: 1.5rem; /* 24px - Section titles */
   --font-size-h3: 1.125rem; /* 18px - Subsection titles */
@@ -77,6 +78,11 @@ h4 {
   font-size: var(--font-size-h4);
 }
 
+/* Hero title - larger than h1 */
+.hero__title {
+  font-size: var(--font-size-hero);
+}
+
 /* Footer */
 .footer {
   background-color: var(--ifm-background-color);
@@ -184,11 +190,7 @@ h4 {
 
 /* Navbar gradient - fades from top color to transparent */
 .navbar {
-  background: linear-gradient(
-    180deg,
-    var(--ifm-color-primary-lightest) 0%,
-    transparent 100%
-  );
+  background: linear-gradient(180deg, var(--ifm-color-primary-lightest) 0%, transparent 100%);
 }
 
 [data-theme="dark"] .navbar {