.f-2 {
  font-size: calc(var(--scale-base) / (var(--scale-ratio)) / 2);
}
.f-1 {
  font-size: calc(var(--scale-base) / (var(--scale-ratio)));
}
.f0,
.f {
  font-size: var(--scale-base);
}
.f1 {
  font-size: calc(var(--scale-base) * var(--scale-ratio));
}
.f2 {
  font-size: calc(2 * var(--scale-base) * var(--scale-ratio));
}
.f3 {
  font-size: calc(3 * var(--scale-base) * var(--scale-ratio));
}
.f4 {
  font-size: calc(4 * var(--scale-base) * var(--scale-ratio));
}

.fw-1 {
  font-weight: 100;
}

.fw-2 {
  font-weight: 200;
}

.fw-3 {
  font-weight: 300;
}

.fw-4 {
  font-weight: 400;
}

.fw-5 {
  font-weight: 500;
}