/* ⛔ 生成物・手で直さない（明るい地の色 emerald の写し）。正本＝claude-config/skills/ui-kit（版 de7ffef94167・中身 de7ffef94167）
   作り直し＝ node ~/.claude/skills/ui-kit/scripts/install.js <このアプリ>／照合＝ --check。直したい時は正本か ui-kit.json を直す */
/* 明るい地の色 emerald ── 緑・明るい地（由来＝sales-payroll-manager css/variables.css の [data-theme="light"]）
   ⛔ 色（と影）だけを書く。形の値（角丸・高さ・余白・文字の大きさ・字体）は書かない＝明るい地に切り替えても収まりが動かない
     （PM 2026-10-30「収まりが変わったり窮屈になったりしなければ」）。形は暗い地のプリセットのまま。検査 check-kit.js ⑤ が止める。
   明るい地を持つアプリは、暗い地のプリセットに加えてこのファイルを読む（<html data-theme="light"> の時だけ効く） */
:root[data-theme="light"] {
  --ui-bg: #EEF0F3;
  --ui-surface: #FFFFFF;
  --ui-elevated: #FFFFFF;
  --ui-bar-bg: rgba(255, 255, 255, 0.94);
  --ui-text: #16191D;
  --ui-text-sub: #4B5563;
  --ui-text-muted: #8A94A0;
  --ui-bottom-idle: #4B5563;
  --ui-border: rgba(0, 0, 0, 0.10);
  --ui-border-strong: rgba(0, 0, 0, 0.18);
  --ui-shadow-soft: rgba(0, 0, 0, 0.12);
  --ui-scrim: rgba(0, 0, 0, 0.7);   /* 確認の箱の暗幕（sales は明るい地でも同じ暗さ） */

  --ui-accent: #059669;
  --ui-accent-soft: rgba(5, 150, 105, 0.12);
  --ui-on-accent: #FFFFFF;
  --ui-focus: #059669;
  --ui-danger: #DC2626;
  --ui-danger-soft: rgba(220, 38, 38, 0.08);
  --ui-danger-line: rgba(220, 38, 38, 0.25);
  --ui-ok: #059669;
  --ui-ok-soft: rgba(5, 150, 105, 0.12);

  --ui-primary-bg: #059669;
  --ui-primary-bg-hover: #047857;
  --ui-primary-shadow: none;
  --ui-primary-shadow-hover: none;
}