feat(sw): bold header, footer, viewer header and recent-file text

User request 2026-10-20: Composed Controls field values, footer side
titles and category tabs, viewer header file name / button labels /
Model-Layout tabs, recent-file path and preview title use 700. SWHeader
field values stay 400. The preview title gets the existing 14px outline
token; sizes, colors and widths are unchanged.

packages/sw/src/theme/sw-footer.css

@@ -177,7 +177,8 @@
   white-space: nowrap;
 }
 .hm-sw-footer-side[data-side="end"] { filter: drop-shadow(calc(-1 * var(--hm-sw-footer-side-shadow-offset)) 0 8px rgba(0, 0, 0, 0.6)); }
-.hm-sw-footer-side__title { text-shadow: var(--hm-sw-header-text-outline); }
+/* Title (보조기능 / 명령어) Bold in every state (2026-10-20 user request); the 전체보기 subtitle keeps its weight. */
+.hm-sw-footer-side__title { font-weight: 700; text-shadow: var(--hm-sw-header-text-outline); }
 .hm-sw-footer-side__subtitle { text-shadow: var(--hm-sw-header-label-outline); }
 /* Not in Figma: hover / selected reuse the footer rules: the whole button lights up, both text lines in the accent
    (#FF5C00) and the orange ring of a selected auxiliary toggle over the frame (2026-10-20; was the title only). Size,
@@ -379,6 +380,8 @@
   padding: 0 8px;
   color: var(--hm-sw-footer-muted);
   font-size: 14px;
+  /* Bold in Default / Hover / current (2026-10-20 user request); only the color changes between the states. */
+  font-weight: 700;
   /* Figma 1.4px (10%) on 레이어 … 구조/배근 (0.56px on the first four): with it the Noto widths meet the Figma
      boxes (45 / 61 / 43 / 84px). */
   letter-spacing: 0.1em;

packages/sw/src/theme/sw-home-menu.css

@@ -413,7 +413,8 @@
   letter-spacing: 0.04em;
 }
 .hm-sw-recent-files__name { color: var(--hm-sw-header-text-color); font-size: var(--hm-sw-header-font-size); font-weight: 700; line-height: 16px; text-shadow: var(--hm-sw-header-text-outline); }
-.hm-sw-recent-files__path { color: var(--hm-sw-recent-files-path-color); font-size: var(--hm-sw-header-label-size); line-height: 14px; opacity: 0.6; text-shadow: var(--hm-sw-header-label-outline); }
+/* Path Bold with its 12px black outline (2026-10-20 user request), like the file name above (700 + 14px outline). */
+.hm-sw-recent-files__path { color: var(--hm-sw-recent-files-path-color); font-size: var(--hm-sw-header-label-size); font-weight: 700; line-height: 14px; opacity: 0.6; text-shadow: var(--hm-sw-header-label-outline); }
 .hm-sw-recent-files__row:is(:hover, [data-hovered="true"]):not(:disabled) { background: var(--hm-sw-recent-files-row-hover-background); }
 .hm-sw-recent-files__row:is(:hover, [data-hovered="true"]):not(:disabled) .hm-sw-recent-files__name { color: var(--hm-sw-recent-files-row-hover-color); }
 .hm-sw-recent-files__empty { padding: 16px 45px; color: var(--hm-sw-recent-files-path-color); font-size: var(--hm-sw-header-label-size); opacity: 0.6; }
@@ -456,9 +457,14 @@
 }
 .hm-sw-recent-files__preview[data-side="above"] { transform: translateY(-100%); }
 .hm-sw-recent-files__preview:is([data-side="below"], [data-side="above"]) .hm-sw-recent-files__preview-body { border-radius: 0 0 4px 4px; }
+/* Preview file name: Bold with the 14px black text outline of the list (2026-10-20 user request). Clip (not hidden)
+   lets the outline paint past the ellipsis box like the list rows; width, position and ellipsis are unchanged. */
 .hm-sw-recent-files__preview-title {
   width: 294px;
-  overflow: hidden;
+  overflow: clip;
+  overflow-clip-margin: var(--hm-sw-header-text-outline-room);
+  font-weight: 700;
+  text-shadow: var(--hm-sw-header-text-outline);
   white-space: nowrap;
   text-overflow: ellipsis;
   color: var(--hm-sw-recent-files-row-hover-color);

packages/sw/src/theme/sw-viewer.css

@@ -234,6 +234,11 @@ button.hm-sw-viewer-header__brand { text-align: left; }
 .hm-sw-viewer-header :is(.hm-sw-viewer-header__count, .hm-sw-viewer-header__switch-label, .hm-sw-viewer-status__label) {
   text-shadow: var(--hm-sw-header-label-outline);
 }
+/* Bold (2026-10-20 user request): file name, button labels (파일열기 · 샘플 · 전체보기 · 레이어 · 설정 · 속성) and the
+   Model / Layout tabs. Counts, captions and status keep their own weight; size, color and outline are unchanged. */
+.hm-sw-viewer-header :is(.hm-sw-viewer-header__document-name, .hm-sw-viewer-header__label, .hm-sw-viewer-header__tab) {
+  font-weight: 700;
+}
 /* Clipped (ellipsis) file name: the outline may paint 2px outside the box instead of being cut. */
 .hm-sw-viewer-header .hm-sw-viewer-header__document-name {
   overflow: clip;

packages/sw/src/theme/sw.css

@@ -603,6 +603,12 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+/* Composed Controls (2026-10-20 user request): the menu fields placed on their own (SWHeaderLayerMenu … outside
+   <SWHeader>) show the value Bold. Fields inside SWHeader keep Regular (400) above; the widths are unchanged, so a
+   value wider than its Figma box ends in an ellipsis + title as before. */
+.hm-sw-header__field-value:not(.hm-sw-header .hm-sw-header__field-value) {
+  font-weight: 700;
+}
 
 .hm-sw-header__layer-icons { display: flex; flex: 0 0 auto; }
 .hm-sw-header__layer-icon { position: relative; display: block; width: 20px; height: 20px; }