:root {
  --site-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif;
}

/* The Apple system font applies to the exported page, React previews, and controls.
   Match the existing Framer overrides without changing sizes, weights or motion. */
html:root body,
html:root body *,
html:root body #main *,
html:root body *::before,
html:root body *::after {
  font-family: var(--site-font-family) !important;
}