Typography

$document-font-size: 16px
$font-size-9: 0.75rem
$font-size-8: 0.875rem
$font-size-7: 1rem
$font-size-6: 1.125rem
$font-size-5: 1.25rem
$font-size-4: 1.5rem
$font-size-3: 1.75rem
$font-size-2: 2rem
$font-size-1: 2.5rem
$font-size-0: 3.375rem
$weight-light: 100
$weight-semilight: 200
$weight-normal: 400
$weight-semibold: 600
$weight-bold: 700
$letter-spacing-medium: 0.125rem
$letter-spacing-wide: 0.225rem
$line-height-normal: 1.3
$optimal-reading-width: 688px
$optimal-reading-width-widescreen: 900px
$reading-width-padding: 24px
$reading-width-padded: calc(688px + var(--layout-gap) * 2)
$reading-width-padded-widescreen: calc(900px + var(--layout-gap) * 2)
$breakpoint-reading-width-wide: 2000px