/* ============================================================
   BeaverMind.ai — @font-face declarations
   SF Pro Display (headlines) + SF Pro Text (body)
   Include this BEFORE colors_and_type.css.

   FORMAT ORDER: WOFF2 first (Latin-subset, ~50KB each), then OTF
   fallback (~6MB each, full glyph set). Browsers pick the first
   supported `src`. Modern browsers all support WOFF2 — OTF fallback
   only kicks in for any glyph the Latin subset accidentally drops.

   Subsetting via scripts/subset-fonts.py — re-run when adding new
   non-Latin characters to the site (CJK, emoji, exotic punctuation).
   ============================================================ */

/* ---- SF Pro Display (display/headlines: ≥20px) ---- */
@font-face {
  font-family: "SF Pro Display";
  src: url("fonts/SF-Pro-Display-Regular.woff2") format("woff2"),
       url("fonts/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("fonts/SF-Pro-Display-Medium.woff2") format("woff2"),
       url("fonts/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("fonts/SF-Pro-Display-Semibold.woff2") format("woff2"),
       url("fonts/SF-Pro-Display-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("fonts/SF-Pro-Display-Bold.woff2") format("woff2"),
       url("fonts/SF-Pro-Display-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("fonts/SF-Pro-Display-Heavy.woff2") format("woff2"),
       url("fonts/SF-Pro-Display-Heavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ---- SF Pro Text (body/UI: <20px) ---- */
@font-face {
  font-family: "SF Pro Text";
  src: url("fonts/SF-Pro-Text-Regular.woff2") format("woff2"),
       url("fonts/SF-Pro-Text-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("fonts/SF-Pro-Text-Medium.woff2") format("woff2"),
       url("fonts/SF-Pro-Text-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("fonts/SF-Pro-Text-Semibold.woff2") format("woff2"),
       url("fonts/SF-Pro-Text-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("fonts/SF-Pro-Text-Bold.woff2") format("woff2"),
       url("fonts/SF-Pro-Text-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}