style: enhance global typography and layout in panda config

panda.config.ts

@@ -9,9 +9,10 @@ export default defineConfig({
   exclude: [],
   globalCss: {
     body: {
-      fontFamily: "'Roboto Variable', sans-serif",
       backgroundColor: 'neutral.1',
-      color: 'neutral.12'
+      color: 'neutral.12',
+      fontFamily: "'Roboto Variable', sans-serif",
+      lineHeight: 'normal'
     },
     '*, *::before, *::after': {
       margin: 0,
@@ -19,7 +20,32 @@ export default defineConfig({
       boxSizing: 'border-box'
     },
     'h1, h2, h3, h4, h5, h6': {
-      fontWeight: ''
+      fontWeight: '700'
+    },
+    h1: {
+      fontFamily: 'orbitron',
+      fontWeight: '900',
+      fontSize: 'h1',
+      textWrap: 'balance'
+    },
+    h2: {
+      fontSize: 'h2'
+    },
+    h3: {
+      fontSize: 'h3'
+    },
+    h4: {
+      fontSize: 'h4'
+    },
+    h5: {
+      fontSize: 'h5'
+    },
+    h6: {
+      fontSize: 'h6'
+    },
+    p: {
+      fontSize: 'body',
+      textWrap: 'pretty'
     }
   },
   theme: {