/* ==========================================================================
   Front Journal デザイントークン v2（単一ソース）
   - カラー：案B「ディープ&シャープ」14色
   - スケール：本文16px下限／補足13px／行間1.80
   - 角丸3段・影3段（紺基準）・太さ3段・余白8pxグリッド
   既存ページは var(--navy) 等の旧名をそのまま参照するため、
   旧変数名を維持しつつ値だけ案Bに更新している（段階移行のため）。
   ========================================================================== */
:root {
  /* --- カラー（案B 14色） --- */
  --navy:        #0B1A33;  /* primary：見出し・帯・ヘッダー */
  --navy-soft:   #1C2E4A;  /* primary-soft */
  --navy-line:   #D1D9E3;  /* 罫線（= --line） */
  --line:        #D1D9E3;
  --text:        #111827;  /* 本文 */
  --text-soft:   #4B5563;  /* 補助テキスト */
  --muted:       #9CA3AF;  /* muted */
  --bg:          #FFFFFF;
  --bg-soft:     #F4F6F9;
  --bg-blue:     #ECF3FB;  /* 情報ボックス背景 */
  --bg-blue-dark:#D6E6F7;
  --accent:      #10B981;  /* accent：リンク・強調・ボタン */
  --accent-dark: #059669;  /* hover用 */
  --accent-light:#6EE7B7;
  --warning:     #F59E0B;
  --warn:        #B45309;  /* warningテキスト（濃いアンバー・旧--warn後継） */
  --bg-warn:     #FEF3C7;  /* warning背景（薄黄・旧--bg-warn後継） */
  --danger:      #EF4444;

  /* --- タイポグラフィ・スケール（7段） --- */
  --fs-meta: 13px;  /* 補足・メタ（唯一の16px未満） */
  --fs-body: 16px;  /* 本文＝基本かつ下限 */
  --fs-20:   20px;
  --fs-24:   24px;
  --fs-30:   30px;
  --fs-40:   40px;
  --fs-56:   56px;
  --lh-body: 1.80;  /* 本文行間 */

  /* --- 太さ（3段：400 / 700 / 900） --- */

  /* --- 角丸（3段） --- */
  --radius-sm:   8px;
  --radius:      12px;
  --radius-pill: 999px;

  /* --- 影（3段・紺基準。黒影は使わない） --- */
  --shadow-sm:    0 2px 6px rgba(11,26,51,0.06), 0 1px 2px rgba(11,26,51,0.04);
  --shadow-md:    0 8px 24px rgba(11,26,51,0.08), 0 2px 6px rgba(11,26,51,0.04);
  --shadow-hover: 0 24px 50px rgba(11,26,51,0.18), 0 8px 16px rgba(11,26,51,0.08);

  /* --- 余白（8pxグリッド） --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 40px;
  --sp-6: 64px;
  --section-gap: 88px;

  --ease: cubic-bezier(.2,.7,.3,1);
}

/* ページ遷移時の横ズレ防止：スクロールバー溝を常時確保（C案・全ブラウザ対応） */
html { overflow-y: scroll; scrollbar-gutter: stable; }