/* 東洋医学テイストのテーマ変数（既存の --ink 等も上書き） */
:root{
    --bg:        #fffaf2;          /* 和紙っぽい温白 */
    --paper:     #ffffff;          /* コンテンツ面 */
    --ink:       #1f2937;          /* 見出し */
    --ink2:      #4b5563;          /* 本文 */
    --muted:     #64748b;          /* 注釈 */
    --line:      #e7e1d6;          /* 薄い生成りの罫線 */
    --accent:    #b9811d;          /* 金茶（主アクセント） */
    --accent-2:  #4a7c59;          /* 深い抹茶（副） */
    --wash-gold: #fff4d6;          /* 金の薄洗い */
    --radius: 16px;                /* 角丸の統一 */
    --shadow: 0 2px 12px rgba(0,0,0,.06);
  }
  
  /* 強めの雰囲気版（任意） */
  html[data-theme="wato"]{
    --bg:#fff7ea; --line:#e9dcc5; --accent:#a86f17; --accent-2:#3f6b50;
  }
  
  /* 全体の下地トーン */
  body{ background: var(--bg); color: var(--ink2); }
  .card{ border-color: var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
  .card .thumb{ border-bottom: 1px solid var(--line); }
  .kicker{ color: var(--accent-2); letter-spacing: .04em; }
  
  /* 見出しを少し“金系”に */
  .sec-title, .article-title{ color: var(--ink); position: relative; }
  .sec-title::after, .article-title::after{
    content:""; display:block; width:64px; height:4px; margin:8px 0 0;
    background: linear-gradient(90deg, var(--accent), #eecf7d);
    border-radius: 999px;
  }
  
  /* ボタン色（必要なら） */
  button, .btn{
    border:1px solid var(--accent); color:#4a3b19; background:linear-gradient(#fff, #fffaf0);
    border-radius:12px; padding:10px 14px;
  }
  button:hover, .btn:hover{ background:#fffaf0; }