/*
 * design-tokens.core.css — PB1 デザイントークン（core）
 * 仕様: gtm/branding/design-tokens/v1.1-webfont-draft.md §6.1.2 / §6.2（v1.1-rev6）
 *       格納方針: 同§11.1（フォント関連 CSS はすべて本ファイルに格納。
 *       design-tokens.palette-full.css には載せない）
 * Phase 1 §9.2 Step 4-5（2026-06-12）: フォント変数 + body 既定 + 欧文ユーティリティ +
 *       .content-Title（§6.2）。色・タイポ等のその他トークン（v1.1-draft.md §1〜§8）は
 *       後続ステップで追加予定。
 */

/* ---- §6.1.2 CSS 変数（Family / Weight / Feature）---- */
:root {
  /* Family（v1.1-draft.md §2.1 そのまま） */
  --font-family-ja:
    "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Yu Gothic", "Meiryo", sans-serif;

  --font-family-en:
    "Poppins", "Helvetica Neue", "Arial", sans-serif;

  --font-family-base: var(--font-family-ja);

  /* Weight（v1.1-draft.md §2.2 と完全一致 — 3 ウェイト） */
  --font-weight-regular: 400;
  --font-weight-medium:  600;
  --font-weight-bold:    700;

  /* Feature（DESIGN.md §3.7） */
  --font-feature-body: "palt" 1, "kern" 1;
}

/* Body 既定 */
body {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-regular);
  font-feature-settings: var(--font-feature-body);
  text-rendering: optimizeLegibility;
}

/* 欧文ユーティリティ（既存クラス互換） */
.font-En {
  font-family: var(--font-family-en);
  font-weight: var(--font-weight-regular);
  font-style: normal;
}
.font-Enbold {
  font-family: var(--font-family-en);
  font-weight: var(--font-weight-bold);
}
.font-Bold {
  font-weight: var(--font-weight-bold);
}

/* ---- §6.2 コンポーネント接続（.content-Title）----
 * 注: font-size / color が参照する --font-size-h2-content-title（v1.1-draft.md §2.3）と
 * --color-title-on-white（同 §1.5）は Phase 1 Step 4-5 スコープ外のため本ファイル未定義。
 * 当該クラスは現行テーマテンプレートで未使用（grep 0 件・2026-06-12 確認）のため
 * 現状表示影響なし。変数定義は v1.1-draft.md トークン実装ステップで追加する。 */
.content-Title {
  font-family: var(--font-family-en);    /* Poppins */
  font-weight: var(--font-weight-bold);   /* 700 */
  font-size: var(--font-size-h2-content-title);  /* v1.1-draft.md §2.3 */
  color: var(--color-title-on-white);     /* v1.1-draft.md §1.5 */
}
.content-Title span {
  font-family: var(--font-family-ja);     /* Noto Sans JP */
  font-weight: var(--font-weight-bold);
  font-size: 1rem;
}