Unify font sizes through qs.Commons.Style

Themes now drive typography the same way they drive colors: one [font]
base-size in shell.toml is the rem root, and every Style.font.<token>
(caption, bodySmall, body, subtitle, title, heading, display,
displayLarge, iconSmall, icon, iconLarge) derives from it via a fixed
multiplier. Themes can also pin individual tokens for stylistic
emphasis. base-size is clamped 11..13 until row-height tokens exist.

Bar dimensions move to the same singleton: [bar] size-horizontal /
size-vertical replace the hardcoded 26/28 in Bar.qml, exposed as
Style.bar.sizeHorizontal / sizeVertical.

Style.qml also resolves the fontconfig 'monospace' alias via fc-match
and exposes Style.font.resolvedFamily so panels can display the
concrete family. Watches ~/.config/fontconfig/fonts.conf so it tracks
'omarchy font set <name>'.

The qs.Ui kit (PillButton, Dropdown, Toggle, TextField, etc.) and
every first-party plugin (bar widgets, settings, menu, clipboard,
emoji, polkit, notifications, osd, image-picker, dev-gallery) now
bind to Style.font.* instead of pixel literals. Only three deliberate
display-scale outliers remain: the notification empty-state glyph and
the weather flyout's hero temperature pair, all commented.

Background plugin's applyTheme IPC fast-path also pushes shell.toml to
Style so theme swaps update typography and bar size without waiting
for inotify debounce.

Dev gallery (omarchy dev ui-preview) now ships a Typography section
that renders the full scale and theme tokens live, and its summon
command is fixed (omarchy-shell-ipc -> omarchy-shell).

shell/plugins/bar/widgets/notificationCenter.qml

@@ -125,7 +125,7 @@ Item {
           text: "Notifications"
           font.family: root.bar ? root.bar.fontFamily : ""
           color: root.colForeground
-          font.pixelSize: 14
+          font.pixelSize: Style.font.title
           font.bold: true
         }
 
@@ -151,7 +151,7 @@ Item {
               text: dndPill.dndOn ? "󰂛" : "󰂚"
               font.family: root.bar ? root.bar.fontFamily : ""
               color: dndPill.dndOn ? Color.background : root.colDim
-              font.pixelSize: 12
+              font.pixelSize: Style.font.body
               anchors.verticalCenter: parent.verticalCenter
             }
 
@@ -160,7 +160,7 @@ Item {
               text: dndPill.dndOn ? "DND on" : "DND off"
               font.family: root.bar ? root.bar.fontFamily : ""
               color: dndPill.dndOn ? Color.background : root.colDim
-              font.pixelSize: 10
+              font.pixelSize: Style.font.caption
               font.bold: true
               anchors.verticalCenter: parent.verticalCenter
             }
@@ -198,7 +198,7 @@ Item {
               text: modelData.label + (modelData.count > 0 ? "  " + modelData.count : "")
               font.family: root.bar ? root.bar.fontFamily : ""
               color: parent.isActive ? root.colForeground : root.colDim
-              font.pixelSize: 12
+              font.pixelSize: Style.font.body
               font.bold: parent.isActive
             }
 
@@ -243,7 +243,7 @@ Item {
             text: root.activeTab === "pending" ? "Mark all as seen" : "Clear recent"
             font.family: root.bar ? root.bar.fontFamily : ""
             color: root.colForeground
-            font.pixelSize: 10
+            font.pixelSize: Style.font.caption
           }
 
           MouseArea {
@@ -342,7 +342,7 @@ Item {
                 text: rowCard.summary
                 font.family: root.bar ? root.bar.fontFamily : ""
                 color: root.colForeground
-                font.pixelSize: 13
+                font.pixelSize: Style.font.subtitle
                 font.bold: true
                 wrapMode: Text.WordWrap
                 elide: Text.ElideRight
@@ -356,7 +356,7 @@ Item {
                 font.family: root.bar ? root.bar.fontFamily : ""
                 textFormat: Text.PlainText
                 color: root.colDim
-                font.pixelSize: 11
+                font.pixelSize: Style.font.bodySmall
                 wrapMode: Text.WordWrap
                 elide: Text.ElideRight
                 maximumLineCount: 2
@@ -375,7 +375,7 @@ Item {
                 text: "✕"
                 font.family: root.bar ? root.bar.fontFamily : ""
                 color: root.colDim
-                font.pixelSize: 11
+                font.pixelSize: Style.font.bodySmall
               }
 
               MouseArea {
@@ -409,6 +409,8 @@ Item {
             text: "󰂚"
             font.family: root.bar ? root.bar.fontFamily : ""
             color: root.colBorder
+            // Deliberately oversized empty-state glyph; doesn't follow the
+            // Style.font.* scale because it's a one-off decorative element.
             font.pixelSize: 36
           }
 
@@ -421,7 +423,7 @@ Item {
               ? "Nothing waiting for you"
               : "No past notifications"
             color: root.colDim
-            font.pixelSize: 12
+            font.pixelSize: Style.font.body
           }
         }
       }