/**
 * 速いツールチップ (コア共通、core/tooltip.ts が使う)
 *
 * 標準の title の吹き出しは出るまで 1 秒以上かかるので、自前で速く出す
 * (2026-08-18 ラケ指摘)。ボタン側は title か aria-label があれば何も書き足さなくていい。
 *
 * 色は地と文字を反転させる (ライトでは濃い地に白文字、ダークでは明るい地に濃い文字)。
 * 背景画像の上でも周囲と見分けが付き、両テーマともトークンだけで成立する。
 */

.chub-tooltip {
  position: fixed;
  z-index: 10500; /* 画面で一番手前の相場 (ui.css の最前面と同じ)。どの重なりにも負けない */
  max-width: 260px;
  padding: 4px 10px;
  border-radius: 6px;
  background: var(--color-text);
  color: var(--color-bg);
  font-size: 0.75rem;
  line-height: 1.6;
  pointer-events: none; /* 吹き出し自身が hover を奪って点滅するのを防ぐ */
  opacity: 0;
  transition: opacity 0.1s ease;
  word-break: break-word;
}

.chub-tooltip.is-visible {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .chub-tooltip {
    transition: none;
  }
}