html,
body,
button,
input,
select,
textarea {
  font-family: var(--as-font-family-base);
}

body {
  font-weight: var(--as-font-weight-regular);
  line-height: var(--as-line-height-body);
}

button,
input,
select,
textarea {
  font-weight: var(--as-font-weight-semibold);
  line-height: var(--as-line-height-ui);
}

h1,
h2,
h3,
.as-heading--prominent {
  font-weight: var(--as-font-weight-extrabold);
  line-height: var(--as-line-height-heading);
}

.as-text--light {
  font-weight: var(--as-font-weight-light);
}

/* 0.7.3 semantic heading hierarchy. Elementor may still override individual
 * widgets intentionally, but native headings and AntenService components use
 * only the approved 800/600/400 weight system. */
h1,
h2,
h3,
.as-heading--prominent,
.as-section-heading__title {
  font-weight: var(--as-font-weight-extrabold);
}

h4,
h5,
h6 {
  font-weight: var(--as-font-weight-semibold);
  line-height: var(--as-line-height-heading);
}