/* Outreach PRIZM typography alignment
   For root staff/admin static HTML pages. Load after page-local styles. */

html {
  font-size: clamp(13.5px, 0.34vw + 11px, 16px);
}

body {
  font-family: var(--font-sans, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

h1,
.page-title,
.prog-page-title,
.dashboard-title {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

h2,
.card-title,
.panel-title,
.section-title,
.drawer-title,
.modal-title,
.detail-title,
.template-title,
.candidate-name {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

h3,
.subsection-title,
.metric-label,
.toolbar-title,
.filter-title,
.table-title {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

p,
label,
input,
select,
textarea,
button,
.page-sub,
.prog-page-sub,
.body-copy,
.detail-sub,
.description,
.form-label,
.field-label,
.table-cell,
.candidate-meta,
.activity-copy,
.status-copy {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.text-sm,
.meta,
.muted,
.helper-text,
.description-small,
.table-meta,
.row-meta,
.event-meta,
.activity-meta,
.candidate-sub,
.card-subtitle,
.drawer-subtitle,
.modal-subtitle {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.badge,
.pill,
.chip,
.status-badge,
.count-badge,
.table-header,
th,
.caption,
.overline,
.kicker,
.eyebrow,
.nav-label {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.nav-label {
  font-weight: 600 !important;
}

.metric-value,
.kpi-value,
.stat-value {
  font-size: 2rem !important;
  line-height: 2.25rem !important;
  font-weight: 700 !important;
}

.btn,
.btn-sm,
.btn-primary,
.btn-outline,
.action-btn,
.view-link,
.tab,
.tab-btn,
.prog-tab,
.filter-btn {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 500 !important;
}

.card,
.panel,
.drawer,
.modal,
.table-card,
.prog-table-card,
.template-card,
.candidate-card,
.summary-card,
.metric-card {
  border-radius: 0.75rem !important;
}