feat: strengthen design skill and refresh all showcases

apps/site/public/work/overtone-sound/styles/tokens.css

@@ -23,16 +23,16 @@
   --leading-normal: 1.75;
 
   --font-body: "Pretendard Variable", Pretendard, -apple-system, sans-serif;
-  --font-mono: "JetBrains Mono", monospace;
+  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
 
-  --surface: #0e0d0b;
-  --surface-raised: #161411;
-  --ink: #ece7dd;
-  --ink-muted: #a09a8e;
-  --ink-faint: #6f695f;
-  --line: #27241f;
-  --accent: #e8a33d;        /* 앰버 — 선과 텍스트로만 */
-  --accent-dim: rgba(232, 163, 61, 0.35);
+  --surface: #12100e;
+  --surface-raised: #1d1915;
+  --ink: #f1ebe1;
+  --ink-muted: #b5aa9a;
+  --ink-faint: #91887c;
+  --line: #39322b;
+  --accent: #efad4b;        /* 앰버 — 선과 텍스트로만 */
+  --accent-dim: rgba(239, 173, 75, 0.38);
 
   --space-1: 0.25rem;
   --space-2: 0.5rem;
@@ -45,8 +45,8 @@
 
   --radius: 0;              /* 스튜디오 바닥에는 모서리가 없다 */
 
-  --container: 1152px;      /* R1 실측값 */
-  --pad-inline: clamp(1.25rem, 1rem + 2.5vw, 4rem);
+  --container: 78rem;
+  --pad-inline: clamp(1.25rem, 0.75rem + 3vw, 5.5rem);
 
   --dur-quick: 160ms;
   --dur-normal: 460ms;