/* Shared typography authority for the Image and Video Studio workspaces.
   Font files are loaded once by each page template; this file only owns the
   route-scoped tokens and inheritance contract. */
:is(.image-beta,.video-studio-beta) {
  --font-ui:'Hanken Grotesk',Arial,sans-serif;
  --font-display:'Newsreader',Georgia,serif;
  font-family:var(--font-ui);
  font-optical-sizing:auto;
}

/* Native controls do not consistently inherit typography across browsers.
   Keep controls and body-level portal surfaces on the Studio UI token while
   allowing more specific display-type primitives to opt into --font-display. */
:is(.image-beta,.video-studio-beta) :where(
  button,
  input,
  textarea,
  select,
  optgroup,
  option,
  [role="button"],
  [role="menuitem"],
  [role="option"],
  [role="tooltip"],
  [popover]
) {
  font-family:inherit;
}

/* These shared primitives previously inherited route-specific fallback stacks.
   Pin them to the Studio tokens so Image and Video resolve the same runtime
   typography even when a page's legacy stylesheet is still in the cascade. */
:is(.image-beta,.video-studio-beta) .sidebar-balance-value {
  font-family:var(--font-display);
}
:is(.image-beta,.video-studio-beta) .model-tile-base .beta-model-current-copy strong {
  font-family:var(--font-ui);
}