{"namespace":"QuberaDesignSystem_aa31a6","components":[{"name":"Button","sourcePath":"components/buttons/Button.jsx"},{"name":"IconButton","sourcePath":"components/buttons/IconButton.jsx"},{"name":"Badge","sourcePath":"components/display/Badge.jsx"},{"name":"Card","sourcePath":"components/display/Card.jsx"},{"name":"Eyebrow","sourcePath":"components/display/Eyebrow.jsx"},{"name":"LiveDot","sourcePath":"components/display/LiveDot.jsx"},{"name":"MetricTag","sourcePath":"components/display/MetricTag.jsx"},{"name":"StepNumber","sourcePath":"components/display/StepNumber.jsx"},{"name":"Field","sourcePath":"components/forms/Field.jsx"},{"name":"Input","sourcePath":"components/forms/Input.jsx"},{"name":"Select","sourcePath":"components/forms/Select.jsx"},{"name":"Textarea","sourcePath":"components/forms/Textarea.jsx"}],"startingPoints":[{"name":"Button","path":"components/buttons/Button.jsx","previewPath":"components/buttons/buttons.card.html","kind":"component","section":"Buttons","subtitle":"Primary, ghost & on-dark pill buttons","viewport":"700x150"},{"name":"Card","path":"components/display/Card.jsx","previewPath":"components/display/display.card.html","kind":"component","section":"Surfaces","subtitle":"The base Qubera card surface","viewport":"380x200"}],"cards":[{"path":"guidelines/brand-logo.card.html","group":"Brand","viewport":"700x190","subtitle":"The cycle-loop mark with cursor + sparkle, beside the serif wordmark","name":"Logo & mark"},{"path":"guidelines/brand-motifs.card.html","group":"Brand","viewport":"700x200","subtitle":"Faint engineering grid, gold extraction highlight, the data→cell rail","name":"Signature motifs"},{"path":"guidelines/brand-voice.card.html","group":"Brand","viewport":"700x210","subtitle":"Plain, exact, operator-to-operator. Speaks to 'you'; control is the through-line","name":"Voice & tone"},{"path":"guidelines/colors-dark.card.html","group":"Colors","viewport":"700x160","subtitle":"Deep ink-navy sections with their on-dark text ramps","name":"Dark surfaces & text"},{"path":"guidelines/colors-gold.card.html","group":"Colors","viewport":"700x150","subtitle":"The single accent — extraction highlights, eyebrows on dark","name":"Accent · Warm gold"},{"path":"guidelines/colors-navy.card.html","group":"Colors","viewport":"700x150","subtitle":"Trading-floor navy — the brand anchor and primary action color","name":"Brand · Navy"},{"path":"guidelines/colors-neutrals.card.html","group":"Colors","viewport":"700x150","subtitle":"Surfaces and hairline borders, faintly cool-tinted","name":"Neutrals · Cool paper"},{"path":"guidelines/colors-semantic.card.html","group":"Colors","viewport":"700x160","subtitle":"Spreadsheet-green for approved/updated values; window semaphore dots","name":"Semantic · Updated & status"},{"path":"components/buttons/buttons.card.html","group":"Components","viewport":"700x260","subtitle":"Primary, ghost & on-dark pill buttons · icon buttons","name":"Buttons"},{"path":"components/display/display.card.html","group":"Components","viewport":"700x330","subtitle":"Eyebrow, Card, Badge, StepNumber, LiveDot & the gold MetricTag","name":"Display & data"},{"path":"components/forms/forms.card.html","group":"Components","viewport":"700x340","subtitle":"Field, Input, Select & Textarea with the gold focus ring — light & dark","name":"Forms"},{"path":"ui_kits/marketing/index.html","group":"Marketing site","viewport":"1280x800","subtitle":"The full Qubera marketing site — live flow widget, diff, and working Request Access form","name":"Homepage"},{"path":"guidelines/spacing-radius.card.html","group":"Spacing","viewport":"700x160","subtitle":"Soft rounding on cards; full pills for buttons, eyebrows, chips","name":"Radius"},{"path":"guidelines/spacing-scale.card.html","group":"Spacing","viewport":"700x150","subtitle":"A 4px-based rhythm from 4 to 80px","name":"Spacing scale"},{"path":"guidelines/spacing-shadows.card.html","group":"Spacing","viewport":"700x180","subtitle":"Cool, navy-tinted elevation — soft and low-contrast","name":"Shadows"},{"path":"guidelines/type-body.card.html","group":"Type","viewport":"700x190","subtitle":"Paragraph and UI text — regular for body, semibold for emphasis","name":"Body · IBM Plex Sans"},{"path":"guidelines/type-display.card.html","group":"Type","viewport":"700x180","subtitle":"Headlines run light (400–500) with tight tracking — never bold","name":"Display · IBM Plex Serif"},{"path":"guidelines/type-mono.card.html","group":"Type","viewport":"700x180","subtitle":"Eyebrows, labels, data and timestamps — uppercased, wide-tracked","name":"Mono · IBM Plex Mono"},{"path":"guidelines/type-scale.card.html","group":"Type","viewport":"700x240","subtitle":"Display → body → caption, with the role each size plays","name":"Type scale"}],"templates":[],"hasThumbnailHtml":false,"globalCssPaths":["tokens/fonts.css","tokens/colors.css","tokens/typography.css","tokens/spacing.css","tokens/effects.css","tokens/base.css","styles.css"],"tokens":[{"name":"--navy","value":"#1E4E78","kind":"color","definedIn":"tokens/colors.css"},{"name":"--navy-700","value":"#163b5c","kind":"color","definedIn":"tokens/colors.css"},{"name":"--navy-800","value":"#102e47","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-navy","value":"#0C2032","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink-navy-2","value":"#0a1a29","kind":"color","definedIn":"tokens/colors.css"},{"name":"--paper","value":"#ffffff","kind":"color","definedIn":"tokens/colors.css"},{"name":"--paper-2","value":"#f5f8fb","kind":"color","definedIn":"tokens/colors.css"},{"name":"--paper-3","value":"#eaeff4","kind":"color","definedIn":"tokens/colors.css"},{"name":"--line","value":"#e2e8ef","kind":"color","definedIn":"tokens/colors.css"},{"name":"--line-2","value":"#d3dce4","kind":"color","definedIn":"tokens/colors.css"},{"name":"--ink","value":"#15222e","kind":"color","definedIn":"tokens/colors.css"},{"name":"--slate","value":"#475563","kind":"color","definedIn":"tokens/colors.css"},{"name":"--muted","value":"#74828f","kind":"color","definedIn":"tokens/colors.css"},{"name":"--on-dark","value":"#eaf1f8","kind":"color","definedIn":"tokens/colors.css"},{"name":"--on-dark-mut","value":"#9fb3c6","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gold","value":"#bf8b3a","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gold-soft","value":"#e7d3ab","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gold-tint","value":"#f6efe1","kind":"color","definedIn":"tokens/colors.css"},{"name":"--gold-ink","value":"#5e440f","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sheet-green","value":"#2f8a63","kind":"color","definedIn":"tokens/colors.css"},{"name":"--sheet-green-bg","value":"#e4f3ec","kind":"color","definedIn":"tokens/colors.css"},{"name":"--dot-red","value":"#e5564b","kind":"color","definedIn":"tokens/colors.css"},{"name":"--dot-amber","value":"#e9b03e","kind":"color","definedIn":"tokens/colors.css"},{"name":"--dot-green","value":"#4caf6e","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface","value":"var(--paper)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-alt","value":"var(--paper-2)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-sunken","value":"var(--paper-3)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-card","value":"var(--paper)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--surface-dark","value":"var(--ink-navy)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--text-strong","value":"var(--ink)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-body","value":"var(--slate)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-muted","value":"var(--muted)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-dark","value":"var(--on-dark)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--text-on-dark-muted","value":"var(--on-dark-mut)","kind":"font","definedIn":"tokens/colors.css"},{"name":"--border","value":"var(--line)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--border-strong","value":"var(--line-2)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand","value":"var(--navy)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--brand-hover","value":"var(--navy-700)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--accent","value":"var(--gold)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--success","value":"var(--sheet-green)","kind":"color","definedIn":"tokens/colors.css"},{"name":"--on-brand","value":"#ffffff","kind":"color","definedIn":"tokens/colors.css"},{"name":"--focus-ring","value":"0 0 0 3px rgba(191, 139, 58, .25)","kind":"shadow","definedIn":"tokens/colors.css"},{"name":"--font-serif","value":"\"IBM Plex Serif\", Georgia, \"Times New Roman\", serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-sans","value":"\"IBM Plex Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-mono","value":"\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, monospace","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-display","value":"var(--font-serif)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-body","value":"var(--font-sans)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--font-label","value":"var(--font-mono)","kind":"font","definedIn":"tokens/typography.css"},{"name":"--fw-regular","value":"400","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fw-medium","value":"500","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fw-semibold","value":"600","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fw-bold","value":"700","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-display","value":"clamp(33px, 3.8vw, 48px)","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-h1","value":"clamp(32px, 4.4vw, 46px)","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-h2","value":"clamp(26px, 3.1vw, 38px)","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-h3","value":"20px","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-lede","value":"clamp(17px, 1.7vw, 19px)","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-body","value":"17px","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-body-sm","value":"15px","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-caption","value":"13.5px","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-eyebrow","value":"12px","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--fs-mono-sm","value":"11.5px","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--lh-tight","value":"1.12","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--lh-snug","value":"1.3","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--lh-body","value":"1.6","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--ls-display","value":"-0.015em","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--ls-tight","value":"-0.01em","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--ls-eyebrow","value":"0.15em","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"name":"--ls-label","value":"0.08em","kind":"font","definedIn":"tokens/typography.css","annotation":"font"},{"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":"--maxw","value":"1200px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--maxw-prose","value":"680px","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--gutter","value":"clamp(20px, 5vw, 64px)","kind":"spacing","definedIn":"tokens/spacing.css","annotation":"spacing"},{"name":"--section-pad","value":"clamp(72px, 9vw, 128px)","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--measure-lede","value":"46ch","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--measure-display","value":"24ch","kind":"spacing","definedIn":"tokens/spacing.css"},{"name":"--radius-sm","value":"7px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius","value":"14px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-md","value":"11px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-lg","value":"22px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-xl","value":"28px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--radius-pill","value":"999px","kind":"radius","definedIn":"tokens/effects.css"},{"name":"--shadow-sm","value":"0 1px 2px rgba(12, 32, 50, .06), 0 2px 8px rgba(12, 32, 50, .05)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow","value":"0 4px 14px rgba(12, 32, 50, .08), 0 18px 50px rgba(12, 32, 50, .10)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-lg","value":"0 10px 30px rgba(12, 32, 50, .12), 0 40px 90px rgba(12, 32, 50, .16)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-gold","value":"0 0 0 3px rgba(191, 139, 58, .18)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--shadow-brand","value":"0 8px 22px rgba(30, 78, 120, .28)","kind":"shadow","definedIn":"tokens/effects.css"},{"name":"--ease-out","value":"cubic-bezier(.2, .7, .2, 1)","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur-fast","value":".15s","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur","value":".2s","kind":"other","definedIn":"tokens/effects.css","annotation":"other"},{"name":"--dur-slow","value":".45s","kind":"other","definedIn":"tokens/effects.css","annotation":"other"}],"themes":[],"fonts":[],"brandFonts":[{"family":"IBM Plex Serif","status":"ok","tokens":["--font-serif"],"path":"tokens/typography.css"},{"family":"IBM Plex Sans","status":"ok","tokens":["--font-sans"],"path":"tokens/typography.css"},{"family":"IBM Plex Mono","status":"ok","tokens":["--font-mono"],"path":"tokens/typography.css"}],"source":"spa"}