1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
//! Typography constants - font sizes
//!
//! Consistent text sizing across the UI.
// =============================================================================
// Font Size Scale
// =============================================================================
/// Micro text (8px) - badges, tiny labels
pub const MICRO: f32 = 8.0;
/// Tiny text (9px) - very small labels, markers
pub const TINY: f32 = 9.0;
/// Extra small text (10px) - labels, hints
pub const XS: f32 = 10.0;
/// Small text (11px) - secondary labels
pub const SM: f32 = 11.0;
/// Small-medium text (12px) - compact body text
pub const SM_MD: f32 = 12.0;
/// Medium text (13px) - body text, btns
pub const MD: f32 = 13.0;
/// Large text (14px) - emphasized text
pub const LG: f32 = 14.0;
/// Extra large text (15px) - headings
pub const XL: f32 = 15.0;
/// 2X large text (16px) - section titles
pub const XXL: f32 = 16.0;
/// Title text (18px) - dialog titles, large headings
pub const TITLE: f32 = 18.0;
/// Display text (20px) - large display elements
pub const DISPLAY: f32 = 20.0;
/// Hero text (22px) - hero/large display
pub const HERO: f32 = 22.0;
// =============================================================================
// Semantic Aliases
// =============================================================================
/// Button label font size
pub const BUTTON: f32 = MD;
/// Menu item font size
pub const MENU_ITEM: f32 = LG;
/// Tooltip font size
pub const TOOLTIP: f32 = SM;
/// Input field font size
pub const INPUT: f32 = MD;
/// Label font size
pub const LABEL: f32 = SM;
/// Symbol/ticker font size
pub const SYMBOL: f32 = LG;
/// Badge font size
pub const BADGE: f32 = MICRO;
/// Marker/annotation font size
pub const MARKER: f32 = TINY;
/// Compact text font size
pub const COMPACT: f32 = SM_MD;
/// Dialog title font size
pub const DIALOG_TITLE: f32 = TITLE;
/// Emoji display font size
pub const EMOJI: f32 = DISPLAY;
/// Large emoji display font size
pub const EMOJI_ICON: f32 = HERO;
/// Extra large icon font size (48px) - success/status icons
pub const ICON_HERO: f32 = 48.0;