fix(assets): remove semi-white background artifacts from logo SVG and PNGs

Stripped 8 near-white path layers (brightness > 200) from the traced SVG,
leaving only amber/gold tones. Regenerated all PNG variants from the
cleaned SVG. Validated on dark and red backgrounds with zero artifacts.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

CLAUDE.md

@@ -125,5 +125,6 @@ import logo32 from '@cameleer/design-system/assets/cameleer3-32.png'     // 32×
 import logo180 from '@cameleer/design-system/assets/cameleer3-180.png'   // Apple touch icon
 import logo192 from '@cameleer/design-system/assets/cameleer3-192.png'   // Android/PWA icon
 import logo512 from '@cameleer/design-system/assets/cameleer3-512.png'   // PWA splash, og:image
-import logoSvg from '@cameleer/design-system/assets/camel-logo.svg'      // SVG vector logo
+import logoSvg from '@cameleer/design-system/assets/cameleer3-logo.svg'   // high-detail SVG logo
+import camelSvg from '@cameleer/design-system/assets/camel-logo.svg'     // simplified camel SVG
 ```

COMPONENT_GUIDE.md

@@ -347,7 +347,8 @@ The design system ships logo assets as static files via the `./assets/*` package
 | `cameleer3-180.png` | 180×180 | Apple touch icon |
 | `cameleer3-192.png` | 192×192 | Android/PWA icon |
 | `cameleer3-512.png` | 512×512 | PWA splash, og:image |
-| `camel-logo.svg` | Vector | SVG logo for scalable usage |
+| `cameleer3-logo.svg` | Vector | High-detail SVG logo (traced from PNG, transparent) |
+| `camel-logo.svg` | Vector | Simplified camel SVG logo |
 
 ### Usage
 

src/pages/Inventory/sections/BrandAssetsSection.tsx

@@ -1,6 +1,7 @@
 import styles from './BrandAssetsSection.module.css'
 import camelLogoSvg from '../../../assets/camel-logo.svg'
 import cameleer3Logo from '../../../assets/cameleer3-logo.png'
+import cameleer3LogoSvg from '../../../assets/cameleer3-logo.svg'
 
 const LOGO_SIZES = [16, 32, 48, 180, 192, 512] as const
 
@@ -48,17 +49,24 @@ export function BrandAssetsSection() {
       </div>
 
       <div className={styles.componentCard}>
-        <h3 className={styles.componentTitle}>Camel Logo (SVG)</h3>
+        <h3 className={styles.componentTitle}>SVG Logos</h3>
         <p className={styles.componentDesc}>
-          Vector logo for scalable usage. Shipped as a static asset via package export.
+          Vector logos for scalable usage. Transparent backgrounds, infinitely scalable.
         </p>
         <div className={styles.demoArea}>
           <div className={styles.logoGrid}>
+            <div className={styles.logoItem}>
+              <div className={styles.logoPreview}>
+                <img src={cameleer3LogoSvg} alt="Cameleer3 SVG logo" width={96} height={96} />
+              </div>
+              <span className={styles.logoLabel}>Cameleer3 SVG</span>
+              <code className={styles.logoExport}>assets/cameleer3-logo.svg</code>
+            </div>
             <div className={styles.logoItem}>
               <div className={styles.logoPreview}>
                 <img src={camelLogoSvg} alt="Camel SVG logo" width={96} height={96} />
               </div>
-              <span className={styles.logoLabel}>SVG</span>
+              <span className={styles.logoLabel}>Camel SVG</span>
               <code className={styles.logoExport}>assets/camel-logo.svg</code>
             </div>
           </div>