/* ==========================================================================
   PLAINBLACK TYPE SCALE, 29 Oct 2026. The one set of text sizes for every
   website, dashboard, lead demo and tool PlainBlack publishes (Jay: "a standard
   size to use for H1, H2, Headings, body etc ... so sites and tools I publish
   dont guess, or make text too small").

   Apple's default iPhone text sizes as web pixels (Human Interface Guidelines,
   Typography, read 29 Oct 2026: Large Title 34, Title 1 28, Title 2 22,
   Title 3 20, Headline 17, Body 17, Subhead 15, Footnote 13). Headings grow to
   their laptop size between a 400px and a 1440px wide window; body and smaller
   never change. Nothing is ever smaller than 13px.

   Copy this file into a site as it is and use the names, never a pixel size:
   font-size: var(--t-body). Brand fonts stay each client's; only sizes are
   standard. The dashboards carry the same values at the top of the engine part
   of demo/assets/css/hub.css; change both together.
   ========================================================================== */
:root{
  --t-display:clamp(34px, 25.54px + 2.115vw, 56px); /* hero headline or one big figure, once a page */
  --t-h1:clamp(28px, 23.38px + 1.154vw, 40px);      /* page title */
  --t-h2:clamp(22px, 18.92px + .769vw, 30px);       /* section heading */
  --t-h3:clamp(20px, 19.23px + .192vw, 22px);       /* heading inside a section */
  --t-h4:17px;                                      /* card title, label: body size, bold */
  --t-body:17px;                                    /* most words on the page */
  --t-small:15px;                                   /* secondary lines, meta, form help */
  --t-caption:13px;                                 /* footnotes, legal, chart labels: the floor */
}
body{font-size:var(--t-body);line-height:1.5}
h1{font-size:var(--t-h1);line-height:1.15}
h2{font-size:var(--t-h2);line-height:1.2}
h3{font-size:var(--t-h3);line-height:1.25}
h4{font-size:var(--t-h4);line-height:1.3}
small{font-size:var(--t-small)}