:root {
  --ratio: 1.4;
  --font-size-sm: calc(var(--ratio) / 1rem);
  --font-size-md: 1rem;
  --font-size-lg: calc(var(--ratio) * 1rem);
}

@media (min-width: 600px) {
  :root {
    --ratio: 1.55;
  }
}

@media (min-width: 960px) {
  :root {
    --ratio: 1.7;
  }
}