feat: configure basePath from env and update font strategy

app/globals.css

@@ -1,12 +1,6 @@
 @import "tailwindcss";
 
-@font-face {
-  font-family: "Nasalization";
-  src: url("/assets/webfonts/Nasalization Rg.otf") format("opentype");
-  font-weight: normal;
-  font-style: normal;
-  font-display: swap;
-}
+/* @font-face Nasalization được inject qua layout.tsx để hỗ trợ basePath động */
 
 @theme {
   /* IPV6 Summit design tokens */
@@ -24,7 +18,7 @@
   --color-on-surface-variant: #e0e0e0;
   --color-outline: #c5a059;
 
-  --font-body-base: "Nasalization", system-ui, sans-serif;
+  --font-body-base: "Roboto", system-ui, sans-serif;
   --font-display-lg: "Nasalization", system-ui, sans-serif;
   --font-label-caps: "Nasalization", system-ui, sans-serif;
   --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
@@ -45,10 +39,14 @@ html {
 body {
   background-color: var(--color-background);
   color: var(--color-on-surface-variant);
-  font-family: "Nasalization", system-ui, sans-serif;
+  font-family: "Roboto", system-ui, sans-serif;
   overflow-x: hidden;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Nasalization", system-ui, sans-serif;
+}
+
 input::placeholder,
 textarea::placeholder {
   color: rgba(224, 224, 224, 0.4);