design: app settings + dialogs to tokens (surface 5 of the sweep)

OverlayHost (the App Settings surface) and every dialog — Go Live, Socials, Mic picker, Camera
picker, Hotkey config, Reuse Image, Rename Recording, Keep Broadcast — now resolve from tokens.
That closes the last place the creator sees a dialog: the settings overlay was still wearing the
old palette while the main window had moved on.

Every #e94560 in these files was an ERROR or validation affordance (hotkey conflicts, socials
validation, the remove tooltip, the go-live error line) — six sites all borrowing the retired
brand red to mean "something is wrong". They are `error` now, which is what the standard says
red-adjacent means; live/record keeps `primary`.

Guard list extended to all nine files.

Controls/OverlayHost.xaml

@@ -1,4 +1,4 @@
-<UserControl x:Class="ytLive.Controls.OverlayHost"
+<UserControl x:Class="ytLive.Controls.OverlayHost"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:Helpers="clr-namespace:ytLive.Helpers"
@@ -6,7 +6,7 @@
              xmlns:services="clr-namespace:ytLive.Services">
         <Grid Grid.RowSpan="3"
               Visibility="{Binding IsAnyOverlayOpen, Converter={StaticResource BoolToVis}}">
-            <Button Background="#99000000" BorderThickness="0" Cursor="Hand"
+            <Button Background="{StaticResource Brush.ScrimDarkStrong}" BorderThickness="0" Cursor="Hand"
                     Command="{Binding CloseOverlayCommand}">
                 <Button.Template>
                     <ControlTemplate TargetType="Button">
@@ -15,7 +15,7 @@
                 </Button.Template>
             </Button>
 
-            <Border Background="#0A0C1A" CornerRadius="8" Width="650" MaxHeight="700"
+            <Border Background="{StaticResource Brush.Background}" CornerRadius="8" Width="650" MaxHeight="700"
                     VerticalAlignment="Center" HorizontalAlignment="Center"
                     Padding="28" BorderBrush="#333" BorderThickness="1">
                 <Grid>
@@ -27,11 +27,11 @@
                     <!-- Header -->
                     <Grid Grid.Row="0">
                         <TextBlock Text="{Binding OverlayTitle}" FontSize="18" FontWeight="Bold"
-                                   Foreground="#e0e0e0" VerticalAlignment="Center"/>
+                                   Foreground="{StaticResource Brush.OnSurface}" VerticalAlignment="Center"/>
                         <Button HorizontalAlignment="Right" ToolTip="Close" Style="{StaticResource IconButton}"
                                 Command="{Binding CloseOverlayCommand}">
                             <Path Data="M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z"
-                                  Fill="#d0d0d0" Width="14" Height="14" Stretch="Uniform"/>
+                                  Fill="{StaticResource Brush.OnSurface}" Width="14" Height="14" Stretch="Uniform"/>
                         </Button>
                     </Grid>
 
@@ -41,36 +41,36 @@
                     <StackPanel Grid.Row="1" Margin="0,8,0,0"
                                 Visibility="{Binding IsSettingsOpen, Converter={StaticResource BoolToVis}}">
 
-                        <TextBlock Text="Recordings" Foreground="#a0a0b0" FontSize="11" FontWeight="SemiBold" Margin="0,8,0,2"/>
-                        <TextBlock Text="Default location" Foreground="#a0a0b0" FontSize="11" Margin="10,0,0,2"/>
+                        <TextBlock Text="Recordings" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" FontWeight="SemiBold" Margin="0,8,0,2"/>
+                        <TextBlock Text="Default location" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" Margin="10,0,0,2"/>
                         <DockPanel Margin="10,0,0,8">
                             <Button DockPanel.Dock="Right" Content="Browse…" Command="{Binding ChooseRecordFolderCommand}"
                                     Style="{StaticResource YtButtonSecondary}" Padding="8,2" FontSize="11" Margin="6,0,0,0"/>
                             <Button DockPanel.Dock="Right" Content="Use Downloads" Command="{Binding ResetRecordFolderCommand}"
                                     Style="{StaticResource YtButtonSecondary}" Padding="8,2" FontSize="11" Margin="6,0,0,0"/>
                             <TextBox Style="{StaticResource YtTextBoxCompact}" Text="{Binding RecordFolderDisplay, Mode=OneWay}"
-                                     IsReadOnly="True" Foreground="#a0a0b0" VerticalAlignment="Center"/>
+                                     IsReadOnly="True" Foreground="{StaticResource Brush.OnSurfaceVariant}" VerticalAlignment="Center"/>
                         </DockPanel>
 
