.

src/app/globals.css

@@ -4,13 +4,15 @@
 
 :root {
   --font-apple-sans:
+    var(--font-pretendard),
+    "Pretendard Variable",
+    Pretendard,
+    "Apple SD Gothic Neo",
     -apple-system,
     BlinkMacSystemFont,
     "SF Pro Display",
     "SF Pro Text",
-    "Apple SD Gothic Neo",
     "Helvetica Neue",
-    Pretendard,
     "Noto Sans KR",
     system-ui,
     sans-serif;
@@ -34,9 +36,9 @@
   --color-accent-hover: #0071e3;
   --color-accent-soft: rgba(0, 102, 204, 0.1);
   --color-danger-soft: rgba(255, 59, 48, 0.1);
-  --shadow-panel: 0 22px 70px rgba(0, 0, 0, 0.1);
-  --shadow-card: 0 14px 34px rgba(0, 0, 0, 0.065);
-  --shadow-control: 0 8px 24px rgba(0, 0, 0, 0.08);
+  --shadow-panel: 0 18px 45px rgba(0, 0, 0, 0.07);
+  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.035);
+  --shadow-control: 0 6px 18px rgba(0, 0, 0, 0.055);
   --focus-ring: 0 0 0 4px rgba(0, 102, 204, 0.14);
   --background: var(--color-page);
   --foreground: var(--color-text);
@@ -63,9 +65,9 @@ html[data-theme="dark"] {
   --color-accent-hover: #46a6ff;
   --color-accent-soft: rgba(41, 151, 255, 0.16);
   --color-danger-soft: rgba(255, 69, 58, 0.16);
-  --shadow-panel: 0 22px 70px rgba(0, 0, 0, 0.42);
-  --shadow-card: 0 14px 34px rgba(0, 0, 0, 0.3);
-  --shadow-control: 0 10px 28px rgba(0, 0, 0, 0.32);
+  --shadow-panel: 0 18px 45px rgba(0, 0, 0, 0.32);
+  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.24);
+  --shadow-control: 0 8px 22px rgba(0, 0, 0, 0.24);
   --focus-ring: 0 0 0 4px rgba(41, 151, 255, 0.18);
   --background: var(--color-page);
   --foreground: var(--color-text);
@@ -76,8 +78,13 @@ body {
   background: var(--background);
   color: var(--foreground);
   font-family: var(--font-apple-sans);
-  font-feature-settings: "kern";
+  font-feature-settings: "kern", "ss05";
+  font-size: 16px;
+  font-weight: 450;
   letter-spacing: 0;
+  line-height: 1.65;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
 }