/* ============================================================
   tokens.css — 差別化の唯一の調整点（reports.kasaimamoru.com）
   配色：藍スレート基調（知的・中立・報告向き）＋落ち着いた臙脂（強調は一点）
   ※変数名は disclosure と共通（テンプレ/components 互換）。値だけを reports 用に変更。
   間の設計：フィボナッチ余白 / 行高1.618 / clamp流動化（設計canon共有・不変）
   ============================================================ */
:root {
  /* ---- 配色（ベアトリス／少し濃いめのファンシー）: 白地・ピンク#fba3d8・青の文字/構造・薄黄ブロック・強調#c24d80 ---- */
  --bg:            #FFFFFF;   /* ページ地＝白 */
  --surface:       #FFFFFF;   /* カード／本文面 */
  --surface-2:     #FFF7DD;   /* 情報枠・表ヘッダ・maha などのブロック地＝薄い黄 */
  --tag-bg:        #FBA3D8;   /* 分野タグの地＝ピンク */
  --tag-text:      #26406E;   /* 分野タグの字＝濃い青（ピンク地に映える） */
  --text:          #2B2530;   /* 本文（温かい黒） */
  --text-muted:    #6E5F68;   /* 補助テキスト（AA確保） */
  --accent:        #396BB6;   /* 構造色＝瞳の青・アイコン・カードアイコン（文字にも可） */
  --accent-soft:   #F7CBE6;   /* ピンクの淡色。枠・hover枠など */
  --hero-teal:     #396BB6;   /* トップのヒーローバナー背景＝青（文字は白） */
  --ink-heading:   #26406E;   /* 見出し・カード見出し＝濃い青（読みやすい・色覚配慮） */
  --tap-min:       2.75rem;   /* タップ最小領域 ≒44px（WCAG目安） */
  --wave-h:        clamp(1.75rem, 5vw, 3.25rem);  /* （波型は不使用。値は互換のため残置） */
  --link:          #2E63A8;   /* リンク＝青 ＋下線（色だけに依存しない） */
  --link-hover:    #21497F;
  --border:        #F0E4C6;   /* 細い境界（薄黄ブロックに馴染む） */
  --border-strong: #E4D3A8;   /* 強めの境界 */

  /* ヘッダ＝ピンク地に青文字（アイコンと同じ調子） */
  --header-bg:     #FBA3D8;
  --header-ink:    #26406E;

  /* 強調（#c24d80・本当に強調したいものだけに使う） */
  --accent-red:      #C24D80; /* バッジ地・白抜き用 */
  --accent-red-text: #B0416F; /* 白地に小さい文字で置く強調（AA寄り） */

  /* ピンク（#fba3d8）＝差し色（資料種別タグなど） */
  --blossom-bg:   #FBA3D8;
  --blossom-text: #26406E;

  /* ---- フォント（システムのゴシック・読み込み不要） ---- */
  --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.9375rem, 0.9rem + 0.22vw, 1rem);   /* 15px〜16px（葛西さん指定で拡大） */
  --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（葛西さん指定で底上げ） */
}