:root{
  /* 配色:温かいトーン（クリーム+テラコッタ。本家コーラルを温かく転用） */
  --bg:#FAF6EF; --surface:#FFFDF9; --surface-2:#F3E9DC;
  --text:#33291F; --text-muted:#7A6A58;
  --accent:#C25A33; --accent-soft:#EBC4B4; --link:#B14E2C;
  --border:#E6D8C5; --radius:12px; --shadow:0 1px 3px rgba(120,90,60,.08);
  /* 非公式バナー専用（淡い --surface-2 背景で WCAG AA 4.5:1 を満たす濃さ。色相は維持） */
  --banner-text:#766655; --banner-link:#AB4C2B;
  --font-sans:-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","Noto Sans JP","Meiryo",sans-serif;

  /* 間の設計:フィボナッチ（px=5/8/13/21/34/55/89） */
  --sp-5:.3125rem; --sp-8:.5rem; --sp-13:.8125rem;
  --sp-21:1.3125rem; --sp-34:2.125rem; --sp-55:3.4375rem; --sp-89:5.5625rem;

  --line-body:1.618;   /* 本文行高（黄金比・確定） */
  --line-head:1.3;     /* 見出し行高 */
  --rhythm:clamp(1rem, 0.7rem + 1.3vw, 1.618rem);   /* 1拍：モバイルで詰め〜PCで1.618rem */

  --gutter:clamp(.875rem,4vw,3.4375rem);  /* 流動余白（モバイル増えすぎ対策） */
  --measure:43.75rem;  /* 本文最大幅 ≒700px */

  /* 2カラム幅：フィボナッチ数列の項（比=黄金比） */
  --col-toc:377px;    /* 目次（左） */
  --col-main:610px;   /* 本文（右） */
  --col-gap:34px;     /* 間（フィボナッチ項） */

  /* フォントサイズ（clampで流動：モバイル小さめ〜PC上限） */
  --fs-body:clamp(0.875rem, 0.82rem + 0.25vw, 1rem);
  --fs-h1:clamp(1.375rem, 1.05rem + 1.6vw, 2rem);
  --fs-h2:clamp(1.125rem, 0.95rem + 0.9vw, 1.5rem);
  --fs-h3:clamp(1rem, 0.93rem + 0.4vw, 1.1875rem);
  --ratio-main:21fr; --ratio-sub:13fr;    /* メイン:サブ=21:13（黄金比近似） */
}