x

apps/website/src/app/globals.css

@@ -26,6 +26,9 @@
   --color-pop-bg: var(--color-surface-page);
   --color-pop-black: var(--color-text-main);
 
+  /* Serif font — mirrors apps/spa font-serif token */
+  --font-serif: var(--font-serif-locale, ui-serif), Georgia, Cambria, "Times New Roman", Times, serif;
+
   --shadow-card: 0 10px 25px rgba(0,0,0,0.05);
   --shadow-card-hover: 0 20px 40px rgba(0,0,0,0.1);
   --shadow-brutal: var(--shadow-card);
@@ -40,36 +43,43 @@
   }
 }
 
+
 @layer base {
   :root,
   html {
     --font-body-locale: "Sarabun", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;
     --font-display-locale: "Sarabun", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;
+    --font-serif-locale: ui-serif;
   }
 
   html[lang="en"] {
     --font-body-locale: "Inter", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
     --font-display-locale: var(--font-body-locale);
+    --font-serif-locale: ui-serif;
   }
 
   html[lang="ja"] {
     --font-body-locale: "Hiragino Sans", "Yu Gothic", "Noto Sans JP", ui-sans-serif, system-ui, sans-serif;
     --font-display-locale: var(--font-body-locale);
+    --font-serif-locale: "Noto Serif JP", ui-serif;
   }
 
   html[lang="zh"] {
     --font-body-locale: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;
     --font-display-locale: var(--font-body-locale);
+    --font-serif-locale: "Noto Serif SC", ui-serif;
   }
 
   html[lang="ko"] {
     --font-body-locale: "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;
     --font-display-locale: var(--font-body-locale);
+    --font-serif-locale: "Noto Serif KR", ui-serif;
   }
 
   html[lang="vi"] {
     --font-body-locale: "Inter", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
     --font-display-locale: var(--font-body-locale);
+    --font-serif-locale: ui-serif;
   }
 
   html {