/* Shared typography scale for all public site/* pages.
   Source of truth: index.html. Loaded globally by InlineHtmlPage.
   Edit here to change type sizes everywhere. */

:root {
  --text-xs:   clamp(0.8rem,    0.75rem + 0.25vw, 0.9375rem);
  --text-sm:   clamp(0.9375rem, 0.875rem + 0.35vw, 1.0625rem);
  --text-base: clamp(1.0625rem, 1rem    + 0.25vw, 1.1875rem);
  --text-lg:   clamp(1.125rem,  1rem    + 0.75vw, 1.5rem);
  --text-xl:   clamp(1.5rem,    1.2rem  + 1.25vw, 2.25rem);
  --text-2xl:  clamp(2rem,      1.2rem  + 2.5vw,  3.5rem);
  --text-3xl:  clamp(2.2rem,    1rem    + 3.5vw,  4.5rem);
}

[data-inline-html-page-src] {
  font-size: var(--text-base);
  line-height: 1.6;
}

[data-inline-html-page-src] h1 { font-size: var(--text-3xl); }
[data-inline-html-page-src] h2 { font-size: var(--text-2xl); }
[data-inline-html-page-src] h3 { font-size: var(--text-xl); }
[data-inline-html-page-src] h4 { font-size: var(--text-lg); }
[data-inline-html-page-src] h5,
[data-inline-html-page-src] h6 { font-size: var(--text-base); }
[data-inline-html-page-src] small { font-size: var(--text-sm); }