Font Size Theme
Font Size
The responsive type scale and semantic mappings that establish readable hierarchy across QP content and controls. Enum values are authored vocabulary; System values are framework-owned truths; Roots are independent semantic theme decisions. Derived and Inherited variables remain available through Theme search and linked variable families.
Roots
--qp-font-size-xs
Establish the smallest canonical type level for compact metadata and tertiary labels.
0 Derived variables; 0 Inherited variables
0.8125rem
--qp-font-size-sm
Establish the small canonical type level for captions, secondary text, and compact controls.
0 Derived variables; 3 Inherited variables
0.9375rem
--qp-font-size-md
Establish the standard canonical type level for body copy and ordinary controls.
0 Derived variables; 2 Inherited variables
1rem
--qp-font-size-lg
Establish the large canonical type level for component titles and modest emphasis.
0 Derived variables; 4 Inherited variables
clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem)
--qp-font-size-xl
Establish the extra-large canonical type level for section headings and prominent content titles.
0 Derived variables; 1 Inherited variable
clamp(1.375rem, 1.15rem + 1vw, 1.75rem)
--qp-font-size-2xl
Establish the major-heading canonical type level for document-level hierarchy.
0 Derived variables; 1 Inherited variable
clamp(1.75rem, 1.35rem + 2vw, 2.5rem)
--qp-font-size-3xl
Establish the display canonical type level for responsive PageHeader typography.
0 Derived variables; 1 Inherited variable
clamp(2.25rem, 1.35rem + 4vw, 4.5rem)