@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@900&display=swap&text=GO%E3%83%8A%E3%83%93");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap&text=BGL%E3%82%A4%E3%82%A7%E3%82%AA%E3%82%AB%E3%82%AD%E3%82%AF%E3%82%B0%E3%82%B7%E3%82%B8%E3%82%B9%E3%82%BF%E3%83%81%E3%83%83%E3%83%84%E3%83%86%E3%83%88%E3%83%89%E3%83%90%E3%83%96%E3%83%97%E3%83%9D%E3%83%9E%E3%83%9F%E3%83%A0%E3%83%A1%E3%83%A5%E3%83%A9%E3%83%AB%E3%83%AC%E3%83%B3%E3%83%BC%E4%B9%85%E4%BD%93%E5%80%8B%E5%80%A4%E5%88%A5%E5%8A%9B%E5%9B%B3%E5%AF%BE%E6%88%A6%E6%8C%87%E6%8C%91%E6%95%B0%E7%81%AB%E7%AD%96%E8%80%90%E8%A1%9B%E8%A8%98%E9%8C%B2%E9%91%91%E9%98%B2");

/* =========================================================================
   ツール名の見た目（全ツール共通）
   ⚠ このファイルは build_wordmark.py の出力。手で編集しない（色とツール名は向こうを直す）。

   ページ側がやることは2つ:
     1. <head> に <link rel="stylesheet" href="/assets/wordmark.css">（explain.css の直後）
     2. ツール名の要素に class="wmk" と data-tool="<ツールのキー>" を付ける
        （GBL・ロケット団・対戦記録の見出しは assets/gbl-app.js が作る）
     3. 「◯◯オススメツール」のように決まり文句が付くタイトルは、その部分だけ
        class="wmksuf" の別要素に分けて白のまま残す（build_wordmark.pyのSUFFIXES参照）

   ■ ダーク: **真っ白＋ツールごとの明るい色**（2026-09-04タダシさん指示で確定・金属加工なし）。
     ⚠ この前に銀のグラデーション（トップページの看板と同じ質感）を小さい字に何度も調整して
       当てていたが、タダシさんには「変わった実感がない」状態が続き、最終的に
       **「機能を含めて、この一連の色変更より前の状態に戻して」**と指示された。
       ここまでの経緯が長く複雑だったため、後戻りのリスクを避けて**ゼロから作り直す**方針にした。
       グラデーション・押し出し・落ち影は一切使わない。色はライトと同じ色相を、
       暗い背景で映える彩度・明るさまで単純に引き上げただけの1色（ベタ塗り）。

   ■ ライト: **金属加工はしない。ツールごとのベタ塗り**（2026-09-03確定・変更なし）。
     色は**そのツールのアイコンの地の色**から起こす（ライトの背景はどのツールも紫＋水色でほぼ同じなので、
     背景から取ると色が分かれない）。

   ■ 書体: Noto Sans JP 900。取り寄せる文字はツール名から自動生成（漏れると字体が化ける）。
   ========================================================================= */
.wmk{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",system-ui,sans-serif;
  font-weight:900;
  color:var(--wmk-d,#ffffff);
}
.wmk[data-tool="dps"]{--wmk-d:#ff7a5c}
.wmk[data-tool="raid"]{--wmk-d:#3fe0c4}
.wmk[data-tool="type-dps"]{--wmk-d:#a68bff}
.wmk[data-tool="max-battle"]{--wmk-d:#ff74c4}
.wmk[data-tool="gym-attack"]{--wmk-d:#ffcc33}
.wmk[data-tool="gym-defense"]{--wmk-d:#7ee787}
.wmk[data-tool="gbl"]{--wmk-d:#6ea1ff}
.wmk[data-tool="battlelog"]{--wmk-d:#f0b942}
.wmk[data-tool="rocket"]{--wmk-d:#ff6b6b}
.wmk[data-tool="breakpoint"]{--wmk-d:#8ca3ff}
.wmk[data-tool="iv-checker"]{--wmk-d:#ff7ec2}
.wmk[data-tool="pokedex"]{--wmk-d:#bd93ff}
.wmk[data-tool="bulk"]{--wmk-d:#8ec9ff}
/* ライトはツールごとのベタ塗り（変更なし） */
:root.light .wmk{
  color:var(--wmk-c,#3a4a86);
}
:root.light .wmk[data-tool="dps"]{--wmk-c:#ab4f3b}
:root.light .wmk[data-tool="raid"]{--wmk-c:#2b736f}
:root.light .wmk[data-tool="type-dps"]{--wmk-c:#6863ac}
:root.light .wmk[data-tool="max-battle"]{--wmk-c:#ab4982}
:root.light .wmk[data-tool="gym-attack"]{--wmk-c:#91681d}
:root.light .wmk[data-tool="gym-defense"]{--wmk-c:#397a58}
:root.light .wmk[data-tool="gbl"]{--wmk-c:#4e67b1}
:root.light .wmk[data-tool="battlelog"]{--wmk-c:#836625}
:root.light .wmk[data-tool="rocket"]{--wmk-c:#b14949}
:root.light .wmk[data-tool="breakpoint"]{--wmk-c:#5868ac}
:root.light .wmk[data-tool="iv-checker"]{--wmk-c:#a44b76}
:root.light .wmk[data-tool="pokedex"]{--wmk-c:#7e60a4}
:root.light .wmk[data-tool="bulk"]{--wmk-c:#4b6f8c}
/* 「オススメツール」等の決まり文句は常に白（ダーク）／--inkに準じる地色（ライト）のまま */
.wmksuf{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",system-ui,sans-serif;
  font-weight:900;
  color:#ffffff;
}
:root.light .wmksuf{color:inherit}
/* 添え書き（small）とバッジは本文なので、書体も色も元へ戻す */
.wmk small,.wmk .badge{
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",system-ui,sans-serif;
  font-weight:700;
  color:inherit;
}
