:root{
  --font-core:"Be Vietnam Pro","Sofia Sans",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  /* Weights. Be Vietnam Pro has no 450 cut — body sits at 400 with the
     compensating -0.5% tracking the source guidelines prescribe. */
  --weight-body:400;
  --weight-medium:500;
  --weight-semi:600;
  --weight-bold:700;

  --size-h1:64px;   --lh-h1:64px;    --ls-h1:-1.28px;
  --size-h2:36px;   --lh-h2:44px;    --ls-h2:-0.72px;
  --size-h3:24px;   --lh-h3:28.8px;  --ls-h3:-0.48px;
  --size-h4:14px;   --lh-h4:18.2px;  --ls-h4:normal; /* @kind other */
  --size-eyebrow:14px; --lh-eyebrow:14px; --ls-eyebrow:0.56px;
  --size-body:16px; --lh-body:22.4px; --ls-body:-0.08px;
  --size-body-sm:14px; --lh-body-sm:20px;
  --size-label:16px; --lh-label:16px; --ls-label:-0.48px;
  --size-caption:12px; --lh-caption:16px;
  --size-watermark:112px; --ls-watermark:-2.24px;

  --text-h1:var(--weight-medium) var(--size-h1)/var(--lh-h1) var(--font-core);
  --text-h2:var(--weight-medium) var(--size-h2)/var(--lh-h2) var(--font-core);
  --text-h3:var(--weight-medium) var(--size-h3)/var(--lh-h3) var(--font-core);
  --text-body-font:var(--weight-body) var(--size-body)/var(--lh-body) var(--font-core);
  --text-eyebrow:var(--weight-bold) var(--size-eyebrow)/var(--lh-eyebrow) var(--font-core);
}