/* ⛔ 生成物・手で直さない（プリセット emerald の写し）。正本＝claude-config/skills/ui-kit（版 a082207569a4・中身 a082207569a4）
   作り直し＝ node ~/.claude/skills/ui-kit/scripts/install.js <このアプリ>／照合＝ --check。直したい時は正本か ui-kit.json を直す */
/* プリセット emerald ── 業務・落ち着いた緑（由来＝sales-payroll-manager。guide-maker も同じ系統）
   値の出どころ：css/variables.css（色・角丸。暗い地と明るい地の 2 組）／css/main.css .btn-primary・.btn-ghost（807 行目付近）・
   .tabbar・.tab-btn（458 行目付近）・.chip（890 行目付近）
   明るい地の色＝presets/light/emerald.css（色だけ・<html data-theme="light"> で効く。sales と同じ切り替え方）
   ⛔ ここには --ui-* の値だけを書く（部品の形は parts.css） */
:root {
  --ui-font: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;
  --ui-dur: 0.15s;

  --ui-bg: #0D0D12;
  --ui-surface: #16161D;
  --ui-elevated: #24242F;
  --ui-bar-bg: rgba(22, 22, 29, 0.94);
  --ui-text: #F2F4F5;
  --ui-text-sub: #A9B0B8;
  --ui-text-muted: #6B7280;
  --ui-bottom-idle: #A9B0B8;   /* 下のタブの選んでいない物（sales .bn-btn は --text-secondary） */
  --ui-border: rgba(255, 255, 255, 0.08);
  --ui-border-strong: rgba(255, 255, 255, 0.16);
  --ui-shadow-soft: rgba(0, 0, 0, 0.4);
  --ui-scrim: rgba(0, 0, 0, 0.7);   /* 確認の箱の暗幕（sales の .field・.custom-modal） */

  --ui-accent: #34D399;
  --ui-accent-soft: rgba(52, 211, 153, 0.14);
  --ui-on-accent: #05130D;
  --ui-focus: #34D399;
  --ui-danger: #FF4D4F;
  --ui-danger-soft: rgba(255, 77, 79, 0.10);
  --ui-danger-line: rgba(255, 77, 79, 0.25);
  --ui-ok: #34D399;
  --ui-ok-soft: rgba(52, 211, 153, 0.14);

  --ui-primary-bg: #34D399;
  --ui-primary-bg-hover: #10B981;
  --ui-primary-shadow: none;
  --ui-primary-shadow-hover: none;
  --ui-primary-lift: 0px;

  --ui-btn-h: 44px;   /* 押す所は 44px 以上（screen-sizes §2-5・PM 2026-10-30 OK）。sales の今の .btn-ghost は 40px */
  --ui-btn-h-lg: 48px;
  --ui-btn-pad-x: 16px;
  --ui-btn-font: 14px;
  --ui-btn-weight: 700;
  --ui-radius-btn: 12px;

  --ui-tab-h: 40px;
  --ui-tab-gap: 8px;
  --ui-tab-pad-x: 16px;
  --ui-tab-font: 14px;
  --ui-tab-weight: 600;
  --ui-radius-tab: 10px;
  --ui-bottom-h: 54px;   /* sales .bn-btn の min-height 54px（css/main.css 531 行目付近） */
  --ui-radius-chip: 999px;
  --ui-radius-field: 12px;   /* 入力欄の角丸（sales の .field・.custom-modal） */
}