-                        <TextBlock Text="Brand logo" Foreground="#a0a0b0" FontSize="11" FontWeight="SemiBold" Margin="0,8,0,2"/>
-                        <TextBlock Text="Image file (shown on every scene)" Foreground="#a0a0b0" FontSize="11" Margin="10,0,0,2"/>
+                        <TextBlock Text="Brand logo" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" FontWeight="SemiBold" Margin="0,8,0,2"/>
+                        <TextBlock Text="Image file (shown on every scene)" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" Margin="10,0,0,2"/>
                         <DockPanel Margin="10,0,0,8">
                             <Button DockPanel.Dock="Right" Content="Browse…" Command="{Binding BrowseBrandLogoCommand}"
                                     Style="{StaticResource YtButtonSecondary}" Padding="8,2" FontSize="11" Margin="6,0,0,0"/>
                             <TextBox Style="{StaticResource YtTextBoxCompact}" Text="{Binding BrandLogoFileDisplay, Mode=OneWay}"
-                                     IsReadOnly="True" Foreground="#a0a0b0" VerticalAlignment="Center"/>
+                                     IsReadOnly="True" Foreground="{StaticResource Brush.OnSurfaceVariant}" VerticalAlignment="Center"/>
                         </DockPanel>
 
-                        <TextBlock Text="Preview" Foreground="#a0a0b0" FontSize="11" FontWeight="SemiBold" Margin="0,8,0,2"/>
-                        <TextBlock Text="Zoom view shape" Foreground="#a0a0b0" FontSize="11" Margin="10,0,0,2"/>
+                        <TextBlock Text="Preview" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" FontWeight="SemiBold" Margin="0,8,0,2"/>
+                        <TextBlock Text="Zoom view shape" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" Margin="10,0,0,2"/>
                         <ComboBox Style="{StaticResource YtComboBox}" Margin="10,0,0,8" SelectedValue="{Binding ZoomShape}" SelectedValuePath="Tag">
                             <ComboBoxItem Content="Circle" Tag="{x:Static Models:ZoomShape.Circle}"/>
                             <ComboBoxItem Content="Phone (Vertical Rectangle)" Tag="{x:Static Models:ZoomShape.VerticalRectangle}"/>
                             <ComboBoxItem Content="Tablet (Horizontal Rectangle)" Tag="{x:Static Models:ZoomShape.HorizontalRectangle}"/>
                         </ComboBox>
 
-                        <TextBlock Text="Scene transition" Foreground="#a0a0b0" FontSize="11" FontWeight="SemiBold" Margin="0,8,0,2"/>
-                        <TextBlock Text="Type" Foreground="#a0a0b0" FontSize="11" Margin="10,0,0,2"/>
+                        <TextBlock Text="Scene transition" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" FontWeight="SemiBold" Margin="0,8,0,2"/>
+                        <TextBlock Text="Type" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" Margin="10,0,0,2"/>
                         <ComboBox Style="{StaticResource YtComboBox}" Margin="10,0,0,8" SelectedValue="{Binding SelectedTransitionType}" SelectedValuePath="Tag">
                             <ComboBoxItem Content="Cut" Tag="{x:Static services:TransitionType.Cut}"/>
                             <ComboBoxItem Content="Fade" Tag="{x:Static services:TransitionType.Fade}"/>
@@ -78,7 +78,7 @@
                             <ComboBoxItem Content="Wipe" Tag="{x:Static services:TransitionType.Wipe}"/>
                         </ComboBox>
                         <DockPanel Margin="10,0,0,6">
-                            <TextBlock DockPanel.Dock="Right" Foreground="#a0a0b0" FontSize="11" VerticalAlignment="Center" Margin="8,0,0,0" Width="56">
+                            <TextBlock DockPanel.Dock="Right" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="11" VerticalAlignment="Center" Margin="8,0,0,0" Width="56">
                                 <Run Text="{Binding TransitionDurationMs, StringFormat={}{0:0}}"/><Run Text=" ms"/>
                             </TextBlock>
                             <Slider Minimum="100" Maximum="2000" TickFrequency="50" IsSnapToTickEnabled="True"
@@ -124,22 +124,22 @@
 
                     <!-- About -->
                     <Grid Grid.Row="1" Margin="0,16,0,0"
-                          Background="#171928"
+                          Background="{StaticResource Brush.SurfaceContainerLow}"
                           Visibility="{Binding IsAboutOpen, Converter={StaticResource BoolToVis}}">
 
                         <!-- Hub view -->
                         <StackPanel Visibility="{Binding IsHubVisible, Converter={StaticResource BoolToVis}}">
                             <Image Source="/ytLive;component/Assets/llamacasty-logo.jpg" Height="125" Stretch="Uniform"
                                    HorizontalAlignment="Center" Margin="0,0,0,12"/>
