/* ============================================================
   tokens.css — 差別化の唯一の調整点
   配色：枝と花（緑基調）＋りんごの赤（強調）
   間の設計：フィボナッチ余白 / 行高1.618 / clamp流動化
   ============================================================ */
:root {
  /* ---- 配色（palette B + apple red） ---- */
  --bg:            #F6F8F4;   /* ページ地（薄い緑白） */
  --surface:       #FFFFFF;   /* カード／本文面 */
  --surface-2:     #EEF3E7;   /* 情報枠・表ヘッダなどの淡い緑 */
  --tag-bg:        #E2EAD8;   /* 分野タグの地 */
  --tag-text:      #1C3D6E;   /* 分野タグの字（濃紺） */
  --text:          #232A20;   /* 本文 */
  --text-muted:    #5A6552;   /* 補助テキスト（AA確保のため少し濃く） */
  --accent:        #3F6B4A;   /* 構造色＝葉・アイコン・カード地の緑（文字には使わない） */
  --accent-soft:   #A8C5AF;   /* 緑の淡色。プレーヤー枠・共有アイコンhoverの枠など */
  --hero-teal:     #0A8487;   /* トップのヒーローバナー背景（ティール）。文字は白系 */
  --ink-heading:   #1C3D6E;   /* 見出し・カード見出し・タグ字の濃紺（濃淡UP・色覚配慮） */
  --tap-min:       2.75rem;   /* タップ最小領域 ≒44px（WCAG目安）。アイコンボタン等に使う */
  --wave-h:        clamp(1.75rem, 5vw, 3.25rem);  /* ヒーローバナー下端のウェーブ高さ */
  --link:          #1A4D9E;   /* リンク（青・本文と色相で区別） */
  --link-hover:    #133A78;
  --border:        #E1E6DB;   /* 細い境界 */
  --border-strong: #D7DECF;   /* 強めの境界 */

  /* りんごの赤（強調はここ一点） */
  --accent-red:      #C5302E; /* バッジ地・白抜き用の鮮やかな赤 */
  --accent-red-text: #BD2D2B; /* 白地に小さい文字で置く強調（AA寄り） */

  /* 花（淡紅）＝控えめな差し色（資料種別タグなど） */
  --blossom-bg:   #EAD0D6;
  --blossom-text: #7A3346;

  /* ---- フォント（システムのゴシック・読み込み不要） ---- */
  --font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic",
               "Yu Gothic Medium", "Noto Sans JP", "Meiryo", sans-serif;

  /* ---- フィボナッチ余白（比は黄金比1.618に収束） ---- */
  --sp-5: 5px;  --sp-8: 8px;  --sp-13: 13px; --sp-21: 21px;
  --sp-34: 34px; --sp-55: 55px; --sp-89: 89px;

  /* ---- バーティカルリズム（1拍＝行高ぶん。モバイルで詰める） ---- */
  --rhythm: clamp(1rem, 0.7rem + 1.3vw, 1.618rem);

  /* ---- 行高（黄金比・確定） ---- */
  --lh-body: 1.618;

  /* ---- フォントサイズ（モバイル小さめ〜PC上限） ---- */
  --fs-body: clamp(0.875rem, 0.82rem + 0.25vw, 1rem);
  --fs-h1:   clamp(1.4rem, 1.15rem + 1.1vw, 1.9rem);
  --fs-h2:   clamp(1.15rem, 1.0rem + 0.7vw, 1.45rem);
  --fs-h3:   clamp(1.02rem, 0.95rem + 0.4vw, 1.18rem);
  --fs-small: clamp(0.78rem, 0.74rem + 0.18vw, 0.86rem);

  /* ---- 左右余白（ハードコード禁止＝clampで流動化） ---- */
  --gutter: clamp(0.875rem, 4vw, 3.4375rem);

  /* ---- レイアウト ---- */
  --content-max: 700px;
  --radius: 8px;
  --radius-lg: 12px;
}

/* ============================================================
   記事種別の調子（design-canon §2-1）
   非裁判系（開示請求の報告・調査など）＝ .is-plain。
   本文を「ごく僅かに小さく・黒寄り・背景白寄り」に（締まった調子）。
   行高 --lh-body(1.618) は据え置く＝ここに書かない（前回は小さくし過ぎ＋行間連動で窮屈だった）。
   裁判・陳述書系は既定（付けない）。body に付与する。
   ============================================================ */
.is-plain {
  --text: #1A1A1A;
  --bg:   #FCFCFC;
  --fs-body: clamp(0.96875rem, 0.95rem + 0.1vw, 0.984375rem);   /* is-plain 15.5px〜15.75px（葛西さん指定で底上げ・reportsと統一）。行高は据え置き */
}