:root {
  --fastora-public-display-font: Georgia, "Times New Roman", serif;
  --fastora-public-ui-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fastora-public-hero-size: clamp(54px, 5.4vw, 88px);
  --fastora-public-hero-weight: 500;
  --fastora-public-hero-line-height: .98;
  --fastora-public-hero-letter-spacing: -.05em;
  --fastora-public-hero-copy-size: clamp(17px, 1.3vw, 20px);
  --fastora-public-hero-copy-weight: 400;
  --fastora-public-hero-copy-line-height: 1.7;
}

.auth-site,
.auth-layout {
  font-family: var(--fastora-public-ui-font);
}

.auth-site h1,
.auth-site h2,
.auth-layout h1,
.auth-layout h2 {
  font-family: var(--fastora-public-display-font) !important;
}

.auth-site main h1,
.auth-layout aside h1 {
  font-size: var(--fastora-public-hero-size) !important;
  font-weight: var(--fastora-public-hero-weight) !important;
  line-height: var(--fastora-public-hero-line-height) !important;
  letter-spacing: var(--fastora-public-hero-letter-spacing) !important;
}
.auth-site main h1 + p,
.auth-layout aside h1 + p {
  max-width: 560px !important;
  font-family: var(--fastora-public-ui-font) !important;
  font-size: var(--fastora-public-hero-copy-size) !important;
  font-weight: var(--fastora-public-hero-copy-weight) !important;
  line-height: var(--fastora-public-hero-copy-line-height) !important;
  letter-spacing: normal !important;
}

.auth-site button,
.auth-site input,
.auth-site select,
.auth-site textarea,
.auth-layout button,
.auth-layout input,
.auth-layout select,
.auth-layout textarea {
  font-family: var(--fastora-public-ui-font) !important;
}
@media (max-width: 680px) {
  :root {
    --fastora-public-hero-size: clamp(45px, 13vw, 62px);
  }
}