{"name":"Bakery design system","version":"2.0.0","themes":["dark (default)","light"],"font":{"family":"Urbanist","weights":[400,500,600,700,800],"source":"@fontsource/urbanist (self-hosted, OFL)"},"colors":[{"name":"flour","role":"Page background","dark":"#121212","light":"#f4f4f2","android":"flour"},{"name":"surface","role":"Cards, sheets, inputs' container","dark":"#1e1e1e","light":"#ffffff","android":"surface"},{"name":"crumb","role":"Raised elements, chips, input fill","dark":"#2a2a2a","light":"#ecece8","android":"crumb"},{"name":"line","role":"Dividers and borders","dark":"#2e2e2e","light":"#e2e2de","android":"line"},{"name":"ink","role":"Primary text and icons","dark":"#ffffff","light":"#141414","android":"ink"},{"name":"ink-muted","role":"Secondary text","dark":"#a3a3a3","light":"#5f5f5f","android":"inkMuted"},{"name":"leaf","role":"Brand and action green","dark":"#22c55e","light":"#16a34a","android":"leaf"},{"name":"leaf-hi","role":"Top of the action gradient","dark":"#2bd467","light":"#2bd467","android":"leafHi"},{"name":"leaf-lo","role":"Bottom of the action gradient","dark":"#16a34a","light":"#16a34a","android":"leafLo"},{"name":"on-leaf","role":"Text on green (contrast > 5:1)","dark":"#04210e","light":"#04210e","android":"onLeaf"},{"name":"leaf-soft","role":"Tinted green backgrounds","dark":"rgb(34 197 94 / 0.14)","light":"rgb(22 163 74 / 0.12)","android":"leafSoft"},{"name":"leaf-ink","role":"Green text on dark/light backgrounds","dark":"#4ade80","light":"#15803d","android":"leafInk"},{"name":"crust","role":"Warm accent: timers, low stock","dark":"#f08c3c","light":"#c2621c","android":"crust"},{"name":"ember","role":"Errors and destructive actions","dark":"#f2545b","light":"#dc2626","android":"ember"},{"name":"ember-soft","role":"Error backgrounds","dark":"rgb(242 84 91 / 0.14)","light":"rgb(220 38 38 / 0.1)","android":"emberSoft"},{"name":"ember-ink","role":"Error text","dark":"#fca5a5","light":"#b91c1c","android":"emberInk"},{"name":"oven","role":"Inverse surface (white in dark mode)","dark":"#ffffff","light":"#141414","android":"oven"},{"name":"on-oven","role":"Text on inverse surface","dark":"#121212","light":"#ffffff","android":"onOven"},{"name":"sidebar","role":"Portal side menu (web only)","dark":"#171717","light":"#ffffff","android":"—"}],"type":[{"name":"display","size":72,"line":0.95,"weight":800,"tracking":"-0.035em","use":"Hero headline (web)","android":"displayLarge (56sp)"},{"name":"headline-xl","size":48,"line":1,"weight":800,"tracking":"-0.035em","use":"Section titles","android":"displaySmall (40sp)"},{"name":"headline","size":34,"line":1.05,"weight":800,"tracking":"-0.035em","use":"Page titles","android":"headlineMedium (34sp)"},{"name":"title","size":22,"line":1.2,"weight":800,"tracking":"-0.02em","use":"Card titles","android":"titleLarge (22sp)"},{"name":"body-lg","size":18,"line":1.6,"weight":500,"tracking":"0","use":"Lead paragraphs","android":"bodyLarge (17sp)"},{"name":"body","size":15,"line":1.5,"weight":500,"tracking":"0","use":"Body text","android":"bodyMedium (15sp)"},{"name":"label","size":13,"line":1.4,"weight":700,"tracking":"0","use":"Labels, captions","android":"labelMedium (13sp)"},{"name":"eyebrow","size":12,"line":1.3,"weight":800,"tracking":"0.16em","use":"Uppercase section labels","android":"SectionLabel"},{"name":"button","size":15,"line":1,"weight":800,"tracking":"0.09em","use":"Uppercase primary buttons","android":"ButtonLabel"}],"radii":[{"name":"chip","value":"12px","css":"var(--radius-chip)","android":"shapes.small"},{"name":"button","value":"16px","css":"rounded-2xl","android":"RoundedCornerShape(16.dp)"},{"name":"card","value":"24px","css":"var(--radius-card)","android":"shapes.medium (22dp)"},{"name":"hero","value":"32px","css":"rounded-[32px]","android":"shapes.extraLarge (30dp)"},{"name":"pill","value":"999px","css":"rounded-full","android":"CircleShape"}],"spacing":[4,8,12,16,20,24,32,40,64,96],"shadows":[{"name":"glow","value":"0 10px 26px var(--leaf-glow)","use":"Primary button only"},{"name":"float","value":"0 30px 80px rgb(0 0 0 / 0.45)","use":"Phone mockups, floating sheets"}],"motion":[{"name":"fast","ms":160,"use":"Colour and opacity changes"},{"name":"medium","ms":280,"use":"Page and sheet transitions"},{"name":"slow","ms":480,"use":"Entrances (fade + 18px rise)"},{"name":"stagger","ms":45,"use":"Delay between list items (first 10 only)"}],"sources":{"web":"web/src/app/globals.css (CSS variables + Tailwind @theme)","components":"web/src/components/{ui,site,icons,logo}.tsx","android":"android/core-ui/src/main/java/co/za/bakery/ui (theme/, components/)","docs":"web/DESIGN-SYSTEM.md"}}