1export const MOBILE_TYPOGRAPHY = {
2 micro: { fontSize: 11, lineHeight: 14 },
3 caption: { fontSize: 12, lineHeight: 16 },
4 label: { fontSize: 13, lineHeight: 17 },
5 footnote: { fontSize: 14, lineHeight: 19 },
6 body: { fontSize: 16, lineHeight: 23 },
7 headline: { fontSize: 18, lineHeight: 23 },
8 title: { fontSize: 21, lineHeight: 28 },
9 largeTitle: { fontSize: 26, lineHeight: 32 },
10 display: { fontSize: 30, lineHeight: 36 },
11} as const;
12
13/** Shared geometry for dense, horizontally scrolling code surfaces. */
14export const MOBILE_CODE_SURFACE = {
15 rowHeight: 22,
16 gutterWidth: 46,
17 codePadding: 7,
18 textVerticalInset: 2,
19 fontSize: MOBILE_TYPOGRAPHY.caption.fontSize,
20 lineNumberFontSize: MOBILE_TYPOGRAPHY.micro.fontSize,
21} as const;