/* ⛔ 生成物・手で直さない（プリセット amber-flat の写し）。正本＝claude-config/skills/ui-kit（版 0811db74281c・中身 0811db74281c）
   作り直し＝ node ~/.claude/skills/ui-kit/scripts/install.js <このアプリ>／照合＝ --check。直したい時は正本か ui-kit.json を直す */
/* プリセット amber-flat ── 夜の店・平らな琥珀（由来＝cocktail-manager）
   値の出どころ：src/styles/01-variables.css（色は bar と同じ）／src/styles/03-components.css .btn・.btn-primary（24 行目付近）／
   src/styles/06-editor.css .etabs（塗りのタブ）
   bar（amber-glow）との違い＝主ボタンにグラデーションと光の影が無い・枠線が 1px の強め・文字の太さ 600
   ⛔ ここには --ui-* の値だけを書く（部品の形は parts.css） */
:root {
  --ui-font: 'Outfit', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Noto Sans JP', sans-serif;
  --ui-dur: 0.2s;

  --ui-bg: #0D0D12;
  --ui-surface: #17181f;
  --ui-elevated: #252835;
  --ui-bar-bg: rgba(19, 20, 28, 0.92);
  --ui-text: #E8E8EE;
  --ui-text-sub: #A0A8B8;
  --ui-text-muted: #5A6275;
  --ui-bottom-idle: #7A8294;   /* 下のタブの選んでいない物（cocktail .admin-tab は --text-tertiary＝08-pricing.css 30 行目付近） */
  --ui-border: rgba(255, 255, 255, 0.07);
  --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);   /* 確認の箱の暗幕（cocktail の .inp・.modal-backdrop） */

  --ui-accent: #F5A623;
  --ui-accent-soft: rgba(245, 166, 35, 0.10);
  --ui-on-accent: #0D0D12;
  --ui-focus: #F5A623;
  --ui-danger: #FF4D4F;
  --ui-danger-soft: rgba(255, 77, 79, 0.10);
  --ui-danger-line: rgba(255, 77, 79, 0.25);
  --ui-ok: #4CAF8A;
  --ui-ok-soft: rgba(76, 175, 138, 0.15);

  --ui-primary-bg: #F5A623;
  --ui-primary-bg-hover: #FFB83D;
  --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）。cocktail の今の .btn は約 40px */
  --ui-btn-h-lg: 48px;
  --ui-btn-pad-x: 18px;
  --ui-btn-font: 0.9rem;
  --ui-btn-weight: 600;
  --ui-radius-btn: 8px;

  --ui-tab-h: 36px;
  --ui-tab-gap: 6px;
  --ui-tab-pad-x: 8px;
  --ui-tab-font: 0.8rem;
  --ui-tab-weight: 700;
  --ui-radius-tab: 9px;
  --ui-bottom-h: 64px;
  --ui-radius-chip: 7px;
  --ui-radius-field: 8px;   /* 入力欄の角丸（cocktail の .inp・.modal-backdrop） */
}