:root {
  --display-font: "Monument Extended", "Arial Black", "Inter", sans-serif;
  --body-font: "Inter", Arial, sans-serif;
}

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

h1,
h2,
.auth-card h1,
.portal-header h1,
.section-head h2,
.welcome-row h2 {
  font-family: var(--display-font);
  font-weight: 400;
  letter-spacing: -0.035em;
}

h3,
.panel h3 {
  font-family: var(--body-font);
  font-weight: 600;
}

.eyebrow,
.form-stack label,
.primary-button,
.secondary-button,
.disabled-button,
.text-button,
.portal-nav-link,
.logout-button,
.inline-link,
.status-pill,
.soft-pill,
.pending-label,
.rule-strength {
  font-family: var(--body-font);
}