@charset "utf-8";
/* =====================================================================
   YUKARI デザインシステム ① トークン（全変数の単一の置き場）
   - 色・タイポgrafィ・余白・角丸・影をここで一元管理。
   - 将来のユーザー設定は、これらの変数を上書きするだけで実現できる。
   ===================================================================== */
:root{
  /* ---- ブランドカラー ---- */
  --green:      #2e9e4f;   /* ブランド緑（アクセント）*/
  --green-d:    #1b5e20;   /* 濃緑（見出し・濃い面）*/
  --green-l:    #eaf4ec;   /* 淡緑（帯背景）*/
  --teal:       #173f38;   /* 閲読ティール */
  --maroon:     #7b2d26;   /* ロゴ調アクセント */

  --ink:        #1f2a24;   /* 本文テキスト */
  --muted:      #5b6b61;   /* 補助テキスト */
  --line:       #e2e8e0;   /* 罫線 */
  --paper:      #ffffff;   /* 紙（背景）*/
  --paper-alt:  #f5f8f4;   /* セクション交互の薄面 */

  --danger:     #c1432e;
  --warning:    #b8860b;

  /* ---- タイポグラフィ（★ユーザー設定で上書き想定）---- */
  --font-body:  'Noto Sans JP', system-ui, sans-serif;   /* UI・本文ゴシック */
  --font-serif: 'Noto Serif JP', serif;                  /* 見出し明朝 */
  --fs-base:    16px;       /* 基準文字サイズ */
  --lh-base:    1.85;       /* 基準行間 */

  /* ---- 余白・角丸・影 ---- */
  --space:   16px;
  --radius:  10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow:       0 4px 20px rgba(27,94,32,.08);
  --shadow-hover: 0 10px 30px rgba(27,94,32,.16);

  /* ---- レイアウト ---- */
  --maxw: 1120px;

  /* ---- 分類ハイライト色（白地・閲読／検索結果共通）---- */
  --hl-person:   #a7d6ff;  /* 人物 */
  --hl-position: #e2d2a6;  /* 役職 */
  --hl-place:    #ffd2f1;  /* 地名 */
  --hl-society:  #e3f3a3;  /* 組織・思想 */
  --hl-book:     #c2f4cc;  /* 書籍 */
  --hl-building: #8fe9d3;  /* 建物 */
  --hl-mobile:   #d8ccff;  /* 乗り物 */
  --hl-event:    #ffc9a6;  /* 事件 */
  --hl-date:     #ffe766;  /* 日付 */

  /* ---- 閲読本文（★ユーザー設定で上書き想定）---- */
  --reading-font:    var(--font-serif);
  --reading-size:    1.05rem;
  /* 行間：傍点(kks_dot)・ルビ(rt)が入る行と入らない行の高さを揃えるため、
     半行送りに余裕を持たせた“絶対値”。ユーザーは行間ステッパーで上書き可（localStorage保存）。*/
  --reading-leading: 2.4;
  --hl-band:         62%;   /* 下線状ハイライトの色の高さ */
}