sate-lib/lib/assets/styles/typography.css

A lightweight and modular React component library designed for modern web interfaces. **SATE Lib** powers the [sate.menu](https://sate.menu) platform with reusable, scalable, and themeable UI components.

@font-face{font-family:Author;src:url(../../assets/fonts/author-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Golos UI;src:url(../../assets/fonts/golos-ui-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.displayLarge,.displayMedium,.displaySmall,.titleScreen,.titleSection,.titleSubsection,.titleBody,.titleGroup{font-family:var(--typeface-brand,"Author");font-weight:700}.displayLarge{font-size:var(--typescale-display-large-font-size,6rem);line-height:var(--typescale-display-large-line-height,5.125rem);letter-spacing:var(--typescale-display-large-letter-spacing,0)}.displayMedium{font-size:var(--typescale-display-medium-font-size,4rem);line-height:var(--typescale-display-medium-line-height,3.375rem);letter-spacing:var(--typescale-display-medium-letter-spacing,0)}.displaySmall{font-size:var(--typescale-display-small-font-size,2.5rem);line-height:var(--typescale-display-small-line-height,2.125rem);letter-spacing:var(--typescale-display-small-letter-spacing,0)}.titleScreen{font-size:var(--typescale-title-screen-font-size,2.5rem);line-height:var(--typescale-title-screen-line-height,2.125rem);letter-spacing:var(--typescale-title-screen-letter-spacing,0)}.titleSection{font-size:var(--typescale-title-section-font-size,1.75rem);line-height:var(--typescale-title-section-line-height,2.25rem);letter-spacing:var(--typescale-title-section-letter-spacing,-.025rem)}.titleSubsection{font-size:var(--typescale-title-subsection-font-size,1.25rem);line-height:var(--typescale-title-subsection-line-height,1.75rem);letter-spacing:var(--typescale-title-subsection-letter-spacing,-.01875rem)}.titleBody{font-size:var(--typescale-title-body-font-size,1.125rem);line-height:var(--typescale-title-body-line-height,1.5rem);letter-spacing:var(--typescale-title-body-letter-spacing,-.0125rem)}.titleGroup{font-size:var(--typescale-title-group-font-size,1.125rem);line-height:var(--typescale-title-group-line-height,1.625rem);letter-spacing:var(--typescale-title-group-letter-spacing,-.00625rem)}.bodyXLargeEmphasis,.bodyXLarge,.bodyLargeEmphasis,.bodyLarge,.bodyDefaultEmphasis,.bodyDefault,.bodySmallEmphasis,.bodySmall,.linkLarge,.linkDefault,.linkSmall{font-family:var(--typeface-interface,"Golos UI")}.bodyXLargeEmphasis{font-size:var(--typescale-body-x-large-emphasis-font-size,1.125rem);font-weight:500;line-height:var(--typescale-body-x-large-emphasis-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-emphasis-letter-spacing,-.0125rem)}.bodyXLarge{font-size:var(--typescale-body-x-large-font-size,1.125rem);font-weight:400;line-height:var(--typescale-body-x-large-line-height,1.625rem);letter-spacing:var(--typescale-body-x-large-letter-spacing,-.0125rem)}.bodyLargeEmphasis{font-size:var(--typescale-body-large-emphasis-font-size,1rem);font-weight:500;line-height:var(--typescale-body-large-emphasis-line-height,1.5rem);letter-spacing:var(--typescale-body-large-emphasis-letter-spacing,-.0125rem)}.bodyLarge{font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem)}.bodyDefaultEmphasis{font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0)}.bodyDefault{font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0)}.bodySmallEmphasis{font-size:var(--typescale-body-small-emphasis-font-size,.75rem);font-weight:500;line-height:var(--typescale-body-small-emphasis-line-height,1rem);letter-spacing:var(--typescale-body-small-emphasis-letter-spacing,-.0125rem)}.bodySmall{font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem)}.linkLarge,.linkDefault,.linkSmall{text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font;font-weight:500;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto}.linkLarge{font-size:var(--typescale-link-large-font-size,1rem);line-height:var(--typescale-link-large-line-height,1.5rem);letter-spacing:var(--typescale-link-large-letter-spacing,-.0125rem)}.linkDefault{font-size:var(--typescale-link-default-font-size,.875rem);line-height:var(--typescale-link-default-line-height,1.375rem);letter-spacing:var(--typescale-link-default-letter-spacing,0)}.linkSmall{font-size:var(--typescale-link-small-font-size,.75rem);line-height:var(--typescale-link-small-line-height,1rem);letter-spacing:var(--typescale-link-small-letter-spacing,-.0125rem)}