/* ============================================
   でるくいバトル - 共通テーマ（カラーパレット）
   全ページから読み込むこと。
   ============================================ */

/* 定時モード（デフォルト） */
:root {
  --navy: #1a2744;
  --navy-light: #2a3a5c;
  --tie-blue: #3a6ea5;
  --tie-blue-light: #5a8ec5;
  --shirt-white: #f0f2f5;
  --bg-light: #e8ecf0;
  --bg-card: #ffffff;
  --text-main: #1a2744;
  --text-sub: #5a6578;
  --text-muted: #8a94a6;
  --border-light: #c8d0dc;
  --gold: #b8960c;
  --gold-light: #d4b030;
  --danger: #c04848;
  --success: #4caf50;

  /* スタッキング層（ページ全体で共通の z-index 階層）
     ゲーム内部の細かいスタッキング（杭・机・スコアフロート等）は
     style.css 内のコメントを参照。 */
  --z-back-btn: 10;        /* ページ戻るボタン */
  --z-tutorial: 40;        /* チュートリアル・オーバーレイ */
  --z-tutorial-skip: 41;
  --z-tutorial-curtain: 45;
  --z-modal: 50;           /* 共通モーダル */
  --z-overlay: 100;        /* カウントダウン・マッチトースト */
  --z-error-toast: 200;
  --z-home-toast: 2000;
  --z-popup-modal: 9999;   /* CMS ポップアップ（最上位） */
}

/* 残業モード（ダークテーマ） */
body.overtime-mode {
  --navy: #e2e8f0;
  --navy-light: #c8d0dc;
  --tie-blue: #7ab0d4;
  --tie-blue-light: #9ac4e0;
  --shirt-white: #1a2744;
  --bg-light: #1e2230;
  --bg-card: #282c3a;
  --text-main: #e8eef5;
  --text-sub: #b8c2d2;
  --text-muted: #8c95a8;
  --border-light: #3a4258;
  --gold: #d4b030;
  --gold-light: #e8c840;
}