/* 全ページ共通の色トークン（全30ページで定義値が一致したものだけ） */
:root {
  --bg: #FFFFFF;
  --bg-soft: #F8FAFC;
  --line: #CBD5E1;
  --line-strong: #94A3B8;
  --ink: #0B1220;
  --ink-2: #1E293B;
  --ink-3: #3A4A61;
  --ink-4: #64748B;
  --sub: #CC4E08;
  --sub-2: #A63E05;
  --accent: #10B981;
  --accent-2: #059669;
  --accent-3: #065F46;
  --accent-soft: #ECFDF5;
  --accent-line: #A7F3D0;
}

/* 役割別トークン（デザイン統一仕様 2026-10-18）。値は PC、〜760px は下で切り替える */
:root {
  --text-h1: 40px;
  --text-h2: 30px;
  --text-h3: 21px;
  --text-lead: 18px;
  --text-body: 17px;
  --text-table-body: 16px;
  --text-table-head: 18px;
  --text-table-head-stacked: 18px; /* 640px 以下で縦積みになる表の行見出しだけ */
  --text-table-band: 16px;
  --text-form-label: 15px;
  --text-note: 14px;
  --text-btn: 16px;
  --text-input: 16px; /* 入力欄の文字（スマホで拡大されない大きさ） */
  --leading-body: 1.85;
  --leading-heading: 1.4;
  --space-section: 96px;
  --space-content: 24px;
  --space-grid: 20px;
  --content-max: 960px;
  --content-gutter: 24px;
}
@media (max-width: 760px) {
  :root {
    --text-h1: 30px;
    --text-h2: 24px;
    --text-h3: 20px;
    --text-lead: 17px;
    --text-body: 16px;
    --space-section: 64px;
    --space-content: 20px;
  }
}