/**
 * Self-hosted font faces — UmmahDeals (Wave B design pass, Aug 11 2026)
 * Copied from /opt/umg-scripts/site-design-patterns/fonts/ (kit item 3 of the
 * estate design program), same Bunny-Fonts self-host export vendored across
 * the fleet (umg-ummah-city / ummahmediagroup.com / ummahpass / ummah.email).
 *
 * Fraunces (display) + Instrument Sans (body) per CMO-3 (estate voice).
 * Amiri 400 is vendored for parity with the kit but is NOT wired into any
 * UmmahDeals page today — no Arabic/sacred-layer copy exists on this
 * property yet. Kept here so a future Bismillah/benediction line does not
 * need a second font-hunt.
 *
 * Paths are RELATIVE, on purpose (topic-site-polish-95-loop: an earlier
 * absolute font path on ummahmediagroup.com pointed at a Basic-Auth staging
 * dir and 401'd for every anonymous visitor). This file and its five
 * .woff2 siblings live in the same public/fonts/ directory, so a bare
 * filename resolves correctly wherever this directory is deployed.
 *
 * font-display: optional (not swap) on Fraunces + Instrument Sans, Aug 11
 * 2026: with `swap`, the fonts now genuinely loading (the whole point of
 * this pass) caused a real CLS regression — Fraunces' metrics differ enough
 * from its Georgia fallback that the swap-in reflowed headings and pushed
 * everything below down by 40-60px (measured 0.258 on /trust, over the
 * harness's "poor" 0.25 threshold). `optional` gives the browser one short
 * paint attempt to use the real font (satisfied almost every time given the
 * <link rel=preload> in layouts/app.blade.php); if it misses that window it
 * keeps the fallback for the whole page view instead of swapping later —
 * zero layout shift, at the cost of occasionally not using the custom font
 * on a very slow first load. Amiri is unused today so left as swap.
 */

@font-face {
  font-family: 'Fraunces';
  src: url('fraunces-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Fraunces';
  src: url('fraunces-latin-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Fraunces';
  src: url('fraunces-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Instrument Sans';
  src: url('instrument-sans-variable.woff2') format('woff2-variations'),
       url('instrument-sans-variable.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: 'Amiri';
  src: url('amiri-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
