:root {
  --font-size-small: 14px;
  --font-size-medium: 16px;
  --font-size-large: 18px;
}

.font-size-small {
  font-size: var(--font-size-small);
}

.font-size-small h1 {
  font-size: calc(var(--font-size-small) * 2);
}

.font-size-small h2 {
  font-size: calc(var(--font-size-small) * 1.5);
}

.font-size-small h3 {
  font-size: calc(var(--font-size-small) * 1.3);
}

.font-size-medium {
  font-size: var(--font-size-medium);
}

.font-size-medium h1 {
  font-size: calc(var(--font-size-medium) * 2);
}

.font-size-medium h2 {
  font-size: calc(var(--font-size-medium) * 1.5);
}

.font-size-medium h3 {
  font-size: calc(var(--font-size-medium) * 1.3);
}

.font-size-large {
  font-size: var(--font-size-large);
}

.font-size-large h1 {
  font-size: calc(var(--font-size-large) * 2);
}

.font-size-large h2 {
  font-size: calc(var(--font-size-large) * 1.5);
}

.font-size-large h3 {
  font-size: calc(var(--font-size-large) * 1.3);
}

.font-size-small button,
.font-size-small input,
.font-size-small select,
.font-size-small textarea {
  font-size: var(--font-size-small);
}

.font-size-medium button,
.font-size-medium input,
.font-size-medium select,
.font-size-medium textarea {
  font-size: var(--font-size-medium);
}

.font-size-large button,
.font-size-large input,
.font-size-large select,
.font-size-large textarea {
  font-size: var(--font-size-large);
}