/* ui-kit から配った写し。ここを直さない（正本 key3media/ui-kit tokens/legacy-admin.css、版 6495e9a） */
/* legacy-admin ― 管理画面（biz-tools 由来）の古い名前を kit の名前につなぐ。【やめる予定】
   なぜ：画面の CSS を一度に全部書き換えると壊れやすいので、まずこのファイルで古い名前のまま kit の色にする。
   各画面を kit の名前に移しおわったら、このファイルごと消す（土台の合意 1回目 A4）。
   kit-tokens.css のあとに読むこと。 */
:root, html[data-theme="dark"]{
  --bg: var(--kit-bg);
  --surface: var(--kit-surface);
  --surface-2: var(--kit-surface-2);
  --surface-3: var(--kit-surface-2);
  --ink: var(--kit-ink);
  --ink-2: var(--kit-ink-2);
  --muted: var(--kit-muted);
  --ink-faint: var(--kit-muted);
  --line: var(--kit-line);
  --line-strong: var(--kit-line-strong);
  --accent: var(--kit-accent);
  --accent-text: var(--kit-accent-text);
  --ok: var(--kit-ok);
  --warn: var(--kit-warn);
  --bad: var(--kit-bad);
  --cool: var(--kit-info);        /* cool は info にまとめた（A2） */
  --cool-text: var(--kit-info);
  --go-fill: var(--kit-go-fill);  --go-fill-h: var(--kit-go-fill-h);
  --ng-fill: var(--kit-ng-fill);  --ng-fill-h: var(--kit-ng-fill-h);
  --r-sm: var(--kit-r-sm);
  --r: var(--kit-r);
  --r-lg: var(--kit-r-lg);
  --panel-r: var(--kit-panel-r);
  --f: var(--kit-f);
  --f-num: var(--kit-f-num);
}
/* ここから下は、管理画面の tokens.css の「2段目：別名」をそのまま写したもの（上の名前を指すだけ） */
:root{
  /* 面 */
  --panel:      var(--surface);
  --panel2:     var(--surface-2);
  --sunk:       var(--surface-2);
  --rail:       var(--surface-2);
  --hdr:        var(--surface);

  /* 文字 */
  --body:       var(--ink);
  --fg:         var(--ink);
  --ink-3:      var(--muted);
  --ink-muted:  var(--muted);
  --ink-strong: var(--vz-heading-color);
  --biz-sub:    var(--muted);
  --biz-muted:  var(--muted);
  --biz-dim:    var(--ink-faint);
  --mono:       var(--muted);
  --slate:      var(--muted);
  --slate-d:    var(--muted);
  --plan:       var(--muted);

  /* 罫線 */
  --line2:      var(--surface-2);
  --line-2:     var(--surface-2);
  --hl-line:    var(--line-strong);

  /* 役割 */
  --good:   var(--ok);
  --fact:   var(--ok);
  --amber:  var(--warn);
  --guess:  var(--warn);
  --need:   var(--bad);
  --check:  var(--bad);
  --hot:    var(--bad);
  --focus:  var(--accent);
  --brand:  var(--accent);
  --accent-2:   var(--cool);
  --accent-ink: var(--on-accent);
  --on-accent:  #fff;

  /* うすい下地 */
  --accent-soft: var(--vz-primary-bg-subtle);
  --ok-soft:     var(--vz-success-bg-subtle);
  --ok-bg:       var(--vz-success-bg-subtle);
  --okbg:        var(--vz-success-bg-subtle);
  --good-soft:   var(--vz-success-bg-subtle);
  --warn-soft:   var(--vz-warning-bg-subtle);
  --warn-bg:     var(--vz-warning-bg-subtle);
  --warnbg:      var(--vz-warning-bg-subtle);
  --amber-soft:  var(--vz-warning-bg-subtle);
  --bad-soft:    var(--vz-danger-bg-subtle);
  --badbg:       var(--vz-danger-bg-subtle);
  --need-bg:     var(--vz-danger-bg-subtle);
  --hot-soft:    var(--vz-danger-bg-subtle);
  --cool-soft:   var(--vz-info-bg-subtle);
  --hl-bg:       var(--vz-warning-bg-subtle);
  --plan-soft:   var(--vz-primary-bg-subtle);

  /* 差し色。コスト試算系（teal）と仮想ヒアリング（mgr）で使う */
  --teal:    var(--accent);
  --teal-d:  var(--accent);
  --teal-l:  #0ab39c;
  --teal-p:  var(--vz-primary-bg-subtle);
  --amber-p: var(--vz-warning-bg-subtle);
  --mgr:      #c0392b;
  --mgr-bg:   var(--vz-danger-bg-subtle);
  --mgr-line: #c0392b;
  --bad-bg:   var(--vz-danger-bg-subtle);

  /* --- グラフの系統色 ---
     図の中で系列を塗り分けるための8色。順番に使えば隣り合う色がぶつかりません。
     役割の色（--ok / --bad など）とは別物です。あちらは「良い・悪い」を表し、
     こちらは「1本目・2本目」を表します。 */
  --s1:#4b38b3; --s2:#3577f1; --s3:#0ab39c; --s4:#299cdb;
  --s5:#f06548; --s6:#f7b84b; --s7:#6559cc; --s8:#45cb85;

  /* 系統色の別名（各ツールが使っていた名前） */
  --c1:var(--s1); --c2:var(--s2); --c3:var(--s8); --c4:var(--s4);
  --c5:var(--s5); --c6:#ffbe0b;   --c7:var(--s7); --c8:var(--s3);
  --p1:var(--s1); --p2:var(--s2); --p3:var(--s3); --p4:var(--s6);
  --tA:var(--accent); --tB:var(--s3); --tC:var(--s4); --tD:var(--vz-warning);
  /* 決算書分析：資産＝寒色、負債＝暖色、純資産＝緑 */
  --cA1:var(--s2); --cA2:var(--s4); --cA3:var(--s1); --cA4:var(--s7);
  --cL1:var(--s5); --cL2:#f7917a;   --cL3:#ffbe0b;
  --cE1:var(--s3); --cE2:var(--s8);

  /* 製品比較の3系統（自社・競合・代替） */
  --pA:var(--accent); --pB:var(--bad); --pC:var(--ok);

  /* 形・字の別名 */
  --r-md:      var(--r);
  --fs:        13px;
  --shadow:    var(--vz-box-shadow, 0 1px 2px rgba(18,25,29,.07));
  --sans:      var(--f);
  --f-body:    var(--f);
  --f-text:    var(--f);
  --f-head:    var(--f);
  --f-mono:    var(--f-num);
  --font-b:    var(--f);
  --font-d:    var(--f);
  --font-m:    var(--f-num);
  --font-ui:   var(--f);
  --font-body: var(--f);
  --font-data: var(--f-num);
  --font-num:  var(--f-num);
  --font-util: var(--f);
}
/* 黒では主の色が明るい青になるので、塗りに乗せる字を白のままにしない */
:root, html[data-theme="dark"]{ --on-accent: var(--kit-accent-ink); --fs: var(--kit-fs); }