/* Shared public-site typography, based on the approved Latham reference.
   Avenir Next / Arial cover Latin; PingFang SC is the first Chinese family.
   Use installed fonts, with Chinese sans-serif fallbacks on other systems. */
:root {
  --zh-font-body: Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --zh-font-heading: "Avenir Next", Arial, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
}

/* Existing pages have several unlayered !important typography overrides.
   This small, named layer gives the shared font policy priority without
   changing their layout, responsive sizes, colors or icon font families. */
@layer zeheng-typography {
  :root {
    --sans: var(--zh-font-body) !important;
    --serif: var(--zh-font-heading) !important; /* Legacy heading token. */
    --en: var(--zh-font-heading) !important;
    --zp-sans: var(--zh-font-body) !important;
    --zp-serif: var(--zh-font-heading) !important;
  }

  body,
  .font-sans,
  .font-body-md,
  .font-body-lg,
  .font-body-sm,
  .font-label-sm,
  .font-label-xs,
  .font-label-caps,
  #team-directory-header,
  input,
  select,
  textarea,
  button:not(.material-symbols-outlined):not(.material-icons) {
    font-family: var(--zh-font-body) !important;
  }

  h1, h2, h3, h4, h5, h6,
  .font-serif,
  .font-display-lg,
  .font-headline-xl,
  .font-headline-lg,
  .font-headline-lg-mobile,
  .font-headline-md,
  .font-headline-sm,
  .site-brand,
  .footer-brand,
  [data-lawyer-name],
  [data-lawyer-name-overlay] {
    font-family: var(--zh-font-heading) !important;
  }

  h1, h2 {
    font-weight: 400 !important;
    letter-spacing: .01em !important;
  }

  h3, h4, h5, h6,
  [data-lawyer-name],
  [data-lawyer-name-overlay] {
    font-weight: 500 !important;
  }

  /* Keep the brand motto in its original Chinese serif face. */
  #home-title,
  .about-hero h1 {
    font-family: "Noto Serif SC", "Songti SC", "STSong", serif !important;
  }
}