/* OBELIS フォーカス規範（単一源）
   ★玄関検証 v2.0(D・7/20): 実機報告「青リングは玄関に限らずそこかしこ」を受け、
     index.html:94-111 に在った玄関便v1.0の規範を本ファイルへ昇格＝配信13面すべてが同一源を読む。
     以後フォーカスの色・太さの調整は本ファイル1点のみ（二重定義禁止）。

   ★指示書の前提修正: 「theme_tokens.css または共通シェルCSSの1箇所」は現状の作りでは成立しない。
     web/ に共通シェルCSSは存在せず、全HTMLが自前の inline <style> を持つ。theme_tokens.css は
     訪問者面3面(lp_public/demo_spa/library_public)専用のテーマ源であり、ここへ事業者面の規範を
     置くと disguise 正典（訪問者面にOBELISの黒×金を持ち込まない）を破る。
     よって「定義は1箇所・取り込みは各面1行の<link>」という形で D の意図（土台で一括統治）を満たす。

   ★金の解決は var() 連鎖で面ごとに切り替える:  var(--gold, var(--accent, #C9A24B))
     事業者面=--gold(OBELIS金) / 訪問者面=--accent(テナントのテーマ色) / どちらも無い面=OBELIS金の実値。
     訪問者面に --gold は 0 件であることを機械確認済＝disguise は破れない。
   ★罠: --ob-focus のような中間変数を :root に置いてはいけない。カスタムプロパティの置換は
     「宣言されたスコープ」で解決されるため、:root に置くと body.t-navy 等が上書きした --accent を
     拾えず、テーマを切り替えても既定色のまま固まる。ゆえに各規則の使用箇所へ直接 var() 連鎖を書く。 */

/* ③ タップ由来の青矩形を全面で断つ */
*{-webkit-tap-highlight-color:transparent}

/* ④ checkbox/radio/progress/range 等 OS既定青の供給元を断つ */
:root{accent-color:var(--gold, var(--accent, #C9A24B))}

/* ①② タップ由来の青リングは出さず、キーボード操作時のみ金を出す。
   :focus:not(:focus-visible) を使うので「outline:none を後から打ち消す」順序依存が無い。
   ★border-radius は指定しない(outline は要素自身の角丸に追随する)＝丸ピル型ボタンの形が跳ねない。 */
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:1px solid var(--gold, var(--accent, #C9A24B));outline-offset:3px}

/* ⑤ iOS Safari の input 青枠(-webkit-appearance 既定由来)を断つ。
   ★checkbox/radio/range/color を除外する: これらに appearance:none を当てると素の描画が消え、
     「青は消えたが部品も消えた」になる。これらの青は上の accent-color 側で始末する。
   ★<select> も除外する: appearance:none はドロップダウンの矢印まで削り、形が壊れる。
     select の青は accent-color と下のフォーカス規則で足りる。 */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
textarea{-webkit-appearance:none;appearance:none}

/* 入力欄は outline を捨て box-shadow の金1pxを正とする
   ＝inline style で border を直書きする欄(app.js の日付/時刻/金額/theme 等)でも、
     inline に負けない層を使うので必ず金が出る。 */
input,textarea,select{caret-color:var(--gold, var(--accent, #C9A24B))}
input:focus,textarea:focus,select:focus,
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--gold, var(--accent, #C9A24B));box-shadow:0 0 0 1px var(--gold, var(--accent, #C9A24B))}

/* ★F-15額縁便 追補6(2026-07-21・D): 可視リングは入力欄だけの特権にしない。
   ボタン・チップ・？・リンクを含む全対話部品で、キーボード到達時に同一の金リングを出す
   (枠=#c9a24b + box-shadow 0 0 0 1px #c9a24b)。:focus-visible ゆえタップでは出ない。 */
button:focus-visible,[role="option"]:focus-visible,summary:focus-visible,a:focus-visible{
  outline:none;border-color:var(--gold, #c9a24b);box-shadow:0 0 0 1px var(--gold, #c9a24b)}

/* iframe は既定の枠を持つ＝フォーカス以前に青/灰の枠が出る面がある */
iframe{border:0}

/* 自動入力の黄色地＋青文字を面の地色へ戻す(Safari/Chrome) */
input:-webkit-autofill,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;box-shadow:0 0 0 1000px var(--bg) inset;transition:background-color 9999s ease-out 0s}
input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--bg) inset,0 0 0 1px var(--gold, var(--accent, #C9A24B));box-shadow:0 0 0 1000px var(--bg) inset,0 0 0 1px var(--gold, var(--accent, #C9A24B))}