.tatin-h1-serif {
  font-family: "Scheherazade-Regular";
  font-size: 48px;
  line-height: 1;
}

.tatin-h1-sans-serif {
  font-family: "FoundersGrotesk-Regular";
  font-size: 48px;
}

.tatin-h2-serif {
  font-family: "Scheherazade-Regular";
  font-size: 36px;
  line-height: 1;
}

.tatin-h2-sans-serif {
  font-family: "FoundersGrotesk-Regular";
  font-size: 36px;
}

.tatin-h3-serif {
  font-family: "Scheherazade-Regular";
  font-size: 24px;
}

.tatin-h3-sans-serif {
  font-family: "FoundersGrotesk-Regular";
  font-size: 24px;
}

.tatin-h4-serif {
  font-family: "Scheherazade-Regular";
  font-size: 18px;
}

.tatin-h4-sans-serif {
  font-family: "FoundersGrotesk-Regular";
  font-size: 18px;
}

.tatin-subtitle {
  font-family: "FoundersGrotesk-Regular";
  font-size: 18px;
  color: #3D3D3D;
}

.tatin-body-lg {
  font-family: "HelveticaNeue-Light";
  font-size: 16px;
  line-height: 2;
}

.tatin-body-lg-dense {
  font-family: "HelveticaNeue-Light";
  font-size: 16px;
  font-weight: 400;
}

.tatin-body-md {
  font-family: "HelveticaNeue-Light";
  font-size: 14px;
}

.tatin-body-sm {
  font-family: "HelveticaNeue-Light";
  font-size: 12px;
}

.tatin-body-xs {
  font-family: "HelveticaNeue-Light";
  font-size: 10px;
}

.tatin-link {
  font-family: "HelveticaNeue-Light";
  font-size: 16px;
  line-height: 2;
  text-decoration: underline;
}

.tatin-link-no-underline {
  font-family: "HelveticaNeue-Light";
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;

  &:hover {
    text-decoration: underline;
  }
}

.tatin-link-md {
  font-family: "HelveticaNeue-Light";
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.tatin-hint {
  font-family: "HelveticaNeue-Light";
  font-size: 12px;
  margin-bottom: 4px;
  width: 300px;
}

.tatin-error {
  font-family: "HelveticaNeue-Light";
  font-size: 16px;
  margin-left: 0;
  padding-left: 0;
  color: red;
}

.tatin-bold {
  font-family: "HelveticaNeue-Medium";
}

.tatin-emphasis {
  font-family: "FoundersGrotesk-Regular";
  font-size: 20px;
}