/* web/mockups/ds/brand.css
 * isHappyEnd ワードマーク（共有部品・index.html と clean-03-app.html の両方から読み込む）。
 * 仕様の正本: web/mockups/brand.html（推薦=案B「isHappyEnd.」型のみ＋温点1点）。
 * 色/書体はすべて theme-story トークン経由（生hex・独自:root上書きなし）。
 * --ink / --ink-sub を定義しないページ（一覧等）では --color-black / --color-subtle-strong へ
 * フォールバックし、定義するページ（入口）では背景トーンの明暗に追従する。
 */
.he-wordmark {
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
.he-wordmark__type {
  font-family: var(--font-en);
  font-size: var(--text-h4);
  line-height: 1;
  letter-spacing: var(--tracking-tight);
  white-space: nowrap;
}
.he-wordmark__is {
  font-weight: var(--font-weight-normal);
  color: var(--ink-sub, var(--color-subtle-strong));
}
.he-wordmark__name {
  font-weight: var(--font-weight-bold);
  color: var(--ink, var(--color-black));
}
/* camelCase の大文字 H(appy)=暖端・E(nd)=寒端に、結末尺度の差し色を1点ずつ当てる（ブランドを締める）。
 * 既定は score トークンそのもの（白・淡グレー・淡い地など hue の異なる面では沈まない）。
 * トーン追従ページ（入口）だけは同 hue の地で沈む組み合わせ（暖い明トーン上の H／寒い暗トーン上の E）を、
 * そのトーン側で --wm-warm / --wm-cool の明度を振って救う（--ink 反転と同じ場所に同居）。
 * 未定義ページは var フォールバックで score-6 / score-2 になる。他の字（is・appy・nd）は --ink のまま。 */
.he-wordmark__h { color: var(--wm-warm, var(--score-6)); }
.he-wordmark__e { color: var(--wm-cool, var(--score-2)); }
/* 結末スコアの「ハッピー」色を1点だけ（--ending-happy と同値）。ブール式の終端＝尺度の幸福端。 */
.he-wordmark__point {
  color: var(--score-6);
}
.he-wordmark__jp {
  margin-top: calc(var(--spacing) * 1);
  font-family: var(--font-noto);
  font-size: var(--text-small);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tracking-wide);
  color: var(--ink-sub, var(--color-subtle-strong));
}