/* =================================================================
 * 自前ホスティング @font-face
 *
 * 以前は Google Fonts CDN(<link> css2) で読み込んでいたが、テスト/本番の
 * 閲覧環境(特に iPhone/Safari)から CDN に届かず、Noto Sans JP が適用されず
 * Hiragino 等にフォールバックする不具合があった（QAシート No.4/12/23）。
 * CDN 依存を断つため woff2 を public/fonts/ に同梱し、ここでローカル宣言する。
 *
 * ファイル出所: Fontsource (npm @fontsource/*) の woff2。
 *   - Noto Sans JP … "japanese" サブセット（日本語＋基本ラテンを内包。
 *                      「No Image」等の英字もこのファイルで描画される）。
 *   - Reddit Sans 600 … FAQ/アコーディオンの Q/A バッジ用（Figma 指定）。
 *   - Roboto Condensed 500/700 … 英字エンブレム等。
 * font-display: swap（読込中は下位フォントで即表示→読込後に差し替え）。
 * ※ このファイルは tokens.css より前に読み込むこと（@font-face を先に定義）。
 * =================================================================*/

/* ----- Noto Sans JP (--font-jp) ----- */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/fonts/noto-sans-jp-japanese-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/fonts/noto-sans-jp-japanese-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/fonts/noto-sans-jp-japanese-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/noto-sans-jp-japanese-700-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url("/fonts/noto-sans-jp-japanese-900-normal.woff2") format("woff2");
}

/* ----- Reddit Sans (FAQ Q/A バッジ) ----- */
@font-face {
  font-family: "Reddit Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/fonts/reddit-sans-latin-600-normal.woff2") format("woff2");
}

/* ----- Roboto Condensed (--font-en-condensed) ----- */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/fonts/roboto-condensed-latin-500-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/fonts/roboto-condensed-latin-700-normal.woff2") format("woff2");
}