/* ===========================================================================
   ゆきさき — Dark mode (試作 / prototype)
   OS 設定追従のみ(手動トグルなし)。apps/web/index.html にのみリンクし、
   LP・静的ページ(design-system 直リンクの他ページ)には影響させない。

   2026-07-14: トンマナ再検討のため保留。実装は残し、index.html 側の link を
   media="not all" にして読み込みを停止している。

   採用確定後は colors.css / effects.css 内の @media ブロックへ昇格し、
   このファイルは削除する(docs/DARKMODE.md §4, §12)。

   方針: ニュートラル黒にしない。色相を保ったまま明度を落とす。
   地紋ストライプは超低不透明度で残す。段差は枠線でなく --card を --paper より
   一段明るくすることで表現する。
   =========================================================================== */

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;

    /* ---- おでかけ(ダーク) — 暗ティール黒のマルス券 ---- */
    --paper: #0f1714;
    --paper-tint: #131c18;
    --card: #16201c;
    --ink: #e6efe9;
    --sub: #9fb0a8;
    --faint: #6f7d76;
    --border: #2a3a33;
    --accent: #6ea0ff;
    --accent-deep: #3d6cc7;      /* accent より暗く保つ(§6-1: 逆転すると立体感が壊れる) */
    --accent-soft: rgba(110, 160, 255, 0.14);
    --stamp: #ff6a5e;
    --good: #56c98a;
    --good-soft: rgba(86, 201, 138, 0.14);

    /* 指定席の黄帯: 蛍光黄のまま黒地に置くと発光するので半透明の帯に変更(文字は --ink のまま) */
    --marker: rgba(247, 220, 99, 0.28);

    /* 地紋: 消さずに残す。地はうんと暗いので tint はわずかに弱め、stripe はわずかに強めて見えを保つ */
    --bg-tint: rgba(27, 84, 184, 0.05);
    --bg-stripe: rgba(20, 90, 70, 0.06);

    /* ロゴピン: ヘッダーの svg は --card 等のチップ無しで --paper に直置きなので、
       暗色のままだと沈む(特に --mark-hand の棒)。色相を保ったまま持ち上げる */
    --mark-body: #4a9970;
    --mark-face: #16201c;        /* カード色に寄せる(design-system の完全版ロゴ用) */
    --mark-hand: #7fd9ab;
    --mark-point: #ff6a5e;
  }

  /* ---- のみ(ダーク) — “暖かい黒”の勘定書き。緑黒にしない ---- */
  [data-theme="nomi"],
  .mode-nomi {
    --paper: #17120c;
    --paper-tint: #1c160e;
    --card: #211a11;
    --ink: #f0e6d4;
    --sub: #c2ad94;
    --faint: #9a8772;
    --border: #3a2f20;
    --accent: #e0584a;
    --accent-deep: #a8453a;      /* accent より暗く保つ(§6-1 と同じ理屈) */
    --accent-soft: rgba(224, 88, 74, 0.16);
    --stamp: #e0a92f;
    --good: #5fae6f;
    --good-soft: rgba(95, 174, 111, 0.16);

    --bg-tint: rgba(196, 57, 44, 0.08);   /* 提灯のあかり、低不透明度で残す */
    --bg-stripe: rgba(122, 76, 24, 0.06);

    --mark-body: #b97f52;
    --mark-face: #211a11;
    --mark-hand: #d9a876;
    --mark-point: #e0584a;
  }

  /* ---- 影・質感(effects.css 由来。黒地では効かないので弱める) ---- */
  :root {
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 22px rgba(0, 0, 0, 0.32);
    --shadow-float: 0 10px 32px rgba(0, 0, 0, 0.45);
    --shadow-sheet: 0 -10px 40px rgba(0, 0, 0, 0.4);
    --shadow-press: 0 2px 0 var(--accent-deep), 0 6px 14px rgba(110, 160, 255, 0.22);
    --grain-opacity: 0.03; /* 紙の繊維ノイズ。黒地で白ノイズに見えるため弱める */
  }

  [data-theme="nomi"],
  .mode-nomi {
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 22px rgba(0, 0, 0, 0.32);
    --shadow-float: 0 10px 32px rgba(0, 0, 0, 0.42);
    --shadow-sheet: 0 -10px 40px rgba(0, 0, 0, 0.36);
    --shadow-press: 0 2px 0 var(--accent-deep), 0 6px 14px rgba(224, 88, 74, 0.2);
  }
}