/*
 * Marketing-site heading font opt-in. Pair with `MarketingShell` (which
 * applies the `.marketing-site` class on the column wrapper) and the
 * `gellix` helper from `@forjio/website-ui/fonts` (which sets the
 * `--font-display` CSS var).
 *
 * Portal pages omit `MarketingShell`, so their headings stay on the
 * body font (Inter) — that intentional asymmetry separates "the brand
 * voice" from "the app voice."
 */
.marketing-site :is(h1, h2, h3, h4, h5, h6) {
  /*
   * `var(--font-sans, sans-serif)` provides an inline fallback so the
   * whole declaration stays valid when a host app names its Inter
   * variable something other than `--font-sans` (e.g. plugipay uses
   * `--font-inter`). Without the fallback, the missing var made the
   * entire `font-family` value invalid → headings inherited Inter
   * from body and Gellix never rendered.
   */
  font-family: var(--font-display), Gellix, var(--font-sans, sans-serif);
}