In the templates we have Headers and Text boxes.
1)Globally we can select Inherited, Body Copy, Heading. What are these; what do they impact, how are their values set by the underlying theme code?. How should they be used?
2)Please explain the relationship between H1, H2, H3, H4, H5, H6 in the templates and and the font sizes we Globally set for XS, SM, MD,LG, XL. Which is which? They were all set at 14px. What should they be set at?
3)Which of these sizes controls the Page Title (HOME) font?
As of now, the templates seem to have the Header boxes with H1 at some small font like 12px or 14px. So to get a reasonable Header font size one is forced to change from 1EM to 2EM on every page. I assume there is a better way to change H1, and the other globally. How is that done?
REM is initially set at 1.0. I assume this setting will control the size (Headers and Content Text) of everything once I get the relative size of the 6 Headers and text set.
Where do I learn at what point the Stepped changes occur and by how much as screen sizes change.
I did read Pro 1.10 but remain confused as to these relationships.