/* =============================================================================
   zbang-fonts.css — Self-hosted brand typography for the Zbang Ads app
   -----------------------------------------------------------------------------
   Self-hosts the Zbang brand pair — Fraunces (display) + Inter (body) — and
   applies Fraunces to the app's display headings (the block at the bottom).
   app.css names "Fraunces" / "Inter" directly. Loaded before app.css in
   templates/base.html, after the two font preloads; the legacy Google Fonts
   <link> (DM Sans / Instrument Serif) it replaced is already gone.
   ============================================================================= */

/* ── Brand faces (canonical names) ──────────────────────────────────────── */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/static/fonts/fraunces-normal-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("/static/fonts/fraunces-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/static/fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Display-family token — consumed by the brand-display headings block below. */
:root {
  --font-display: "Fraunces", Georgia, serif;
}

/* ── Brand display headings → Fraunces ───────────────────────────────────────
   The app's headings inherit the body sans stack by default; the swap above only
   changed which faces load. This block adopts the editorial brand voice from the
   design system (ui_kits/ads) on the genuine DISPLAY moments — the masthead
   title, in-app section / dialog / panel headlines, the hero command title, and
   the large editorial KPI / opportunity / grade numbers. Tabular and badge
   numbers (the priority-list dollar figure and rank chips), dense data UI, table
   labels, nav pills, and the user-data account name (.audit-hero-name) are
   deliberately kept in tabular/sans Inter. None of these selectors sets its own
   font-family in app.css, so this wins over inheritance regardless of stylesheet
   order. ───────────────────────────────────────────────────────────────────── */
.brand-title,
.panel-head h2,
.section-head h2,
.section-head h3,
.workspace-upload-hero h2,
.workspace-command-panel.is-completed #workspaceCommandTitle,
.audit-drawer-head-text strong,
.campaign-plan-detail-title h3,
.copy-empty-state-header strong,
.share-audit-banner-title,
.share-audit-priority-head h2,
.share-audit-recommendations-head h2,
.native-summary-hero-value,
.native-summary-card strong,
.share-audit-scorecard-grade strong {
  font-family: var(--font-display);
}