/* =========================================================
   見つける君 UI  -  mk-bridge.css（トンマナ・ブリッジ）
   ---------------------------------------------------------
   旧共通ヘッダ（/common/template/head.html）を使う既存ページにも、
   新デザイン(mk)のトンマナを「最小・安全」に適用するためのブリッジCSS。

   方針：
   - 旧CSS（variable/base/style/load.css）の“後”に読み込み、
     トンマナの土台（フォント・地色・文字色・リンク色）だけを上書きする。
   - レイアウト崩れを防ぐため、リセット（* / ul / li 等）や、
     既存ページと名前が衝突しうるクラス（.list / .note / .form / .container 等）には
     一切触れない。要素セレクタも構造を変えない範囲（font / color）に限定する。
   - 変数は tokens.css を参照（tokens.css → mk-bridge.css の順で読み込むこと）。
   ========================================================= */

/* 本文の基本トーン：ブランドフォント / 文字色 / アイボリー地色 */
body {
  font-family: var(--mk-font);
  color: var(--mk-black);
  background-color: var(--mk-ivory);
}

/* リンク色はブランドのブルーへ（クラス指定された既存リンクは旧スタイルを温存） */
a { color: var(--mk-blue); }
a:hover { color: var(--mk-blue-hover); }

/* フォーム部品も本文と同じブランドフォントに揃える（サイズ・余白・枠線は旧CSSのまま） */
button, input, select, textarea, optgroup { font-family: inherit; }