/* 色の土台（アプリ全体）— 提携店向けの部品注文アプリ（提携店注文アプリ/public/app.css）と同じ色味にそろえる（社長の指示 2026-09-21）。
   主役は濃い赤、バー・札・選択中の地は薄いオレンジ、紙は生成り、線は暖色のグレー。
   各画面は今までどおり役割名（--accent＝実行・送信、--accent-wash＝選択中の地、--danger＝削除・失敗…）で色を引く。
   値だけをここで差し替えるので、画面側の <style> は触らない。src/server.js が描画する全ページの </head> の前に差し込む。
   :root:root は各画面の <style> の :root（緑の値）より強くするため（読み込む順番に関係なく効く）。
   色を変えたいときはこのファイルだけを直す。緑に戻すならこのファイルの差し込みを外す。 */
:root:root {
  --accent: #b3261e;        /* 主役：濃い赤。ベタ塗りは主目的のボタン（登録・送信）と選択中のチップだけ */
  --accent-ink: #8c1d18;    /* 赤の文字・枠線（白地で読める濃さ） */
  --accent-wash: #ffe9d2;   /* 薄いオレンジの地：頭のバー・選択中・進行中 */
  --accent-wash2: #fff5eb;  /* さらに薄い地：白い箱の中の区画・未読の行 */
  --accent-border: #e9b8a6; /* 赤の薄い枠線 */
  --accent-dim: #d9a19a;    /* 押せない主ボタン */
  --ink: #2b2b2b;
  --ink-soft: #6a605a;
  --ink-faint: #8f8a85;
  --line: #e6dfd7;
  --line-strong: #d6cec5;
  --danger: #c62828;        /* 削除・失敗（主役の赤と近いので、削除は必ず「削除」の字を添える） */
  --warn: #8a4b00;
  --warn-wash: #fff3e0;
  --warn-border: #f0cf9a;
  --info: #8c1d18;          /* リンク・補足の見出し（部品注文アプリの --link と同じく赤系） */
  --info-wash: #fff5eb;
  --count: #3a3a3a;         /* 件数の札 */
  --bg: #faf7f3;            /* 紙（生成り） */
  --card: #fff;
  --lower: #f1ebe4;         /* PC で左右に余る地 */
  --orange: #f28c28;        /* 札（よく使う・問い合わせ）に使う薄めのオレンジ */
}
html body { background: var(--bg); color: var(--ink); }
