/* Type scale. Sizes/line-heights verbatim from components/typography.css and
   site.scss, including the 768px step-down. */
:root{
  --font-family-helvetica:'Helvetica';
  /* Display and legacy aliases both resolve to the one stack — retained so existing
     token references keep working, not because a second face is available. */
  --font-family-helvetica-display:var(--font-family-helvetica);
  --font-family-poppins:var(--font-family-helvetica);
  --font-family-mono:ui-monospace,'SFMono-Regular','Menlo','Consolas',monospace;
  --font-family-default:var(--font-family-helvetica);
  --font-family-display:var(--font-family-helvetica-display);

  --font-weight-light:300;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;

  --font-size-large:16px;
  --font-size-medium:14px;
  --font-size-small:12px;
  --font-size-smaller:11px;

  --line-height-large:24px;
  --line-height-default:20px;
  --line-height-small:16px;

  /* heading scale */
  --h1-size:40px;--h1-line:48px;
  --h2-size:32px;--h2-line:40px;
  --h3-size:28px;--h3-line:40px;
  --h4-size:24px;--h4-line:28px;
  --h5-size:20px;--h5-line:30px;
  --h6-size:16px;--h6-line:24px;
  --h-sm-size:14px;--h-sm-line:20px;
  --h-xs-size:12px;--h-xs-line:16px;
}
@media (max-width:768px){
  :root{
    --font-size-large:14px;
    --font-size-medium:12px;
    --font-size-small:11px;
    --font-size-smaller:10px;
    --line-height-large:20px;
    --line-height-default:16px;
    --line-height-small:14px;
    --h1-size:32px;--h1-line:40px;
    --h2-size:28px;--h2-line:32px;
    --h3-size:24px;--h3-line:28px;
    --h4-size:20px;--h4-line:30px;
    --h5-size:16px;--h5-line:24px;
    --h6-size:14px;--h6-line:20px;
    --h-sm-size:12px;--h-sm-line:16px;
    --h-xs-size:11px;--h-xs-line:16px;
  }
}