/* =========================================================
   Saari 採用LP ── Design Tokens (Art Direction v4)
   「ちいさな島」── 生成り主役 / ダスティローズ / やわらかセリフ / 余白
   承認：岩田さん 2026-06-04（moodboard_v4.html）
   ※ LP と KINO①相性診断ページで共用する単一トークン
   ========================================================= */
:root{
  /* ---- Color：生成りを主役に、ピンクは沈める ---- */
  --c-paper:#faf7f2;        /* 基調・主役（余白＝海） */
  --c-paper-sand:#f3ece3;   /* 面の沈め・カード地 */
  --c-rose-soft:#e8d3d2;    /* 淡い差し・island */
  --c-rose:#cf9b9c;         /* ダスティローズ・アクセント主 */
  --c-rose-deep:#b87b7d;    /* 見出し強調・リンク */
  --c-clay:#9c5a52;         /* スモーキーな赤茶（差し色・手仕事の温度） */
  --c-greige:#a89c8f;       /* ウォームグレージュ・補助（やや濃く） */
  --c-greige-deep:#6c6157;  /* 補助テキスト濃 */
  --c-ink:#231e1a;          /* 本文（黒でなく茶寄り・やや濃く） */
  --c-ink-soft:#534b43;     /* 二次テキスト（可読性のため濃く） */
  --c-line:#e6ddd2;         /* 罫・境界 */
  --c-line-soft:#efe8df;    /* 淡い罫 */
  --c-white:#ffffff;

  /* ---- Typography：尖りを抜いて、ぬくもりへ ---- */
  --ff-display:"Fraunces",serif;              /* 見出し英字・やわらかセリフ */
  --ff-accent:"Cormorant Garamond",serif;     /* 添え・ラベル（italic多用） */
  --ff-jp-serif:"Hina Mincho","Noto Serif JP",serif; /* 和文見出し・引用（明朝＝Hina Mincho） */
  --ff-jp:"Noto Sans JP",sans-serif;          /* 本文 */

  --fw-thin:200;
  --fw-light:300;
  --fw-regular:400;
  --fw-medium:500;

  /* 流体タイプスケール */
  --fs-hero:clamp(2.1rem,6vw,3.6rem);
  --fs-h2:clamp(1.6rem,3.6vw,2.4rem);
  --fs-h3:clamp(1.3rem,2.8vw,1.7rem);
  --fs-lead:clamp(1.05rem,2.4vw,1.25rem);
  --fs-body:1rem;
  --fs-sm:.88rem;
  --fs-xs:.76rem;

  --lh-tight:1.28;
  --lh-normal:1.78;
  --lh-loose:1.92;
  --ls-wide:.18em;       /* 英字ラベル */
  --ls-jp:.08em;         /* 和文標準 */
  --ls-jp-wide:.14em;    /* 和文見出し */

  /* ---- Space：余白＝海 ---- */
  --sp-section:clamp(58px,8vw,96px);    /* セクション縦（詰めてまとまり向上） */
  --sp-gutter:clamp(20px,5vw,28px);     /* 横ガター */
  --maxw:1080px;
  --maxw-read:680px;     /* 本文の可読幅 */

  /* ---- Form / Radius / Shadow ---- */
  --radius:4px;
  --radius-lg:6px;
  --shadow-soft:0 14px 40px rgba(120,80,70,.08);

  /* ---- Photo grade：色校を画像へ焼き込み済み（ffmpeg）。CSSは二重がけ回避で無効 ---- */
  --photo-grade:none;

  /* ---- Motion：動きで魅せず、余白で語る ---- */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-slow:1s;
  --dur:.6s;
}