:root {
  --shared-font-family: Inter, "Segoe UI", Arial, sans-serif;
  --shared-font-size: 14px;
  --shared-line-height: 1.5;
  --shared-size-xs: 11px;
  --shared-size-sm: 12px;
  --shared-size-md: 14px;
  --shared-size-lg: 18px;
  --shared-size-xl: 26px;
}

html { font-size: var(--shared-font-size); }
body, button, input, select, textarea { font-family: var(--shared-font-family); }
body { font-size: var(--shared-size-md); line-height: var(--shared-line-height); }
h1, .page-heading h1 { font-size: var(--shared-size-xl); line-height: 1.25; }
h2, .panel-head h2 { font-size: var(--shared-size-lg); line-height: 1.35; }
button, input, select, textarea, .btn, .form-control, .form-select { font-size: var(--shared-size-md); }
small, .text-small, .top-subtitle, .user-menu small { font-size: var(--shared-size-sm); }
.nav-label, .eyebrow, .data-table th { font-size: var(--shared-size-xs); }