{"name":"BELLA","owner":"Elleta McDaniel","site":"elleta.design","positioning":"AI-enabled design systems","generatedFrom":["app/globals.css","lib/bella/bella.css","lib/bella/component-contract.json","lib/content.ts","lib/workLibrary.ts"],"tokens":{"primitive":{"--color-brand-ink":{"$value":"#1A1720","$type":"color"},"--color-brand-ground":{"$value":"#F5F4EF","$type":"color"},"--color-brand-navy":{"$value":"#1B1B40","$type":"color"},"--color-brand-iris":{"$value":"#5B4BD1","$type":"color"},"--color-brand-periwinkle":{"$value":"#A79CE2","$type":"color"},"--color-iris-bright":{"$value":"#7A6BE8","$type":"color"},"--color-iris-hi":{"$value":"#6C5CE0","$type":"color"},"--color-iris-deep":{"$value":"#4C3EB8","$type":"color"},"--color-iris-edge":{"$value":"#4A3FB0","$type":"color"},"--color-iris-logo-hi":{"$value":"#8E7EEC","$type":"color"},"--color-iris-peri-hover":{"$value":"#B9B0E9","$type":"color"},"--color-iris-peri-ink":{"$value":"#B4ADE8","$type":"color"},"--color-neutral-cream":{"$value":"#FAF9F5","$type":"color"},"--color-neutral-paper":{"$value":"#FAFAF8","$type":"color"},"--color-neutral-surface":{"$value":"#EDECE4","$type":"color"},"--color-neutral-border":{"$value":"#E6E4DC","$type":"color"},"--color-neutral-graphite":{"$value":"#33303B","$type":"color"},"--color-neutral-ink-soft":{"$value":"#2E2937","$type":"color"},"--color-neutral-ink-muted":{"$value":"#4A4652","$type":"color"},"--color-neutral-ink-faint":{"$value":"#6B6678","$type":"color"},"--color-navy-card":{"$value":"#232350","$type":"color"},"--color-navy-raised":{"$value":"#2B2B5C","$type":"color"},"--color-navy-divider":{"$value":"#32325F","$type":"color"},"--color-navy-ink":{"$value":"#F4EFE6","$type":"color"},"--color-navy-ink-soft":{"$value":"#E6E1D6","$type":"color"},"--color-navy-ink-muted":{"$value":"#C6C2D4","$type":"color"},"--color-navy-text-secondary":{"$value":"#C4BFD4","$type":"color"},"--color-navy-text-muted":{"$value":"#9994B1","$type":"color"},"--color-supporting-sage":{"$value":"#4A7C6F","$type":"color"},"--color-supporting-steel":{"$value":"#6495C5","$type":"color"},"--color-alpha-iris-12":{"$value":"#5B4BD11F","$type":"color"},"--color-alpha-iris-20":{"$value":"#5B4BD133","$type":"color"},"--color-alpha-iris-24":{"$value":"#5B4BD13D","$type":"color"},"--color-alpha-iris-28":{"$value":"#5B4BD147","$type":"color"},"--color-alpha-iris-30":{"$value":"#5B4BD14D","$type":"color"},"--color-alpha-periwinkle-15":{"$value":"#A79CE226","$type":"color"},"--color-alpha-periwinkle-30":{"$value":"#A79CE24D","$type":"color"},"--color-alpha-ink-6":{"$value":"#1A172010","$type":"color"},"--color-alpha-dark-ink-6":{"$value":"#F4EFE610","$type":"color"},"--color-alpha-dark-ink-10":{"$value":"#F4EFE61A","$type":"color"},"--color-alpha-dark-ink-14":{"$value":"#F4EFE624","$type":"color"},"--color-alpha-glass-28":{"$value":"#FFFFFF47","$type":"color"},"--color-alpha-glass-35":{"$value":"#FFFFFF59","$type":"color"},"--color-alpha-glass-40":{"$value":"#FFFFFF66","$type":"color"},"--color-alpha-glass-48":{"$value":"#FFFFFF7A","$type":"color"},"--color-alpha-glass-55":{"$value":"#FFFFFF8C","$type":"color"},"--color-alpha-glass-68":{"$value":"#FFFFFFAD","$type":"color"},"--color-alpha-glass-72":{"$value":"#FFFFFFB8","$type":"color"},"--color-alpha-glass-82":{"$value":"#FFFFFFD1","$type":"color"},"--color-alpha-glass-90":{"$value":"#FFFFFFE6","$type":"color"},"--color-alpha-shadow-cool-03":{"$value":"#1C1A2E08","$type":"color"},"--color-alpha-shadow-cool-04":{"$value":"#1C1A2E0A","$type":"color"},"--color-alpha-shadow-cool-05":{"$value":"#1C1A2E0D","$type":"color"},"--color-alpha-shadow-cool-06":{"$value":"#1C1A2E0F","$type":"color"},"--color-alpha-shadow-cool-08":{"$value":"#1C1A2E14","$type":"color"},"--color-alpha-navy-60":{"$value":"#23235099","$type":"color"},"--color-alpha-navy-48":{"$value":"#2323507A","$type":"color"},"--color-alpha-navy-32":{"$value":"#23235052","$type":"color"},"--color-alpha-steel-15":{"$value":"#6495C526","$type":"color"},"--color-alpha-steel-30":{"$value":"#6495C54D","$type":"color"},"--color-alpha-ink-22":{"$value":"#1A172038","$type":"color"},"--spacing-1":{"$value":"4px","$type":"dimension"},"--spacing-2":{"$value":"8px","$type":"dimension"},"--spacing-3":{"$value":"12px","$type":"dimension"},"--spacing-4":{"$value":"16px","$type":"dimension"},"--spacing-5":{"$value":"20px","$type":"dimension"},"--spacing-6":{"$value":"24px","$type":"dimension"},"--spacing-8":{"$value":"32px","$type":"dimension"},"--spacing-10":{"$value":"40px","$type":"dimension"},"--spacing-12":{"$value":"48px","$type":"dimension"},"--spacing-16":{"$value":"64px","$type":"dimension"},"--spacing-20":{"$value":"80px","$type":"dimension"},"--spacing-touch-target":{"$value":"44px","$type":"dimension"},"--spacing-touch-target-comfortable":{"$value":"48px","$type":"dimension"},"--breakpoint-mobile":{"$value":"640px","$type":"dimension"},"--breakpoint-tablet":{"$value":"768px","$type":"dimension"},"--breakpoint-desktop":{"$value":"1024px","$type":"dimension"},"--breakpoint-wide":{"$value":"1440px","$type":"dimension"},"--radius-sm":{"$value":"4px","$type":"dimension"},"--radius-md":{"$value":"8px","$type":"dimension"},"--radius-lg":{"$value":"12px","$type":"dimension"},"--radius-xl":{"$value":"16px","$type":"dimension"},"--radius-2xl":{"$value":"20px","$type":"dimension"},"--radius-3xl":{"$value":"24px","$type":"dimension"},"--radius-full":{"$value":"999px","$type":"dimension"},"--typography-font-family-display":{"$value":"Unique, 'Arial Narrow', sans-serif"},"--typography-font-family-body":{"$value":"Geist, system-ui, sans-serif"},"--typography-font-family-mono":{"$value":"Geist, system-ui, sans-serif"},"--typography-font-size-tag":{"$value":"13px","$type":"dimension"},"--typography-font-size-sm":{"$value":"14px","$type":"dimension"},"--typography-font-size-base":{"$value":"16px","$type":"dimension"},"--typography-font-size-lg":{"$value":"18px","$type":"dimension"},"--typography-font-size-xl":{"$value":"20px","$type":"dimension"},"--typography-font-size-2xl":{"$value":"24px","$type":"dimension"},"--typography-font-size-3xl":{"$value":"32px","$type":"dimension"},"--typography-font-size-4xl":{"$value":"40px","$type":"dimension"},"--typography-font-size-5xl":{"$value":"56px","$type":"dimension"},"--typography-font-size-6xl":{"$value":"88px","$type":"dimension"},"--typography-font-weight-regular":{"$value":"400"},"--typography-font-weight-medium":{"$value":"500"},"--typography-font-weight-bold":{"$value":"700"},"--typography-font-weight-black":{"$value":"800"},"--typography-line-height-tight":{"$value":"1.1"},"--typography-line-height-snug":{"$value":"1.3"},"--typography-line-height-normal":{"$value":"1.6"},"--typography-line-height-relaxed":{"$value":"1.8"},"--typography-letter-spacing-tight":{"$value":"-0.02em","$type":"dimension"},"--typography-letter-spacing-normal":{"$value":"0"},"--typography-letter-spacing-wide":{"$value":"0.08em","$type":"dimension"},"--typography-letter-spacing-wider":{"$value":"0.15em","$type":"dimension"},"--typography-letter-spacing-hero":{"$value":"0.04em","$type":"dimension"},"--icon-sm":{"$value":"16px","$type":"dimension"},"--icon-md":{"$value":"20px","$type":"dimension"},"--icon-lg":{"$value":"24px","$type":"dimension"},"--icon-stroke":{"$value":"1.5"},"--motion-duration-fast":{"$value":"150ms"},"--motion-duration-normal":{"$value":"250ms"},"--motion-duration-slow":{"$value":"400ms"},"--motion-easing-standard":{"$value":"cubic-bezier(0.4, 0, 0.2, 1)"},"--motion-easing-emphasis":{"$value":"cubic-bezier(0.34, 1.56, 0.64, 1)"},"--motion-transform-hover-lift":{"$value":"translateY(-2px)"},"--motion-transform-key-press":{"$value":"translateY(2px)"},"--bella-blur-xs":{"$value":"8px","$type":"dimension"},"--bella-blur-sm":{"$value":"14px","$type":"dimension"},"--bella-blur-md":{"$value":"16px","$type":"dimension"},"--bella-blur-lg":{"$value":"18px","$type":"dimension"},"--bella-blur-xl":{"$value":"20px","$type":"dimension"},"--shadow-sm":{"$value":"0 1px 2px rgba(28,26,46,0.06)"},"--shadow-md":{"$value":"0 4px 12px rgba(28,26,46,0.08)"},"--shadow-lg":{"$value":"0 12px 32px rgba(28,26,46,0.12)"},"--shadow-hover":{"$value":"0 8px 24px rgba(28,26,46,0.10)"},"--shadow-soft":{"$value":"0 1px 2px #1C1A2E0A, 0 10px 30px #1C1A2E0F, 0 24px 60px #1C1A2E0A"},"--shadow-layered":{"$value":"0 1px 2px #1C1A2E0D, 0 12px 40px #1C1A2E14, 0 28px 80px #1C1A2E0F, inset 0 1px 0 #FFFFFFE6"},"--shadow-card-default":{"$value":"0 1px 4px #1C1A2E08, 0 4px 16px #1C1A2E0A, inset 0 1px 0 #FFFFFF8C"},"--shadow-card-elevated":{"$value":"0 1px 2px #1C1A2E0A, 0 8px 24px #1C1A2E0F, inset 0 1px 0 #FFFFFFAD"},"--shadow-orb":{"$value":"13px 22px 44px rgba(0, 0, 0, 0.26), inset 7px 9px 18px rgba(255, 255, 255, 0.5), inset -9px -13px 28px rgba(0, 0, 0, 0.16)"},"--shadow-orb-raised":{"$value":"14px 24px 48px rgba(0, 0, 0, 0.26), inset 7px 9px 18px rgba(255, 255, 255, 0.5), inset -9px -13px 28px rgba(0, 0, 0, 0.16)"},"--shadow-orb-selected":{"$value":"14px 24px 48px rgba(0, 0, 0, 0.3), inset 7px 9px 18px rgba(255, 255, 255, 0.5), inset -9px -13px 28px rgba(0, 0, 0, 0.16)"},"--shadow-switch-track":{"$value":"inset 0 2px 5px rgba(25, 23, 32, 0.22)"},"--shadow-switch-track-dark":{"$value":"inset 0 2px 6px rgba(0, 0, 0, 0.5)"},"--shadow-switch-knob":{"$value":"3px 5px 8px rgba(25, 23, 32, 0.24)"},"--shadow-switch-knob-dark":{"$value":"3px 5px 8px rgba(0, 0, 0, 0.4)"},"--shadow-nav-bar":{"$value":"0 18px 48px rgba(26, 24, 20, 0.08)"},"--shadow-key-resting":{"$value":"1px 3px 0 #4A3FB0, 3px 6px 10px #5B4BD13D, inset 0 1px 0 #FFFFFF66"},"--shadow-key-hover":{"$value":"1px 4px 0 #4A3FB0, 4px 8px 14px #5B4BD147, inset 0 1px 0 #FFFFFF66"},"--shadow-key-pressed":{"$value":"0 1px 0 #4A3FB0, 2px 3px 8px #5B4BD133, inset 0 1px 0 #FFFFFF66"},"--shadow-card-rest":{"$value":"13px 26px 54px #1A172038"},"--shadow-card-rest-dark":{"$value":"13px 26px 54px rgba(0, 0, 0, 0.44)"},"--color-accent-ink":{"$value":"#5B4BD1","$type":"color"},"--shadow-floating":{"$value":"0 1px 2px #1C1A2E0A, 0 10px 30px #1C1A2E0F, 0 24px 60px #1C1A2E0A"},"--shadow-raised":{"$value":"0 1px 2px #1C1A2E0D, 0 12px 40px #1C1A2E14, 0 28px 80px #1C1A2E0F, inset 0 1px 0 #FFFFFFE6"},"--bella-blur-surface":{"$value":"18px","$type":"dimension"},"--ink-on-dark-strong":{"$value":"{--color-navy-ink}"},"--ink-on-dark-body":{"$value":"{--color-navy-ink-soft}"},"--ink-on-dark-muted":{"$value":"{--color-navy-ink-muted}"},"--ring-focus-color":{"$value":"{--color-semantic-border-strong}"},"--ring-focus-width":{"$value":"2px","$type":"dimension"},"--ring-focus-offset":{"$value":"2px","$type":"dimension"},"--card-min":{"$value":"280px","$type":"dimension"},"--header-height":{"$value":"64px","$type":"dimension"},"--color-alpha-parchment-6":{"$value":"{--color-alpha-dark-ink-6}"},"--color-alpha-shadow-warm-03":{"$value":"{--color-alpha-shadow-cool-03}"},"--color-alpha-shadow-warm-04":{"$value":"{--color-alpha-shadow-cool-04}"},"--color-alpha-shadow-warm-05":{"$value":"{--color-alpha-shadow-cool-05}"},"--color-alpha-shadow-warm-06":{"$value":"{--color-alpha-shadow-cool-06}"},"--color-alpha-shadow-warm-08":{"$value":"{--color-alpha-shadow-cool-08}"},"--color-supporting-linen":{"$value":"{--color-neutral-border}"}},"semantic":{"--color-semantic-background":{"$value":"#F5F4EF","$type":"color"},"--color-semantic-background-inverse":{"$value":"#1A1720","$type":"color"},"--color-semantic-surface":{"$value":"#FAFAF8","$type":"color"},"--color-semantic-surface-elevated":{"$value":"#FAFAF8","$type":"color"},"--color-semantic-surface-inset":{"$value":"#EDECE4","$type":"color"},"--color-semantic-surface-inverse":{"$value":"#232350","$type":"color"},"--color-semantic-surface-glass":{"$value":"linear-gradient(180deg, #FFFFFFD1 0%, #FFFFFFAD 100%)"},"--color-semantic-surface-glass-elevated":{"$value":"linear-gradient(180deg, #FFFFFFAD 0%, #FFFFFF7A 100%)"},"--color-semantic-surface-glass-light":{"$value":"linear-gradient(180deg, #FFFFFF7A 0%, #FFFFFF47 100%)"},"--color-semantic-surface-glass-accent":{"$value":"#A79CE226","$type":"color"},"--color-semantic-border-glass-top":{"$value":"#FFFFFFB8","$type":"color"},"--color-semantic-border-glass-edge":{"$value":"#FFFFFF8C","$type":"color"},"--color-semantic-text-primary":{"$value":"#1A1720","$type":"color"},"--color-semantic-text-secondary":{"$value":"#4A4652","$type":"color"},"--color-semantic-text-muted":{"$value":"#6B6678","$type":"color"},"--color-semantic-text-inverse":{"$value":"#F5F4EF","$type":"color"},"--color-semantic-text-accent":{"$value":"#5B4BD1","$type":"color"},"--color-semantic-accent":{"$value":"#5B4BD1","$type":"color"},"--color-semantic-accent-hover":{"$value":"#4C3EB8","$type":"color"},"--color-semantic-text-on-accent":{"$value":"#F5F4EF","$type":"color"},"--color-semantic-accent-subtle":{"$value":"#5B4BD11F","$type":"color"},"--color-semantic-accent-border":{"$value":"#5B4BD14D","$type":"color"},"--color-semantic-border":{"$value":"#E6E4DC","$type":"color"},"--color-semantic-border-subtle":{"$value":"#1A172010","$type":"color"},"--color-semantic-border-strong":{"$value":"#33303B","$type":"color"},"--color-semantic-link":{"$value":"#1A1720","$type":"color"},"--color-semantic-link-hover":{"$value":"#5B4BD1","$type":"color"},"--color-semantic-success":{"$value":"#4A7C6F","$type":"color"},"--color-semantic-info":{"$value":"#6495C5","$type":"color"},"--color-semantic-info-subtle":{"$value":"#6495C526","$type":"color"},"--color-semantic-info-border":{"$value":"#6495C54D","$type":"color"},"--color-semantic-accent-raised-hi":{"$value":"#5B4BD1","$type":"color"},"--color-semantic-accent-raised-lo":{"$value":"#4C3EB8","$type":"color"},"--color-semantic-accent-raised-edge":{"$value":"#4A3FB0","$type":"color"}},"component":{"--component-button-primary-fill-hi":{"$value":"#5B4BD1","$type":"color"},"--component-button-primary-fill-lo":{"$value":"#4C3EB8","$type":"color"},"--component-button-primary-edge":{"$value":"#4A3FB0","$type":"color"},"--component-button-primary-foreground":{"$value":"#F5F4EF","$type":"color"},"--component-button-primary-trace":{"$value":"#7A6BE8","$type":"color"},"--component-button-primary-gloss":{"$value":"linear-gradient(color-mix(in srgb, white 18%, transparent), transparent 46%)"},"--component-button-primary-gloss-hover":{"$value":"linear-gradient(color-mix(in srgb, white 26%, transparent), transparent 52%)"},"--component-button-primary-gloss-pressed":{"$value":"linear-gradient(transparent 0 10%, color-mix(in srgb, white 12%, transparent) 10%, transparent 50%)"},"--component-button-primary-border-radius":{"$value":"12px","$type":"dimension"},"--component-button-primary-padding-y":{"$value":"12px","$type":"dimension"},"--component-button-primary-padding-x":{"$value":"20px","$type":"dimension"},"--component-button-primary-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-button-primary-font-size":{"$value":"13px","$type":"dimension"},"--component-button-primary-font-weight":{"$value":"700"},"--component-button-primary-letter-spacing":{"$value":"0.08em","$type":"dimension"},"--component-button-primary-min-height":{"$value":"44px","$type":"dimension"},"--component-button-secondary-background":{"$value":"transparent"},"--component-button-secondary-background-hover":{"$value":"#5B4BD11F","$type":"color"},"--component-button-secondary-background-active":{"$value":"#5B4BD14D","$type":"color"},"--component-button-secondary-foreground":{"$value":"#5B4BD1","$type":"color"},"--component-button-secondary-border":{"$value":"#5B4BD1","$type":"color"},"--component-button-secondary-border-radius":{"$value":"8px","$type":"dimension"},"--component-button-secondary-padding-y":{"$value":"12px","$type":"dimension"},"--component-button-secondary-padding-x":{"$value":"20px","$type":"dimension"},"--component-button-secondary-min-height":{"$value":"44px","$type":"dimension"},"--component-button-tertiary-background":{"$value":"transparent"},"--component-button-tertiary-foreground":{"$value":"#5B4BD1","$type":"color"},"--component-button-tertiary-foreground-hover":{"$value":"#5B4BD1","$type":"color"},"--component-button-tertiary-border-radius":{"$value":"8px","$type":"dimension"},"--component-button-tertiary-min-height":{"$value":"44px","$type":"dimension"},"--component-card-default-background":{"$value":"linear-gradient(180deg, #FFFFFF7A 0%, #FFFFFF47 100%)"},"--component-card-default-blur":{"$value":"14px","$type":"dimension"},"--component-card-default-shadow":{"$value":"0 1px 4px #1C1A2E08, 0 4px 16px #1C1A2E0A, inset 0 1px 0 #FFFFFF8C"},"--component-card-default-border-top":{"$value":"#FFFFFFB8","$type":"color"},"--component-card-default-border":{"$value":"#FFFFFF8C","$type":"color"},"--component-card-default-border-width":{"$value":"1px","$type":"dimension"},"--component-card-default-border-radius":{"$value":"16px","$type":"dimension"},"--component-card-default-padding":{"$value":"20px","$type":"dimension"},"--component-card-default-gap":{"$value":"8px","$type":"dimension"},"--component-card-default-foreground":{"$value":"#1A1720","$type":"color"},"--component-card-default-transform-hover":{"$value":"translateY(-2px)"},"--component-card-default-transition":{"$value":"all 250ms cubic-bezier(0.34, 1.56, 0.64, 1)"},"--component-card-elevated-background":{"$value":"linear-gradient(180deg, #FFFFFFAD 0%, #FFFFFF7A 100%)"},"--component-card-elevated-blur":{"$value":"16px","$type":"dimension"},"--component-card-elevated-shadow":{"$value":"0 1px 2px #1C1A2E0A, 0 8px 24px #1C1A2E0F, inset 0 1px 0 #FFFFFFAD"},"--component-card-elevated-border-top":{"$value":"#FFFFFFB8","$type":"color"},"--component-card-elevated-border":{"$value":"#FFFFFF8C","$type":"color"},"--component-card-elevated-border-width":{"$value":"1px","$type":"dimension"},"--component-card-elevated-border-radius":{"$value":"20px","$type":"dimension"},"--component-card-elevated-padding":{"$value":"24px","$type":"dimension"},"--component-card-elevated-foreground":{"$value":"#1A1720","$type":"color"},"--component-card-glass-background":{"$value":"linear-gradient(180deg, #FFFFFFD1 0%, #FFFFFFAD 100%)"},"--component-card-glass-blur":{"$value":"18px","$type":"dimension"},"--component-card-glass-shadow":{"$value":"0 1px 2px #1C1A2E0D, 0 12px 40px #1C1A2E14, 0 28px 80px #1C1A2E0F, inset 0 1px 0 #FFFFFFE6"},"--component-card-glass-border-top":{"$value":"#FFFFFFB8","$type":"color"},"--component-card-glass-border":{"$value":"#FFFFFF8C","$type":"color"},"--component-card-glass-border-width":{"$value":"1px","$type":"dimension"},"--component-card-glass-border-radius":{"$value":"24px","$type":"dimension"},"--component-card-glass-padding":{"$value":"32px","$type":"dimension"},"--component-card-glass-foreground":{"$value":"#1A1720","$type":"color"},"--component-card-featured-background":{"$value":"#FAFAF8","$type":"color"},"--component-card-featured-border-radius":{"$value":"16px","$type":"dimension"},"--component-card-featured-padding":{"$value":"32px","$type":"dimension"},"--component-card-featured-shadow":{"$value":"0 4px 12px rgba(28,26,46,0.08)"},"--component-card-inverse-background":{"$value":"#232350","$type":"color"},"--component-card-inverse-foreground":{"$value":"#F5F4EF","$type":"color"},"--component-card-inverse-border":{"$value":"#F4EFE610","$type":"color"},"--component-card-inverse-border-radius":{"$value":"12px","$type":"dimension"},"--component-card-inverse-padding":{"$value":"20px","$type":"dimension"},"--component-tag-default-background":{"$value":"#EDECE4","$type":"color"},"--component-tag-default-foreground":{"$value":"#4A4652","$type":"color"},"--component-tag-default-border-radius":{"$value":"999px","$type":"dimension"},"--component-tag-default-padding-y":{"$value":"4px","$type":"dimension"},"--component-tag-default-padding-x":{"$value":"12px","$type":"dimension"},"--component-tag-default-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-tag-default-font-size":{"$value":"13px","$type":"dimension"},"--component-tag-default-font-weight":{"$value":"500"},"--component-tag-accent-background":{"$value":"#5B4BD11F","$type":"color"},"--component-tag-accent-foreground":{"$value":"#5B4BD1","$type":"color"},"--component-tag-accent-border-radius":{"$value":"999px","$type":"dimension"},"--component-tag-accent-padding-y":{"$value":"4px","$type":"dimension"},"--component-tag-accent-padding-x":{"$value":"12px","$type":"dimension"},"--component-status-pill-border-radius":{"$value":"999px","$type":"dimension"},"--component-status-pill-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-status-pill-font-size":{"$value":"13px","$type":"dimension"},"--component-status-pill-font-weight":{"$value":"700"},"--component-filter-chip-border":{"$value":"#E6E4DC","$type":"color"},"--component-filter-chip-foreground":{"$value":"#4A4652","$type":"color"},"--component-filter-chip-border-radius":{"$value":"999px","$type":"dimension"},"--component-filter-chip-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-filter-chip-font-size":{"$value":"14px","$type":"dimension"},"--component-filter-chip-font-weight":{"$value":"500"},"--component-filter-chip-min-height":{"$value":"44px","$type":"dimension"},"--component-segmented-control-border-radius":{"$value":"12px","$type":"dimension"},"--component-segmented-control-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-segmented-control-font-size":{"$value":"13px","$type":"dimension"},"--component-segmented-control-font-weight":{"$value":"700"},"--component-segmented-control-min-height":{"$value":"44px","$type":"dimension"},"--component-select-border-radius":{"$value":"8px","$type":"dimension"},"--component-select-font-size":{"$value":"14px","$type":"dimension"},"--component-select-min-height":{"$value":"44px","$type":"dimension"},"--component-select-label-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-select-label-font-size":{"$value":"13px","$type":"dimension"},"--component-heading-font-family":{"$value":"Unique, 'Arial Narrow', sans-serif"},"--component-heading-font-weight":{"$value":"700"},"--component-heading-letter-spacing":{"$value":"0.04em","$type":"dimension"},"--component-heading-hero-font-size":{"$value":"88px","$type":"dimension"},"--component-heading-page-font-size":{"$value":"56px","$type":"dimension"},"--component-heading-section-font-size":{"$value":"32px","$type":"dimension"},"--component-icon-size-sm":{"$value":"16px","$type":"dimension"},"--component-icon-size-md":{"$value":"20px","$type":"dimension"},"--component-icon-size-lg":{"$value":"24px","$type":"dimension"},"--component-icon-stroke":{"$value":"1.5"},"--component-eyebrow-accent-foreground":{"$value":"#5B4BD1","$type":"color"},"--component-eyebrow-accent-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-eyebrow-accent-font-size":{"$value":"13px","$type":"dimension"},"--component-eyebrow-accent-font-weight":{"$value":"500"},"--component-eyebrow-accent-letter-spacing":{"$value":"0.15em","$type":"dimension"},"--component-eyebrow-accent-text-transform":{"$value":"uppercase"},"--component-eyebrow-muted-foreground":{"$value":"#4A4652","$type":"color"},"--component-eyebrow-muted-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-eyebrow-muted-font-size":{"$value":"13px","$type":"dimension"},"--component-eyebrow-muted-letter-spacing":{"$value":"0.15em","$type":"dimension"},"--component-eyebrow-muted-text-transform":{"$value":"uppercase"},"--component-input-font-size":{"$value":"16px","$type":"dimension"},"--component-input-border-radius":{"$value":"8px","$type":"dimension"},"--component-input-min-height":{"$value":"44px","$type":"dimension"},"--component-link-default-foreground":{"$value":"#1A1720","$type":"color"},"--component-link-default-foreground-hover":{"$value":"#5B4BD1","$type":"color"},"--component-link-default-text-decoration":{"$value":"underline"},"--component-nav-link-default-foreground":{"$value":"#4A4652","$type":"color"},"--component-nav-link-default-foreground-hover":{"$value":"#1A1720","$type":"color"},"--component-nav-link-default-font-family":{"$value":"Geist, system-ui, sans-serif"},"--component-nav-link-default-font-size":{"$value":"13px","$type":"dimension"},"--component-nav-link-default-letter-spacing":{"$value":"0.08em","$type":"dimension"},"--component-nav-link-default-min-height":{"$value":"44px","$type":"dimension"},"--component-nav-link-active-foreground":{"$value":"#1A1720","$type":"color"},"--component-nav-link-active-border-bottom":{"$value":"2px solid #5B4BD1"},"--component-nav-link-active-min-height":{"$value":"44px","$type":"dimension"},"--component-section-default-padding-y":{"$value":"64px","$type":"dimension"},"--component-section-default-padding-x":{"$value":"24px","$type":"dimension"},"--component-section-default-gap":{"$value":"48px","$type":"dimension"},"--component-section-default-max-width":{"$value":"1200px","$type":"dimension"},"--component-modal-backdrop-blur":{"$value":"14px","$type":"dimension"},"--color-cream":{"$value":"#faf9f5","$type":"color"},"--color-page":{"$value":"#F1EFE6","$type":"color"},"--color-card":{"$value":"{--color-semantic-surface}"},"--color-ink":{"$value":"#1A1720","$type":"color"},"--color-ink-soft":{"$value":"#2E2937","$type":"color"},"--color-ink-muted":{"$value":"#4A4652","$type":"color"},"--color-surface":{"$value":"#EDECE4","$type":"color"},"--color-white-pure":{"$value":"#fafaf8","$type":"color"},"--color-accent-iris":{"$value":"#5B4BD1","$type":"color"},"--color-accent-peri":{"$value":"#A79CE2","$type":"color"},"--color-pass-ink":{"$value":"#2E6B50","$type":"color"},"--color-pass-subtle":{"$value":"rgba(46, 107, 80, 0.12)","$type":"color"},"--color-fail-ink":{"$value":"#A32F3D","$type":"color"},"--color-fail-subtle":{"$value":"rgba(163, 47, 61, 0.12)","$type":"color"},"--color-border-soft":{"$value":"rgba(28, 26, 46, 0.08)","$type":"color"},"--color-border-medium":{"$value":"rgba(28, 26, 46, 0.12)","$type":"color"},"--color-glass":{"$value":"rgba(255, 255, 255, 0.68)","$type":"color"},"--color-glass-strong":{"$value":"rgba(255, 255, 255, 0.82)","$type":"color"},"--color-tag-bg":{"$value":"rgba(255, 255, 255, 0.72)","$type":"color"},"--color-tag-border":{"$value":"rgba(28, 26, 46, 0.1)","$type":"color"},"--color-muted":{"$value":"#4A4652","$type":"color"},"--shadow-soft":{"$value":"0 1px 2px rgba(28, 26, 46, 0.04), 0 10px 30px rgba(28, 26, 46, 0.06),\n    0 24px 60px rgba(28, 26, 46, 0.04)"},"--shadow-layered":{"$value":"0 1px 2px rgba(28, 26, 46, 0.05), 0 12px 40px rgba(28, 26, 46, 0.08),\n    0 28px 80px rgba(28, 26, 46, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9)"},"--space-1":{"$value":"8px","$type":"dimension"},"--space-2":{"$value":"16px","$type":"dimension"},"--space-3":{"$value":"24px","$type":"dimension"},"--space-4":{"$value":"32px","$type":"dimension"},"--space-5":{"$value":"48px","$type":"dimension"},"--space-6":{"$value":"64px","$type":"dimension"},"--space-7":{"$value":"96px","$type":"dimension"},"--space-8":{"$value":"120px","$type":"dimension"},"--space-xs":{"$value":"8px","$type":"dimension"},"--space-sm":{"$value":"16px","$type":"dimension"},"--space-md":{"$value":"24px","$type":"dimension"},"--space-lg":{"$value":"40px","$type":"dimension"},"--space-xl":{"$value":"64px","$type":"dimension"},"--space-2xl":{"$value":"96px","$type":"dimension"},"--space-section":{"$value":"96px","$type":"dimension"},"--space-section-lg":{"$value":"96px","$type":"dimension"},"--container-width":{"$value":"1240px","$type":"dimension"},"--container-padding":{"$value":"32px","$type":"dimension"},"--grid-gap":{"$value":"32px","$type":"dimension"},"--card-padding":{"$value":"24px","$type":"dimension"},"--card-radius":{"$value":"20px","$type":"dimension"},"--animate-fade-in-up":{"$value":"fadeInUp 0.6s ease-out forwards"},"--font-display":{"$value":"var(--font-geist, \"Geist\"), system-ui, sans-serif"},"--font-body":{"$value":"var(--font-geist, \"Geist\"), system-ui, sans-serif"},"--font-mono":{"$value":"var(--font-geist, \"Geist\"), system-ui, sans-serif"},"--font-hero-display":{"$value":"var(--font-unique, \"Unique\"), \"Arial Narrow\", sans-serif"},"--typography-font-family-display":{"$value":"{--font-display}"},"--typography-font-family-body":{"$value":"{--font-body}"},"--typography-font-family-mono":{"$value":"{--font-mono}"},"--color-eyebrow":{"$value":"{--color-ink-soft}"},"--header-height":{"$value":"76px","$type":"dimension"},"--tracking-eyebrow":{"$value":"{--typography-letter-spacing-wider}"},"--shadow-orb":{"$value":"13px 22px 44px rgba(0, 0, 0, 0.26), inset 7px 9px 18px rgba(255, 255, 255, 0.5), inset -9px -13px 28px rgba(0, 0, 0, 0.16)"},"--shadow-orb-raised":{"$value":"14px 24px 48px rgba(0, 0, 0, 0.26), inset 7px 9px 18px rgba(255, 255, 255, 0.5), inset -9px -13px 28px rgba(0, 0, 0, 0.16)"},"--shadow-orb-selected":{"$value":"14px 24px 48px rgba(0, 0, 0, 0.3), inset 7px 9px 18px rgba(255, 255, 255, 0.5), inset -9px -13px 28px rgba(0, 0, 0, 0.16)"},"--gloss-orb":{"$value":"radial-gradient(circle, rgba(255, 255, 255, 0.85), transparent 72%)"},"--edge-glass-hi":{"$value":"inset 0 1px 0 rgba(255, 255, 255, 0.35)"},"--edge-glass-hi-strong":{"$value":"inset 0 1px 0 rgba(255, 255, 255, 0.4)"},"--gloss-press":{"$value":"inset 0 2px 4px rgba(255, 255, 255, 0.6)"},"--shadow-switch-track":{"$value":"inset 0 2px 5px rgba(25, 23, 32, 0.22)"},"--shadow-switch-track-dark":{"$value":"inset 0 2px 6px rgba(0, 0, 0, 0.5)"},"--shadow-switch-knob":{"$value":"3px 5px 8px rgba(25, 23, 32, 0.24)"},"--shadow-switch-knob-dark":{"$value":"3px 5px 8px rgba(0, 0, 0, 0.4)"},"--shadow-nav-bar":{"$value":"0 18px 48px rgba(26, 24, 20, 0.08)"},"--gloss-key":{"$value":"linear-gradient(color-mix(in srgb, white 18%, transparent), transparent 46%)"},"--gloss-key-hover":{"$value":"linear-gradient(color-mix(in srgb, white 26%, transparent), transparent 52%)"},"--gloss-key-pressed":{"$value":"linear-gradient(transparent 0 10%, color-mix(in srgb, white 12%, transparent) 10%, transparent 50%)"},"--shadow-key-hover":{"$value":"1px 4px 0 var(--key-fill-edge),\n    4px 8px 14px color-mix(in srgb, var(--key-fill-lo) 28%, transparent),\n    var(--edge-glass-hi-strong)"},"--scrim-media":{"$value":"linear-gradient(to top, color-mix(in srgb, black 46%, transparent), color-mix(in srgb, black 10%, transparent) 42%, transparent 68%)"},"--font-hero-unique":{"$value":"clamp(80px, 12.5vw, 184px)"},"--font-case-headline":{"$value":"clamp(28px, 2.8vw, 42px)"},"--font-case-display":{"$value":"clamp(40px, 5vw, 96px)"},"--font-hero":{"$value":"clamp(40px, 5vw, 56px)"},"--font-section-title":{"$value":"clamp(32px, 2.5vw, 40px)"},"--font-section-display":{"$value":"clamp(32px, 3.5vw, 56px)"},"--font-subsection":{"$value":"clamp(24px, 2.2vw, 32px)"},"--font-card-title":{"$value":"clamp(20px, 1.4vw, 24px)"},"--font-body-size":{"$value":"clamp(16px, 1.1vw, 18px)"},"--font-small":{"$value":"14px","$type":"dimension"},"--hero-iris-bright":{"$value":"#7A6BE8","$type":"color"},"--peri":{"$value":"#A79CE2","$type":"color"},"--case-code-first-hi":{"$value":"#F6BBD6","$type":"color"},"--case-code-first-lo":{"$value":"#F0A0C8","$type":"color"},"--case-code-first-deep":{"$value":"#B23A70","$type":"color"},"--case-drift-hi":{"$value":"#D6AFEE","$type":"color"},"--case-drift-lo":{"$value":"#C58AE6","$type":"color"},"--case-drift-deep":{"$value":"#6A40AC","$type":"color"},"--case-guardian-hi":{"$value":"#AEBCF5","$type":"color"},"--case-guardian-lo":{"$value":"#8FA2F0","$type":"color"},"--case-guardian-deep":{"$value":"#3B4FAC","$type":"color"},"--case-clarity-hi":{"$value":"#A6D8BC","$type":"color"},"--case-clarity-lo":{"$value":"#7FC79E","$type":"color"},"--case-clarity-deep":{"$value":"#256B4C","$type":"color"},"--case-design-lab-hi":{"$value":"{--case-filters-hi}"},"--case-design-lab-lo":{"$value":"{--case-filters-lo}"},"--case-design-lab-deep":{"$value":"{--case-filters-deep}"},"--case-writing-hi":{"$value":"#F5A79C","$type":"color"},"--case-writing-deep":{"$value":"#B23C30","$type":"color"},"--case-code-first-text":{"$value":"{--case-code-first-deep}"},"--case-drift-text":{"$value":"{--case-drift-deep}"},"--case-guardian-text":{"$value":"{--case-guardian-deep}"},"--case-clarity-text":{"$value":"{--case-clarity-deep}"},"--case-design-lab-text":{"$value":"{--case-design-lab-deep}"},"--case-writing-text":{"$value":"{--case-writing-deep}"},"--case-filters-text":{"$value":"{--case-filters-deep}"},"--case-chip-hi":{"$value":"#9ED9D2","$type":"color"},"--case-chip-lo":{"$value":"#79C6BC","$type":"color"},"--case-chip-deep":{"$value":"#1D6A61","$type":"color"},"--case-chip-text":{"$value":"{--case-chip-deep}"},"--case-filters-hi":{"$value":"#AFC9E8","$type":"color"},"--case-filters-lo":{"$value":"#8FB4DC","$type":"color"},"--case-filters-deep":{"$value":"#2A5A8E","$type":"color"},"--gov-clay-hi":{"$value":"#D99A6E","$type":"color"},"--gov-clay-deep":{"$value":"#8A4726","$type":"color"},"--gov-clay-text":{"$value":"{--gov-clay-deep}"},"--gov-grey-hi":{"$value":"#B8B2C2","$type":"color"},"--gov-grey-deep":{"$value":"#57525F","$type":"color"},"--gov-grey-text":{"$value":"{--gov-grey-deep}"},"--hub-hi":{"$value":"#CFC7F6","$type":"color"},"--hub-lo":{"$value":"#A99BEC","$type":"color"},"--hub-bright":{"$value":"#6C5CE0","$type":"color"},"--hub-deep":{"$value":"#5647C4","$type":"color"},"--hero-bub-ink":{"$value":"#141019","$type":"color"},"--hero-panel-bg":{"$value":"#FFFFFF","$type":"color"},"--hero-panel-ink":{"$value":"#1A1720","$type":"color"},"--hero-panel-close":{"$value":"#9A948B","$type":"color"},"--cover-warm-hi":{"$value":"#E9E2D2","$type":"color"},"--cover-warm-lo":{"$value":"#D9CDB9","$type":"color"},"--cover-warm-ink":{"$value":"#4A4030","$type":"color"},"--surface-paper":{"$value":"#FAFAF8","$type":"color"},"--ink-on-paper":{"$value":"#1A1720","$type":"color"},"--ink-on-paper-soft":{"$value":"#4A4652","$type":"color"},"--ink-on-paper-muted":{"$value":"#6B665D","$type":"color"},"--ink-on-paper-border":{"$value":"rgba(26, 23, 32, 0.1)","$type":"color"},"--modal-backdrop":{"$value":"rgba(26, 23, 32, 0.7)","$type":"color"},"--page-glow":{"$value":"rgba(255, 255, 255, 0.55)","$type":"color"},"--hero-panel-shadow":{"$value":"rgba(26, 23, 32, 0.22)","$type":"color"},"--hero-link":{"$value":"rgba(26, 23, 32, 0.16)","$type":"color"},"--key-face-hi":{"$value":"#FFFFFF","$type":"color"},"--key-face-lo":{"$value":"#ECEAE3","$type":"color"},"--key-edge":{"$value":"#D7D3CA","$type":"color"},"--key-iris-hi":{"$value":"#8E7EEC","$type":"color"},"--key-iris-lo":{"$value":"#6C5CE0","$type":"color"},"--key-iris-edge":{"$value":"#4A3FB0","$type":"color"},"--key-fill-hi":{"$value":"#6C5CE0","$type":"color"},"--key-fill-lo":{"$value":"#5B4BD1","$type":"color"},"--key-fill-edge":{"$value":"#4A3FB0","$type":"color"},"--key-plus":{"$value":"#B4AFA6","$type":"color"},"--switch-track-hi":{"$value":"#E7E4DB","$type":"color"},"--switch-track-lo":{"$value":"#D8D4CA","$type":"color"},"--switch-thumb-edge":{"$value":"#C9C5BC","$type":"color"},"--switch-icon-sun":{"$value":"#8F8A7F","$type":"color"},"--switch-icon-moon":{"$value":"#7C776F","$type":"color"},"--btn-key-radius":{"$value":"{--radius-lg}"},"--measure-case":{"$value":"70ch"},"--measure-card":{"$value":"70ch"},"--list-marker-size":{"$value":"6px","$type":"dimension"},"--thesis-band-ground":{"$value":"{--color-card}"},"--thesis-band-ink":{"$value":"{--color-ink}"},"--shadow-key-resting":{"$value":"1px 3px 0 var(--key-fill-edge),\n    3px 6px 10px color-mix(in srgb, var(--key-fill-lo) 24%, transparent),\n    var(--edge-glass-hi-strong)"},"--shadow-key-pressed":{"$value":"0 1px 0 var(--key-fill-edge),\n    2px 3px 8px color-mix(in srgb, var(--key-fill-lo) 20%, transparent),\n    var(--edge-glass-hi-strong)"},"--banner-radius":{"$value":"30px","$type":"dimension"},"--banner-blur":{"$value":"{--bella-blur-lg}"},"--banner-border":{"$value":"rgba(255, 255, 255, 0.6)","$type":"color"},"--banner-shadow":{"$value":"{--shadow-soft}"},"--banner-ground":{"$value":"{--color-glass-strong}"},"--banner-gradient":{"$value":"radial-gradient(120% 140% at 12% 0%, color-mix(in srgb, var(--hub-hi) 52%, transparent), transparent 55%),\n    radial-gradient(110% 120% at 88% 8%, color-mix(in srgb, var(--case-clarity-hi) 38%, transparent), transparent 52%),\n    radial-gradient(140% 150% at 55% 100%, color-mix(in srgb, var(--color-accent-peri) 28%, transparent), transparent 58%)"},"--seg-inset":{"$value":"3px","$type":"dimension"},"--trace-w":{"$value":"3px","$type":"dimension"},"--trace-ang":{"$value":"360deg"},"--cc":{"$value":"{--hero-iris-bright}"},"--csp-hi":{"$value":"{--case-clarity-hi}"},"--csp-lo":{"$value":"var(--case-clarity-lo, var(--case-clarity-hi))"},"--csp-deep":{"$value":"{--case-clarity-deep}"},"--csp-text":{"$value":"{--case-clarity-text}"},"--enddome-top":{"$value":"#EDE7F3","$type":"color"},"--enddome-mid":{"$value":"#EBE6DC","$type":"color"}}},"components":[{"name":"Button","source":"components/ui/Button.tsx","anatomy":["btn-key"],"props":[{"name":"variant","type":"string","values":["primary","secondary"]},{"name":"href","type":"string"},{"name":"onClick","type":"function"},{"name":"type","type":"string","values":["button","submit"]},{"name":"disabled","type":"boolean"},{"name":"ariaLabel","type":"string"}],"variants":[{"name":"primary","delta":"the ONE calm filled iris keycap per view (max one); gains btn-key--primary + the shared trace-host travelling border light"}],"tokens":["{--color-accent-ink}","{--btn-key-radius}","{--spacing-touch-target}","{--typography-font-size-tag}","{--tracking-eyebrow}","{--key-fill-hi}","{--key-fill-lo}"]},{"name":"SegmentedControl","source":"components/ui/SegmentedControl.tsx","anatomy":["seg-control","segment button","icon (optional, decorative)","label"],"props":[{"name":"options","type":"array of { value, label, icon? }"},{"name":"value","type":"string"},{"name":"onChange","type":"function"},{"name":"label","type":"string"}],"variants":[{"name":"active segment","delta":"aria-current=true; accent-subtle fill and accent border on the selected segment only"}],"tokens":["{--color-accent-ink}","{--color-border-medium}","{--color-semantic-accent-subtle}","{--color-semantic-accent-border}","{--color-ink-muted}"]},{"name":"FilterChip","source":"components/ui/FilterChip.tsx","anatomy":["filter-chip"],"props":[{"name":"pressed","type":"boolean"},{"name":"onClick","type":"function"},{"name":"ariaLabel","type":"string"},{"name":"className","type":"string"}],"variants":[{"name":"pressed","delta":"aria-pressed=true; inverse fill (background-inverse, text-inverse), border unchanged"}],"tokens":["{--color-border-medium}","{--color-ink-soft}","{--color-semantic-background-inverse}","{--color-semantic-text-inverse}","{--color-alpha-ink-6}"]},{"name":"Tag","source":"components/ui/Tag.tsx","anatomy":["tag"],"props":[{"name":"identity","type":"boolean"},{"name":"style","type":"CSSProperties (the --case-tint-* vars for identity)"}],"variants":[{"name":"identity","delta":"tag--identity: wears the case's tint via --case-tint-text / --case-tint-hi passed in style"}],"tokens":["{--color-supporting-linen}","{--ink-on-paper}","{--radius-full}","{--typography-font-size-tag}","{--font-body}"]},{"name":"StatusPill","source":"components/ui/StatusPill.tsx","anatomy":["status-pill"],"props":[],"variants":[],"tokens":["{--color-accent-ink}","{--color-semantic-accent-border}","{--radius-full}","{--spacing-2}"]},{"name":"Heading","source":"components/ui/Heading.tsx","anatomy":["display-heading","display-heading__accent (optional)"],"props":[{"name":"tier","type":"string","values":["hero","page","section","case"]},{"name":"as","type":"string","values":["h1","h2","h3"]},{"name":"accent","type":"ReactNode"},{"name":"id","type":"string"}],"variants":[{"name":"hero","delta":"font-size {--font-hero}, line-height 0.9"},{"name":"page","delta":"font-size {--font-case-display}, line-height 0.9 (page titles + case-study H1s)"},{"name":"case","delta":"font-size {--font-case-headline} (the smallest display step, next-case pointers)"}],"tokens":["{--font-hero-display}","{--font-section-display}","{--font-case-display}","{--font-case-headline}","{--font-hero}","{--color-ink}"]},{"name":"SectionHeader","source":"components/ui/SectionHeader.tsx","anatomy":["layout-header","section-label (optional)","Heading","description (optional)","actions (optional)"],"props":[{"name":"label","type":"string"},{"name":"title","type":"ReactNode"},{"name":"description","type":"ReactNode"},{"name":"tier","type":"string","values":["section","hero","page","case"]},{"name":"inverse","type":"boolean"},{"name":"accent","type":"ReactNode"},{"name":"id","type":"string"}],"variants":[{"name":"inverse","delta":"on-dark inks for fixed-dark grounds (display-heading--inverse, ink-on-dark tokens)"}],"tokens":["{--color-eyebrow}","{--color-muted}","{--ink-on-dark-strong}"]},{"name":"Card","source":"components/bella/Card/Card.tsx","anatomy":["trace wrapper (composes traceHost from bella shared/Trace.module.css)","inner panel (theme-aware semantic surface, border-box)","media (optional, with the ink-mix scrim)","body"],"props":[{"name":"accent","type":"string (identity colour token)"},{"name":"variant","type":"string","values":["default","peek"]},{"name":"media","type":"ReactNode"},{"name":"mediaScrim","type":"boolean"},{"name":"href","type":"string"},{"name":"onClick","type":"function"},{"name":"linkComponent","type":"ElementType","note":"internal-link renderer; ui/Card binds next/link so call sites do not"}],"variants":[{"name":"peek","delta":"the one fixed-always-light panel, for elements floating light on navy; re-scopes the semantic ink names so dark cannot render light on light"},{"name":"media","delta":"full-bleed cover above the padded body, with a scrim mixed from {--color-brand-ink} (not black) so text stays AA"}],"tokens":["{--color-semantic-surface}","{--color-semantic-surface-inset}","{--cc}","{--color-iris-bright}","{--color-brand-ink}","{--color-neutral-paper}","{--radius-3xl}","{--shadow-card-rest}","{--shadow-card-rest-dark}","{--shadow-card-elevated}","{--ring-focus-color}"],"vendored":"BELLA, synced by npm run sync:bella. components/ui/Card.tsx is the next/link adapter."},{"name":"CaseBeat","source":"components/CaseBeat.tsx","anatomy":["beat","beat-grid","beat-text (eyebrow, headline, keyline, body, control)","beat-visual (visual, foot)"],"props":[{"name":"index","type":"string"},{"name":"kicker","type":"string"},{"name":"headline","type":"string"},{"name":"keyline","type":"string"},{"name":"body","type":"ReactNode"},{"name":"visual","type":"ReactNode"},{"name":"control","type":"ReactNode"},{"name":"foot","type":"ReactNode"},{"name":"flip","type":"boolean"},{"name":"id","type":"string"}],"variants":[{"name":"flip","delta":"beat--flip swaps the grid column order ONLY; the text column's internal order never changes (the alternation law)"}],"tokens":["{--spacing-16}","{--spacing-8}","{--font-section-display}","{--color-border-soft}"],"requiresContext":{"ancestor":"none","note":"Self-contained as of 27 Jul 2026. .beat carries its own inline padding and measure, and stands down inside .layout-container or .cs2 so the gutter is never doubled. It previously required an ancestor container and failed silently without one."}}],"controlTaxonomy":[{"control":"Button","use":"True actions only; max one primary per view."},{"control":"SegmentedControl","use":"Mutually exclusive views; single select, aria-current."},{"control":"FilterChip","use":"Multi-select filters; outline, aria-pressed, hover."},{"control":"Tag","use":"Flat metadata wash, never clickable."},{"control":"StatusPill","use":"Quiet status, non-interactive."}],"rules":["Tokens only; a raw value fails the gate.","No pure white and no pure black.","Body text never below 16px.","Two typefaces; Unique is display only.","Saturated iris means interactive, and only that.","One primary action per view.","One light source, upper left."],"cases":[{"slug":"brad-frost","title":"Working code-first changes what you pay attention to.","route":"/case-studies/brad-frost"},{"slug":"chip","title":"AI builds whatever your system already is. I built CHIP to see it first.","route":"/case-studies/chip"},{"slug":"design-system-transformation","title":"The system is the set of agreements, not the component library.","route":"/case-studies/design-system-transformation"}],"library":[{"id":"chip","title":"CHIP","medium":"case study","skills":["AI-enabled Design","Design System Governance","Design Systems","Accessibility"],"colourTokens":{"hi":"var(--case-chip-hi)","lo":"var(--case-chip-lo)","deep":"var(--case-chip-deep)","text":"var(--case-chip-text)"},"href":"/case-studies/chip"},{"id":"code-first","title":"Code First","medium":"case study","skills":["Design Systems","Design Tokens","Component Libraries","Figma ⇄ Code","Accessibility"],"colourTokens":{"hi":"var(--case-code-first-hi)","lo":"var(--case-code-first-lo)","deep":"var(--case-code-first-deep)","text":"var(--case-code-first-text)"},"href":"/case-studies/brad-frost"},{"id":"drift","title":"From Drift to Foundation","medium":"case study","skills":["Design Systems","Design Tokens","Accessibility","Design System Governance","Component Libraries","Product Design"],"colourTokens":{"hi":"var(--case-drift-hi)","lo":"var(--case-drift-lo)","deep":"var(--case-drift-deep)","text":"var(--case-drift-text)"},"href":"/case-studies/design-system-transformation"},{"id":"design-lab","title":"Design Lab","medium":"prototype","skills":["AI-enabled Design","Design Systems","Product Design"],"colourTokens":{"hi":"var(--case-design-lab-hi)","lo":"var(--case-design-lab-lo)","deep":"var(--case-design-lab-deep)","text":"var(--case-design-lab-text)"},"href":"/work#design-lab"}],"skills":["Design Systems","Design Tokens","Design System Governance","AI-enabled Design","Accessibility","Component Libraries","Figma ⇄ Code","Product Design","UX Research"]}