/* SF Pro Display — Apple's display-optimized variant of San Francisco.
 *
 * Loaded weights:
 *   - 400 Regular
 *   - 500 Medium
 *   - 700 Bold
 *
 * Weight 600 (Semibold) isn't shipped as a separate file in this set; the
 * browser's font-matching algorithm picks the nearest declared weight
 * (700 Bold), which renders cleanly without faux-bold synthesis.
 *
 * Used by the phone for headlines (≥17pt). For smaller body sizes the
 * SFProText subset (already loaded by sf-pro/style.css) is preferred.
 * Both Display and Text share metrics so layout stays stable across them.
 */

@font-face {
  font-family: "SF Pro Display";
  src: url("SF-Pro-Display-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("SF-Pro-Display-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("SF-Pro-Display-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Explicit 600 → Bold mapping. Without this, the browser would still pick
 * Bold via nearest-weight matching, but declaring it spares one match cycle
 * and removes any ambiguity across CEF/Chromium versions. */
@font-face {
  font-family: "SF Pro Display";
  src: url("SF-Pro-Display-Bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}