/*!
 * サワディ POS デザイントークン（ライト / 客画面 customer 用）
 * 2026-06-13 着手。tokens.css(店員ダーク)と同じトークン名・ライト基調の値。
 * 原則: 状態を示す色(緑/赤/黄/青/teal/決済)は店員画面と共通=テーマ非依存。
 *       中立(背景/文字/枠)のみライト反転する。customer.html はこれを読む。
 * 将来 SaaS: tokens.css と差し替え or :root 上書きでテナント別テーマに流用。
 */
:root {
  /* ===== 中立（客ライト画面の下地） ===== */
  --bg:          #f8f9fa;  /* 画面背景 */
  --surface:     #ffffff;  /* カード・白 */
  --surface-2:   #f3f4f6;  /* hover・薄グレー */
  --border:      #e5e7eb;  /* 枠線 */
  --border-2:    #d1d5db;  /* 強い枠線 */
  --text:        #111827;  /* 主テキスト（濃） */
  --text-2:      #374151;  /* 副テキスト */
  --text-soft:   #4b5563;  /* やや淡い */
  --text-muted:  #6b7280;  /* 補助 */
  --text-dim:    #9ca3af;  /* 最も淡い */

  /* ===== ブランド / プライマリ（緑）＝店員と共通 ===== */
  --primary:      #166534;
  --primary-2:    #15803d;
  --primary-deep: #14532d;

  /* ===== 状態色＝店員と共通（テーマ非依存） ===== */
  --success:       #22c55e;
  --success-2:     #16a34a;
  --success-light: #4ade80;
  --success-bg:    #dcfce7;
  --success-soft:  #f0fdf4;  /* customer の薄緑背景(hover/active/tab) */

  --danger:        #dc2626;
  --danger-2:      #ef4444;
  --danger-strong: #b91c1c;
  --danger-deep:   #991b1b;
  --danger-light:  #f87171;
  --danger-soft:   #fca5a5;
  --danger-bg:     #fee2e2;
  --danger-bg-deep:#7f1d1d;

  --warning:       #fbbf24;
  --warning-2:     #f59e0b;
  --warning-3:     #d97706;
  --warning-deep:  #92400e;
  --warning-light: #fde68a;
  --warning-bg:    #fef3c7;

  --info:          #2563eb;
  --info-2:        #1d4ed8;
  --info-light:    #60a5fa;
  --info-deep:     #2b5a8f;

  --accent:        #ea580c;
  --accent-light:  #fb923c;

  /* ===== 放題（teal） ===== */
  --nomi:   #14b8a6;
  --nomi-2: #0d9488;
  --nomi-3: #10b981;

  /* ===== 決済カテゴリ色 ===== */
  --pay-cash: #166534;
  --pay-card: #1d4ed8;
  --pay-qr:   #7c3aed;
  --pay-dpay: #db2777;

  /* ===== 料理バッジ（客向けの親しみ＝色分け維持） ===== */
  --badge-popular-bg:     #fef3c7;
  --badge-popular-text:   #92400e;
  --badge-recommend-bg:   #ede9fe;
  --badge-recommend-text: #5b21b6;
  --badge-sake-bg:        #dbeafe;
  --badge-sake-text:      #1e40af;
  --badge-pakchi-bg:      #d1fae5;
  --badge-pakchi-text:    #065f46;

  /* ===== customer ヘッダー（濃いアクセント帯・維持） ===== */
  --header-bg:     #1a1a2e;
  --header-accent: #fbbf24;  /* テーブル番号の黄 */

  /* ===== カテゴリ識別色（タブのアイコン色＝機能・維持） ===== */
  --cat-drink: #2563eb;
  --cat-food:  #ea580c;
  --cat-set:   #9333ea;
  --cat-nomi:  #d97706;

  /* ===== ライト要素（互換） ===== */
  --light-text:   #111827;
  --light-text-2: #374151;
  --light-muted:  #6b7280;
  --light-border: #e5e7eb;
  --light-bg:     #f3f4f6;
  --white:        #ffffff;
}