{"namespace":"KuppWestDesignSystem_05046f","components":[{"name":"IconFeatureCard","sourcePath":"components/cards/IconFeatureCard.jsx"},{"name":"NoticeCard","sourcePath":"components/cards/NoticeCard.jsx"},{"name":"OfferCard","sourcePath":"components/cards/OfferCard.jsx"},{"name":"Badge","sourcePath":"components/core/Badge.jsx"},{"name":"Button","sourcePath":"components/core/Button.jsx"},{"name":"Icon","sourcePath":"components/core/Icon.jsx"},{"name":"FaqAccordion","sourcePath":"components/data/FaqAccordion.jsx"},{"name":"SpecTable","sourcePath":"components/data/SpecTable.jsx"},{"name":"SiteFooter","sourcePath":"components/layout/SiteFooter.jsx"},{"name":"AppHeader","sourcePath":"components/navigation/AppHeader.jsx"},{"name":"BottomTabBar","sourcePath":"components/navigation/BottomTabBar.jsx"},{"name":"VehicleFilterBar","sourcePath":"components/navigation/VehicleFilterBar.jsx"},{"name":"HeroBanner","sourcePath":"components/product/HeroBanner.jsx"},{"name":"ProductGallery","sourcePath":"components/product/ProductGallery.jsx"}],"startingPoints":[],"cards":[{"path":"guidelines/badge-shapes.card.html","group":"Brand","viewport":"700x160","subtitle":"Two shapes, two jobs -- do not mix","name":"Badge Shapes: Pill vs Ribbon"},{"path":"guidelines/iconography.card.html","group":"Brand","viewport":"700x180","subtitle":"Lucide line icons, linked from CDN -- flagged substitution","name":"Iconography"},{"path":"guidelines/colors-brand.card.html","group":"Colors","viewport":"700x160","subtitle":"Primary CTA/link blue + periwinkle accent","name":"Brand Blue Ramp"},{"path":"guidelines/colors-neutrals.card.html","group":"Colors","viewport":"700x160","subtitle":"Text and background neutrals","name":"Ink & Surface Neutrals"},{"path":"guidelines/colors-premium.card.html","group":"Colors","viewport":"700x160","subtitle":"Gradient (desktop) vs solid navy (mobile) -- both real","name":"Premium Card Fills"},{"path":"guidelines/colors-semantic.card.html","group":"Colors","viewport":"700x180","subtitle":"Buttons, borders, focus","name":"Semantic Action Colors"},{"path":"components/cards/cards.card.html","group":"Components","viewport":"700x760","subtitle":"Feature tiles, pricing cards, notices","name":"Cards - Feature, Offer, Notice"},{"path":"components/core/core.card.html","group":"Components","viewport":"700x360","subtitle":"Buttons, pills, ribbons","name":"Core - Button & Badge"},{"path":"components/data/data.card.html","group":"Components","viewport":"700x520","subtitle":"Spec tables, FAQ accordion","name":"Data - SpecTable & FAQ"},{"path":"components/layout/layout.card.html","group":"Components","viewport":"700x260","subtitle":"Site footer","name":"Layout - Footer"},{"path":"components/navigation/navigation.card.html","group":"Components","viewport":"700x420","subtitle":"App header, bottom nav, vehicle filter","name":"Navigation - Header, Tab Bar, Filter"},{"path":"components/product/product.card.html","group":"Components","viewport":"700x520","subtitle":"Photo grid, hero banner","name":"Product - Gallery & Hero"},{"path":"ui_kits/ebay-listing/index.html","group":"Ebay Listing","viewport":"1120x760","subtitle":"Desktop + mobile recreation, interactive","name":"Product Page"},{"path":"guidelines/radius.card.html","group":"Spacing","viewport":"700x140","subtitle":"Scaled to element size","name":"Corner Radii"},{"path":"guidelines/shadow.card.html","group":"Spacing","viewport":"700x160","subtitle":"Subtle card elevation + brand glow","name":"Shadow / Elevation"},{"path":"guidelines/spacing-inuse.card.html","group":"Spacing","viewport":"700x160","subtitle":"Card padding + section rhythm","name":"Spacing In Use"},{"path":"guidelines/spacing-tokens.card.html","group":"Spacing","viewport":"700x160","subtitle":"4px base scale","name":"Spacing Scale"},{"path":"guidelines/type-body.card.html","group":"Type","viewport":"700x220","subtitle":"Body copy + uppercase brand-blue labels","name":"Body, Label & Caption"},{"path":"guidelines/type-display.card.html","group":"Type","viewport":"700x220","subtitle":"Inter, weight-driven hierarchy","name":"Display & Headings"},{"path":"guidelines/type-wordmark.card.html","group":"Type","viewport":"700x140","subtitle":"Oswald condensed -- brand name only, no logo mark","name":"Wordmark Face"}],"templates":[],"hasThumbnailHtml":true,"globalCssPaths":["tokens/fonts.css","tokens/colors.css","tokens/typography.css","tokens/spacing.css","tokens/radius.css","tokens/shadow.css","styles.css"],"tokens":[{"name":"--blue-900","value":"#001f66","kind":"color","definedIn":"tokens/colors.css"},{"name":"--blue-800","value":"#00248a","kind":"color","definedIn":"tokens/colors.css"},{"name":"--blue-700","value":"#0032b8","kind":"color","definedIn":"tokens/colors.css"},{"name":"--blue-600","value":"#003dc9","kind":"color","definedIn":"tokens/colors.css"},{"name":"--blue-500","value":"#1550e0","kind":"color","definedIn":"tokens/colors.css"},{"name":"--blue-400","value":"#4d7bf0","kind":"color","definedIn":"tokens/colors.css"},{"name":"--blue-200","value":"#b9c8f7","kind":"color","definedIn":"tokens/colors.css"},{"name":"--blue-100","value":"#e6ebfc","kind":"color","definedIn":"tokens/colors.css"},{"name":"--blue-50","value":"#f2f5fe","kind":"color","definedIn":"tokens/colors.css"},{"name":"--periwinkle-600","value":"#5865c4","kind":"color","definedIn":"tokens/colors.css"},{"name":"--periwinkle-500","value":"#6f7dd6","kind":"color","definedIn":"tokens/colors.css"},{"name":"--periwinkle-200","value":"#d7ddf6","kind":"color","definedIn":"tokens/colors.css"},{"name":"--periwinkle-100","value":"#e8eafb","kind":"color","definedIn":"tokens/colors.css"},{"name":"--navy-900","value":"#001452","kind":"color","definedIn":"tokens/colors.css"},{"name":"--navy-800","value":"#0a1f66","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-900","value":"#0f1115","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-800","value":"#1c1e22","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-700","value":"#4b4f58","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-500","value":"#74787f","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-300","value":"#a6a9af","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-100","value":"#e2e2e2","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-0","value":"#ffffff","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-1","value":"#f9f9f9","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-2","value":"#f3f3f3","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-inverse","value":"#0f1115","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-subtle","value":"#e7e8f2","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-strong","value":"#e2e2e2","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-brand","value":"#003dc9","kind":"color","definedIn":"tokens/colors.css"},{"name":"--text-heading","value":"var(--ink-900)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-body","value":"400 15px/1.6 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-muted","value":"var(--ink-500)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-label-brand","value":"var(--blue-600)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-brand","value":"#ffffff","kind":"font","definedIn":"tokens/colors.css"},{"name":"--surface-page","value":"var(--surface-0)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-section","value":"var(--surface-1)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-card","value":"var(--surface-0)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-card-alt","value":"var(--surface-2)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-brand","value":"var(--blue-600)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--action-primary-bg","value":"var(--blue-600)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--action-primary-bg-hover","value":"var(--blue-500)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--action-primary-bg-active","value":"var(--blue-800)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--action-secondary-border","value":"var(--ink-100)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--action-secondary-bg-hover","value":"var(--surface-2)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--focus-ring","value":"var(--blue-400)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-premium-solid","value":"var(--navy-900)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-premium-gradient","value":"linear-gradient(135deg,#0038c8 0%,#0050f4 100%)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--text-on-premium","value":"#ffffff","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-premium-muted","value":"var(--periwinkle-200)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--font-sans","value":"'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-condensed","value":"'Oswald',var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-wordmark","value":"700 18px/1 var(--font-condensed)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-display","value":"600 32px/1.18 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h1","value":"700 28px/1.2 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h2","value":"700 22px/1.3 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-h3","value":"600 17px/1.35 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-body-lg","value":"400 16px/1.6 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-body-sm","value":"400 13px/1.5 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-label","value":"700 11px/1.2 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--text-caption","value":"400 12px/1.4 var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--label-letter-spacing","value":"0.06em","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-weight-regular","value":"400","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-weight-medium","value":"500","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-weight-semibold","value":"600","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-weight-bold","value":"700","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-weight-extrabold","value":"800","kind":"font","definedIn":"tokens/typography.css"},{"name":"--space-1","value":"4px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-2","value":"8px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-3","value":"12px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-4","value":"16px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-5","value":"20px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-6","value":"24px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-8","value":"32px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-10","value":"40px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-12","value":"48px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-16","value":"64px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-20","value":"80px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--space-24","value":"96px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--radius-sm","value":"6px","kind":"radius","definedIn":"tokens/radius.css"},{"name":"--radius-md","value":"10px","kind":"radius","definedIn":"tokens/radius.css"},{"name":"--radius-lg","value":"16px","kind":"radius","definedIn":"tokens/radius.css"},{"name":"--radius-xl","value":"20px","kind":"radius","definedIn":"tokens/radius.css"},{"name":"--radius-pill","value":"999px","kind":"radius","definedIn":"tokens/radius.css"},{"name":"--radius-thumb","value":"8px","kind":"radius","definedIn":"tokens/radius.css"},{"name":"--shadow-card","value":"0 1px 2px rgba(15,17,21,0.04),0 2px 8px rgba(15,17,21,0.06)","kind":"shadow","definedIn":"tokens/shadow.css"},{"name":"--shadow-card-hover","value":"0 4px 12px rgba(15,17,21,0.08),0 2px 4px rgba(15,17,21,0.05)","kind":"shadow","definedIn":"tokens/shadow.css"},{"name":"--shadow-popover","value":"0 8px 24px rgba(15,17,21,0.12)","kind":"shadow","definedIn":"tokens/shadow.css"},{"name":"--shadow-brand-glow","value":"0 12px 24px rgba(0,61,201,0.28)","kind":"shadow","definedIn":"tokens/shadow.css"},{"name":"--shadow-inset-border","value":"inset 0 0 0 1px var(--border-subtle)","kind":"shadow","definedIn":"tokens/shadow.css"}],"themes":[],"fonts":[],"brandFonts":[{"family":"Inter","status":"ok","tokens":["--font-sans"],"path":"tokens/typography.css"},{"family":"Oswald","status":"ok","tokens":["--font-condensed"],"path":"tokens/typography.css"}],"source":"spa"}