/* editorial-gallery.css: 編集ギャラリー系テーマ（暖かい紙色＋細い罫線＋写真を大きく）。
   つながり: レイアウトと読みやすさは themes/base.css が担当。このファイルは色・角丸・フォントと味付けだけ。
   色の役割:
   - --accent（テラコッタ）: 帯・ホバー枠など目立たせたい面。リンク文字は少し濃い --link を使い読みやすさを確保
   - --accent2（セージ）: フォーカス枠など控えめな補助色
   見出しだけ明朝体にして雑誌のような雰囲気にし、本文はゴシックのままにして読みやすさを守る */
:root {
  --bg: #faf6f0;
  --fg: #2a2420;
  --panel: #ffffff;
  --panel2: #f3ede3;
  --muted: #6e6357;
  --line: #e0d6c6;
  --accent: #b5502e;
  --on-accent: #ffffff;
  --link: #a2441f;
  --accent2: #5e6d52;
  --danger: #b3261e;
  --ok: #3d6b3a;
  --radius: 4px;
  --border-w: 1px;
  --shadow: 0 1px 2px rgb(42 36 32 / .06);
  --shadow-hover: 0 14px 30px -14px rgb(42 36 32 / .35);
  --font-head: Georgia, 'Iowan Old Style', 'Hiragino Mincho ProN', 'Yu Mincho', 'Noto Serif JP', serif;
  --scheme: light;
}
h1, h2, h3 { font-weight: 700; letter-spacing: .01em; }
.site-title { font-weight: 700; }
.home-hero { background: var(--panel2); }
.featured-article { border-color: var(--line); }
.featured-article .card-thumb, .article-card .card-thumb { filter: saturate(.95); }
.theme-toggle:hover, .particle-bg-switch:hover { background: var(--fg); color: var(--bg); }
.share-buttons a:hover { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.accent-bar { width: 48px; height: 2px; }
.article-body blockquote { font-family: var(--font-head); border-left-color: var(--accent); }