/* Elo Animal typography. Opt-in root keeps this layer isolated from embeds. */
.elo-typography {
  --elo-font-heading: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --elo-font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --elo-weight-heading: 700;
  --elo-weight-subheading: 600;
  --elo-weight-action: 600;
}

.elo-typography body {
  font-family: var(--elo-font-body);
  font-weight: 400;
}

.elo-typography :is(h1, h2, h3, h4, h5, h6, .font-headline, .font-display) {
  font-family: var(--elo-font-heading);
  font-weight: var(--elo-weight-heading);
}

.elo-typography :is(h3, h4, h5, h6, .elo-subheading) {
  font-weight: var(--elo-weight-subheading);
}

.elo-typography :is(.font-body, .font-label, input, select, textarea, button, [role="button"]) {
  font-family: var(--elo-font-body);
}

.elo-typography :is(input, select, textarea) {
  font-weight: 400;
}

.elo-typography :is(button, [role="button"], input[type="submit"], input[type="button"], input[type="reset"], a.bg-primary, a.bg-secondary, .home-action, .home-about__link, .ob-button, .ob-plan-select, .ob-upload-label, .elo-primary-button, .pet-reg-save, .pet-reg-cancel, .pet-reg-upload) {
  font-family: var(--elo-font-body);
  font-weight: var(--elo-weight-action);
}

/* Icon fonts deliberately retain their own family and variation settings. */