typography.scss

$font-families: (
  sans: (
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Helvetica Neue',
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Meiryo UI',
    Arial,
    sans-serif,
  ),
  mono: (
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace,
  ),
);
$font-scales: (
  hero: (
    font-size: 48,
    font-weight: 800,
    letter-spacing: 0,
    line-height: 64,
  ),
  h1: (
    font-size: 32,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 40,
  ),
  h2: (
    font-size: 24,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 32,
  ),
  h3: (
    font-size: 20,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 28,
  ),
  h4: (
    font-size: 16,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 24,
  ),
  h5: (
    font-size: 14,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 20,
  ),
  p1: (
    font-size: 16,
    font-weight: 400,
    letter-spacing: 0,
    line-height: 24,
  ),
  p1m: (
    font-size: 16,
    font-weight: 500,
    letter-spacing: 0,
    line-height: 24,
  ),
  p1b: (
    font-size: 16,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 24,
  ),
  p2: (
    font-size: 14,
    font-weight: 400,
    letter-spacing: 0,
    line-height: 20,
  ),
  p2m: (
    font-size: 14,
    font-weight: 500,
    letter-spacing: 0,
    line-height: 20,
  ),
  p2b: (
    font-size: 14,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 20,
  ),
  c1: (
    font-size: 12,
    font-weight: 400,
    letter-spacing: 0,
    line-height: 16,
  ),
  c2: (
    font-size: 12,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 16,
  ),
  micro: (
    font-size: 10,
    font-weight: 700,
    letter-spacing: 0,
    line-height: 12,
  ),
);