/* きゃびNet 倉庫WEB — ダークテーマ トークン
   Pencil 高忠実モック (mock-sample.pen / 倉庫Web Dark) からの移植。
   見た目の正本ではなく「自社画面だと分かる程度＋挙動重視」の機能忠実度。 */
:root {
  /* 背景 */
  --bg-app: #0d1320;
  --bg-topbar: #111a2b;
  --bg-panel: #131c2d;
  --bg-elevated: #1a2336;     /* メニュー / ダイアログ */
  --bg-input: #0f1828;
  --row-hover: #172235;
  --row-selected: #1d2b46;
  --row-stripe: #101827;

  /* 罫線 */
  --border: #2a3650;
  --border-strong: #38476b;

  /* テキスト */
  --text: #e6ecf5;
  --text-muted: #9fb0c4;
  --text-dim: #7b8aa3;

  /* アクセント */
  --accent: #3b82f6;
  --accent-strong: #2563eb;
  --pink: #e25c9e;            /* 状態を変える業務操作（伝票発行・確定） */
  --danger: #f87171;          /* 取消・削除 */
  --blue-ink: #6aa8ff;        /* 設定・CSV 系 */

  /* ステータスバッジ */
  --st-confirmed: #22c55e;    /* 確定 */
  --st-accepted: #38bdf8;     /* 受付 */
  --st-requested: #94a3b8;    /* 依頼済 */
  --st-checked: #818cf8;      /* 確認済 */
  --st-hold: #fbbf24;         /* 保留 */
  --st-kasai: #c084fc;        /* 葛西受注 */

  --radius: 8px;
  --radius-sm: 5px;
  --shadow-pop: 0 10px 30px rgba(0,0,0,.45);
  --font: "Hiragino Sans", "Yu Gothic", "Noto Sans JP", "Meiryo", system-ui, sans-serif;
}