export const MOBILE_TYPOGRAPHY = {  micro: { fontSize: 10, lineHeight: 13 },  caption: { fontSize: 11, lineHeight: 15 },  label: { fontSize: 12, lineHeight: 16 },  footnote: { fontSize: 13, lineHeight: 18 },  composer: { fontSize: 14, lineHeight: 20 },  body: { fontSize: 15, lineHeight: 22 },  headline: { fontSize: 17, lineHeight: 22 },  title: { fontSize: 20, lineHeight: 26 },  largeTitle: { fontSize: 24, lineHeight: 30 },  display: { fontSize: 28, lineHeight: 34 },} as const; /** Shared geometry for dense, horizontally scrolling code surfaces. */export const MOBILE_CODE_SURFACE = {  rowHeight: 20,  gutterWidth: 46,  codePadding: 7,  textVerticalInset: 2,  fontSize: MOBILE_TYPOGRAPHY.caption.fontSize,  lineNumberFontSize: MOBILE_TYPOGRAPHY.micro.fontSize,} as const;