fix(ui): folds tokens for settings/profile/glass invented vars (native-cinny audit 2/N)

- DenoiseTester: --bg-card/--border-color/--accent-green/--accent-orange -> color.Surface.*/Success/Primary
- ProfileDecoration: --accent-cyan/--bg-surface-variant -> color.Primary.Main/SurfaceVariant.Container
- Profile: --tc-critical/warning-normal -> color.Critical/Warning.Main
- UserRoomProfile: --tc-positive/warning-normal/--tc-surface-low-contrast/--bg-surface-variant -> color tokens
- Sidebar glass: hardcoded rgba bg/border -> color-mix on color.Surface.Container + SurfaceVariant.ContainerLine
  (also fixes the glass looking wrong on light themes — was always near-black)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/app/features/settings/account/ProfileDecoration.tsx

@@ -37,12 +37,12 @@ function DecorationPreviewCell({
         width: CELL_SIZE,
         height: CELL_SIZE,
         flexShrink: 0,
-        border: `2px solid ${selected ? 'var(--accent-cyan)' : 'transparent'}`,
+        border: `2px solid ${selected ? color.Primary.Main : 'transparent'}`,
         borderRadius: '50%',
-        background: 'var(--bg-surface-variant)',
+        background: color.SurfaceVariant.Container,
         cursor: 'pointer',
         padding: 0,
-        boxShadow: selected ? '0 0 0 1px var(--accent-cyan)' : 'none',
+        boxShadow: selected ? `0 0 0 1px ${color.Primary.Main}` : 'none',
         overflow: 'hidden',
         outline: 'none',
       }}
@@ -142,7 +142,7 @@ export function ProfileDecoration() {
               height: CELL_SIZE,
               flexShrink: 0,
               borderRadius: '50%',
-              background: 'var(--bg-surface-variant)',
+              background: color.SurfaceVariant.Container,
               overflow: 'hidden',
             }}
           >