/* TheraBee — typography. Source: guidelines p.22–24.
   Usage spec (p.24, at 1920 artboard): Headline 70pt Manrope Bold · Subhead 30pt Manrope SemiBold ·
   Body 20pt Montserrat Regular · Button 20pt Manrope ExtraBold. Scale below is that ladder adapted for screen. */
:root{
  --font-display:'Manrope',ui-sans-serif,system-ui,sans-serif;
  --font-sans:'Manrope',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Montserrat','Manrope',ui-sans-serif,system-ui,sans-serif;

  --weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;
  --weight-semibold:600;--weight-bold:700;--weight-extrabold:800;

  --text-display:clamp(44px,5.2vw,70px);
  --text-h1:48px;
  --text-h2:36px;
  --text-h3:30px;
  --text-h4:22px;
  --text-lead:20px;
  --text-body-size:16px;
  --text-sm:14px;
  --text-xs:12px;
  --text-button:16px;

  --leading-tight:1.05;
  --leading-snug:1.2;
  --leading-normal:1.5;
  --leading-relaxed:1.65;

  --tracking-tight:-0.02em;
  --tracking-normal:0;
  --tracking-caps:0.06em;
}