Typography Scale Generator

:root {
  --font-size-xs: 0.51rem; /* 8.19px */
  --font-size-sm: 0.64rem; /* 10.24px */
  --font-size-base: 1rem; /* 16px */
  --font-size-lg: 1.25rem; /* 20px */
  --font-size-xl: 1.56rem; /* 25px */
  --font-size-2xl: 1.95rem; /* 31.25px */
  --font-size-3xl: 2.44rem; /* 39.06px */
  --font-size-4xl: 3.05rem; /* 48.83px */
}