/* FPT Telecom — typography.
   Scale transcribed from the "Typography" design-guideline frame.
   Font: SF Pro (Apple). No webfont binary ships with the .fig, so the stack
   resolves to the real face on Apple platforms and to the system UI face
   elsewhere. See readme.md › VISUAL FOUNDATIONS for the substitution note. */
:root{
--font-sans:"SF Pro Display","SF Pro Text","SF Pro",-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif; /* @kind font */
--font-body:var(--font-sans); /* @kind font */--font-display:var(--font-sans); /* @kind font */
--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace; /* @kind font */

--font-weight-regular:400; /* @kind font */--font-weight-medium:500; /* @kind font */--font-weight-semibold:600; /* @kind font */--font-weight-bold:700; /* @kind font */

--font-size-heading-h1:40px;--font-size-heading-h2:32px;--font-size-heading-h3:28px;
--font-size-text-xl:24px;--font-size-text-lg:20px;--font-size-text-md:16px;--font-size-text-s:14px;--font-size-text-xs:12px;

--line-height-h1:48px; /* @kind font */--line-height-h2:44px; /* @kind font */--line-height-h3:36px; /* @kind font */
--line-height-xl:32px; /* @kind font */--line-height-lg:28px; /* @kind font */--line-height-md:22px; /* @kind font */--line-height-s:20px; /* @kind font */--line-height-xs:16px; /* @kind font */
}
/* Utility classes — the same ladder as the Overview table in the source frame. */
.fpt-h1{font:var(--font-weight-bold) var(--font-size-heading-h1)/var(--line-height-h1) var(--font-display);color:var(--text-primary)}
.fpt-h2{font:var(--font-weight-bold) var(--font-size-heading-h2)/var(--line-height-h2) var(--font-display);color:var(--text-primary)}
.fpt-h3{font:var(--font-weight-bold) var(--font-size-heading-h3)/var(--line-height-h3) var(--font-display);color:var(--text-primary)}
.fpt-text-xl{font:var(--font-weight-regular) var(--font-size-text-xl)/var(--line-height-xl) var(--font-body)}
.fpt-text-xl-bold{font:var(--font-weight-bold) var(--font-size-text-xl)/var(--line-height-xl) var(--font-body)}
.fpt-text-lg{font:var(--font-weight-regular) var(--font-size-text-lg)/var(--line-height-lg) var(--font-body)}
.fpt-text-lg-bold{font:var(--font-weight-bold) var(--font-size-text-lg)/var(--line-height-lg) var(--font-body)}
.fpt-text-md{font:var(--font-weight-regular) var(--font-size-text-md)/var(--line-height-md) var(--font-body)}
.fpt-text-md-medium{font:var(--font-weight-medium) var(--font-size-text-md)/var(--line-height-md) var(--font-body)}
.fpt-text-md-semibold{font:var(--font-weight-semibold) var(--font-size-text-md)/var(--line-height-md) var(--font-body)}
.fpt-text-md-bold{font:var(--font-weight-bold) var(--font-size-text-md)/var(--line-height-md) var(--font-body)}
.fpt-text-s{font:var(--font-weight-regular) var(--font-size-text-s)/var(--line-height-s) var(--font-body)}
.fpt-text-s-medium{font:var(--font-weight-medium) var(--font-size-text-s)/var(--line-height-s) var(--font-body)}
.fpt-text-s-bold{font:var(--font-weight-bold) var(--font-size-text-s)/var(--line-height-s) var(--font-body)}
.fpt-text-xs{font:var(--font-weight-regular) var(--font-size-text-xs)/var(--line-height-xs) var(--font-body)}
.fpt-text-xs-medium{font:var(--font-weight-medium) var(--font-size-text-xs)/var(--line-height-xs) var(--font-body)}
