:root {
  --casapay-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --casapay-font-display: "DD Scoop", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --casapay-hero-eyebrow-weight: 850;
  --casapay-hero-eyebrow-size: 12px;
  --casapay-hero-eyebrow-tracking: 0.11em;
  --casapay-hero-title-weight: 700;
  --casapay-hero-title-size: clamp(52px, 7vw, 90px);
  --casapay-hero-title-line-height: 0.92;
  --casapay-hero-title-tracking: -0.025em;
  --casapay-hero-description-weight: 400;
  --casapay-hero-description-size: 19px;
  --casapay-hero-description-line-height: 1.5;
  --casapay-hero-action-weight: 850;
  --casapay-hero-action-size: 16px;
  --casapay-hero-action-min-height: 50px;
}

.operator-page,
.partner-template-page,
.tenant-template-page {
  font-family: var(--casapay-font-sans);
}

.operator-eyebrow,
.partner-template-eyebrow,
.tenant-template-eyebrow {
  font-family: var(--casapay-font-sans);
  font-size: var(--casapay-hero-eyebrow-size);
  font-weight: var(--casapay-hero-eyebrow-weight);
  letter-spacing: var(--casapay-hero-eyebrow-tracking);
}

.operator-signup-hero h1,
.partner-template-hero h1,
.tenant-template-hero h1,
.offline-tenant-hero-title {
  font-family: var(--casapay-font-display);
  font-size: var(--casapay-hero-title-size);
  font-weight: var(--casapay-hero-title-weight);
  letter-spacing: var(--casapay-hero-title-tracking);
  line-height: var(--casapay-hero-title-line-height);
}

.operator-signup-hero__intro > p,
.partner-template-hero p,
.tenant-template-hero__copy > p {
  font-family: var(--casapay-font-sans);
  font-size: var(--casapay-hero-description-size);
  font-weight: var(--casapay-hero-description-weight);
  line-height: var(--casapay-hero-description-line-height);
}

.operator-home-action,
.partner-template-action,
.tenant-template-action,
.offline-no-deposit-promo {
  font-family: var(--casapay-font-sans);
  min-height: var(--casapay-hero-action-min-height);
  padding: 14px 25px;
  border-radius: 999px;
  font-size: var(--casapay-hero-action-size);
  font-weight: var(--casapay-hero-action-weight);
  line-height: 1;
}

@media (max-width: 820px) {
  :root {
    --casapay-hero-title-size: clamp(44px, 13vw, 64px);
    --casapay-hero-description-size: 16px;
  }
}