/* =============================================================
   デザイントークン（社内共通・既定＝暖色/やわらか/生活者向け）
   新規HTMLの <style> 冒頭にそのまま貼る。または <link> で読み込む。
   ★案件でブランド色が違うときは「値」だけ差し替え、変数名は変えないこと。
   ============================================================= */
:root{
  /* --- 背景・地色 --- */
  --bg:      #FCF8F1;   /* ページ地色（クリーム） */
  --bg2:     #F7EEE1;   /* 一段濃い地色・帯 */
  --cream:   #FFFFFF;   /* カード等の白 */
  --band:    #2B2320;   /* 濃色帯（フッター等） */

  /* --- 文字 --- */
  --ink:     #2B2521;   /* 本文・見出し */
  --muted:   #8C8174;   /* 補足・キャプション */
  --line:    #ECE1D0;   /* 罫線・枠 */

  /* --- アクセント（暖色） --- */
  --terra:   #E6734B;   /* 主役アクセント（テラコッタ） */
  --coral:   #F08A6A;   /* 明るいアクセント */
  --rose:    #E86A5E;   /* 差し色 */
  --gold:    #EBA53A;   /* 強調（ゴールド） */
  --marker:  #FBE08A;   /* マーカー的ハイライト */
  --peach:   #F8DCC6;   /* 淡い装飾 */

  /* --- CTA（LINE） --- */
  --line-green:#06C755;

  /* --- レイアウト --- */
  --maxw:    1180px;    /* コンテンツ最大幅 */
  --text-maxw:42em;     /* 文章ブロックの読みやすい最大幅 */
  --radius:  14px;      /* カード等の角丸 */
  --radius-pill:999px;  /* ボタンの角丸（pill） */

  /* --- 余白（セクションの縦リズム） --- */
  --sec-pad-pc: 100px 0 106px;
  --sec-pad-sp: 58px 0 64px;

  /* --- フォント --- */
  --font-serif:  'Shippori Mincho', serif;              /* 見出し・情緒 */
  --font-sans:   'Zen Kaku Gothic New', sans-serif;      /* 本文 */
  --font-label:  'Space Grotesk', monospace;             /* 英字ラベル(eyebrow) */

  /* --- 文字サイズ（clamp・下限 PC16/SP14 を厳守）--- */
  --fs-body:  clamp(14px, 1.8vw, 16px);   /* 本文・小 */
  --fs-lead:  clamp(16px, 1.1vw, 18px);   /* リード文 */
  --fs-h3:    clamp(18px, 2.2vw, 24px);
  --fs-h2:    clamp(26px, 3.4vw, 40px);   /* セクション大見出し */

  /* --- 影 --- */
  --shadow:   0 10px 24px rgba(180,120,80,.12);
}