/* DBTCODER 共通配色トークン（2026-08-01）。運営側5画面（top/team-admin/command-center/
   match-control/graphics-dock）と放送グラフィックス3画面（scorebug/liveframe/matchboard）の
   両方から読み込む。放送側はGraphics Dockの配色パネル（setTheme）で試合ごとに
   --ff-navy/--ff-gold/--home-color/--away-colorを上書きできる設計のため、ここで定義する
   値はあくまで「初期値（デフォルト）」であり、それらのCSS変数自体はこのファイルではなく
   各放送画面側の:rootで定義されたままにする（上書きの仕組みを壊さないため）。
   --accent-orange（#FF8A3D）は元の色見本でも「未使用」と明記されているため、ここでは
   参照用に定義するだけで、実際にどの要素にも使わない。 */
:root {
  --bg-page: #0B0D10;
  --bg-surface: #15181D;
  --bg-button: #1D2128;
  --border: #2C323B;

  --text-primary: #F5F7FA;
  --text-secondary: #929AA6;

  --accent-lime: #CAFF3D;
  --accent-blue: #72A7FF;
  --accent-orange: #FF8A3D; /* 現在未使用 */

  --brand-red: #ec3013; /* 親会社DekoBokoTechのロゴマーク色。--ff-redとは別物（放送イベント色）で混同しないこと */
}

/* ヘルプアイコン（マニュアルへのリンク）共通スタイル。2026-08-10追加。
   .help-fab: 右下固定フローティング（login/top/match-control用）
   .help-inline: ページタイトル横などに置く通常の文書内リンク（一覧系画面用） */
.help-fab {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.5);
  transition: border-color .15s ease, color .15s ease;
  z-index: 40;
}
.help-fab:hover {
  border-color: var(--accent-lime);
  color: var(--accent-lime);
}

.help-inline {
  color: var(--accent-lime);
  text-decoration: none;
  font-size: 13px;
}
.help-inline:hover {
  text-decoration: underline;
}