/* ─────────────────────────────────────────────────────────────────────────────
   doc-theme.css — 静的ドキュメントページ共通テーマ（現状はダークモードのみ定義）
   対象: terms / privacy / pricing / news / faq（.doc-* 構造・同一CSS変数のページ）

   使い方:
     各ページの <style> ブロックの「後」に読み込む（後勝ちで上書きするため）。
       <link rel="stylesheet" href="/doc-theme.css?v=1" />
     ライト時は各ページの既存スタイルをそのまま使う。
     新しい静的ページを作るときは .doc-* 構造＋この1枚を読み込む運用にし、
     ページごとのダーク対応コピペを増やさないこと。

   パレットは home.html の @media (prefers-color-scheme: dark) の変数と揃えている。
   （--paper:#0a1524 / --paper-warm:#0f1e33 / --card:#12233c / --line:#22395c 相当）
   ───────────────────────────────────────────────────────────────────────────── */

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #e9f1fc;
    --ink-mid: #b6c7e1;
    --muted: #7e95b8;
    --accent: #4f95ee;
    --accent-deep: #7fb2f4; /* ライトでは濃色。ダークでは明色に反転（文字色用途のため） */
    --line: #22395c;
    --bg: #0a1524;
  }

  body { background: var(--bg); color: var(--ink); }

  /* 共通ヘッダー・カード（全5ページ） */
  .doc-header { background: #0f1e33; border-bottom-color: var(--line); }
  .doc-card {
    background: #12233c;
    border-color: var(--line);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
  }

  /* faq.html（Q&A の details/summary） */
  details {
    background: #12233c;
    border-color: var(--line);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
  }

  /* news.html */
  .news-item,
  .news-status {
    background: #12233c;
    border-color: var(--line);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
  }
  .news-chip,
  .news-chip--hospital { background: #14294a; color: #9cc3f5; }
  .news-chip--pharmacy { background: #0d2b27; color: #4fd6bd; }

  /* pricing.html */
  .price-box { background: #0f1e33; border-color: var(--line); }
}