/* Shared typography for every page, overlay and Web Awesome component.
   Match the approved Projects hierarchy; keep page layouts in their own files. */
:root {
  --im-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --wa-font-family-body: var(--im-font-family);
  --wa-font-family-heading: var(--im-font-family);
  --wa-font-family-code: var(--im-font-family);
  --im-page-title-size: 40px;
  font-family: var(--im-font-family);
  font-synthesis: weight;
}
body, button, input, select, textarea, optgroup, option, dialog {
  font-family: var(--im-font-family);
}
:root h1 {
  font-family: var(--im-font-family);
  font-size: var(--im-page-title-size);
  font-weight: 720;
  line-height: 1.15;
  letter-spacing: -1.3px;
  text-transform: none;
  color: var(--im-ink);
}
@media (max-width: 760px) {
  :root { --im-page-title-size: 32px; }
}