-                            <TextBlock Text="{Binding AppVersionLabel}" Foreground="#a0a0b0" FontSize="12"
+                            <TextBlock Text="{Binding AppVersionLabel}" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="12"
                                        HorizontalAlignment="Center" Margin="0,4,0,0"/>
                             <TextBlock Text="Live streaming for YouTube — simple enough that even the most right-brained person can intuit it."
-                                       Foreground="#a0a0b0" FontSize="13" TextWrapping="Wrap" MaxWidth="380"
+                                       Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="13" TextWrapping="Wrap" MaxWidth="380"
                                        TextAlignment="Center" Margin="0,16,0,0"/>
                             <TextBlock Text="Free forever — live streams carry a brief &quot;made with LlamaCasty!&quot; flash. A subscription removes it and adds alerts."
                                        Foreground="#888" FontSize="12" TextWrapping="Wrap" MaxWidth="380"
                                        TextAlignment="Center" Margin="0,12,0,0"/>
-                            <TextBlock Text="Made by gramps · llama chile shop" Foreground="#a0a0b0" FontSize="12"
+                            <TextBlock Text="Made by gramps · llama chile shop" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="12"
                                        HorizontalAlignment="Center" Margin="0,16,0,8"/>
 
                             <!-- Creator hub links -->
@@ -169,11 +169,11 @@
                         <!-- Licensing/legal panel -->
                         <StackPanel Visibility="{Binding IsLicensesOpen, Converter={StaticResource BoolToVis}}">
                             <TextBlock Text="Third-party notices &amp; license texts" FontSize="15" FontWeight="Bold"
-                                       Foreground="#e0e0e0" Margin="0,0,0,8"/>
-                            <Border Background="#10101e" CornerRadius="4" Padding="10" MaxHeight="360"
+                                       Foreground="{StaticResource Brush.OnSurface}" Margin="0,0,0,8"/>
+                            <Border Background="{StaticResource Brush.SurfaceContainerLowest}" CornerRadius="4" Padding="10" MaxHeight="360"
                                     BorderBrush="#333" BorderThickness="1">
                                 <ScrollViewer VerticalScrollBarVisibility="Auto">
-                                    <TextBlock Text="{Binding LicensesText}" Foreground="#b8b8c8" FontSize="11"
+                                    <TextBlock Text="{Binding LicensesText}" Foreground="{StaticResource Brush.OnSurface}" FontSize="11"
                                                FontFamily="Consolas" TextWrapping="Wrap"/>
                                 </ScrollViewer>
                             </Border>
@@ -185,9 +185,9 @@
                         <!-- License key entry panel -->
                         <StackPanel Visibility="{Binding IsLicenseEntryOpen, Converter={StaticResource BoolToVis}}">
                             <TextBlock Text="Activate LlamaCasty Premium" FontSize="15" FontWeight="Bold"
-                                       Foreground="#e0e0e0" Margin="0,0,0,8"/>
+                                       Foreground="{StaticResource Brush.OnSurface}" Margin="0,0,0,8"/>
                             <TextBlock Text="Enter your license key to remove the branding watermark."
-                                       Foreground="#a0a0b0" FontSize="12" TextWrapping="Wrap" Margin="0,0,0,12"/>
+                                       Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="12" TextWrapping="Wrap" Margin="0,0,0,12"/>
                             <TextBlock Text="License Key" Style="{StaticResource YtLabel}" Margin="0,0,0,4"/>
                             <TextBox Style="{StaticResource YtTextBox}" Margin="0,0,0,12"
                                      Text="{Binding LicenseKey, UpdateSourceTrigger=PropertyChanged}"
@@ -195,7 +195,7 @@
                             <Button Content="Activate" Command="{Binding ActivateLicenseCommand}"
                                     Style="{StaticResource YtButton}" HorizontalAlignment="Right"
                                     Margin="0,0,0,8"/>
-                            <TextBlock Text="{Binding LicenseMessage}" Foreground="#a0a0b0" FontSize="12"
+                            <TextBlock Text="{Binding LicenseMessage}" Foreground="{StaticResource Brush.OnSurfaceVariant}" FontSize="12"
                                        TextWrapping="Wrap" Margin="0,0,0,8"/>
                             <Button Content="← Back to About" Style="{StaticResource YtButtonSecondary}"
                                     HorizontalAlignment="Left" Margin="0,8,0,0"