/* =====================================================================
   tokens.css  ──  デザイントークン（CSS変数）
   案件：土と陽（つちとひ）｜Land & Sun コンサルティング（架空・提案サンプル）
   世界観：深緑 × 真鍮金 × 生成り／明朝エディトリアル（高級感・余白・信頼）
   モデル：篠田株式会社／石坂産業／プロパティエージェント
   ===================================================================== */

:root {

  /* --- 色：黒鉄 × ゴールド × オフ白（ドラマティック・60:30:10）-------- */
  --c-bg:     #F4F4F2;   /* オフ白（クリスプ・余白のベース・60%） */
  --c-text:   #232427;   /* ダークチャコール（純黒回避・本文） */
  --c-main:   #15161A;   /* 黒鉄／インク（見出し・"30"の主役） */
  --c-accent: #C2A052;   /* ゴールド（罫線・ボタン地・暗背景の金・"10"） */
  --c-line:   #E2E0DA;   /* オフ白の罫線 */

  /* 拡張（コア変数名は変えず“追加”のみ） */
  --c-main-deep:   #111216;             /* 反転セクションの黒鉄（ドラマの土台） */
  --c-text-inv:    #ECEAE4;             /* 反転セクション上のオフ白文字 */
  --c-accent-2:    #CBAE63;             /* 明るいシャンパンゴールド（暗背景でのポップ） */
  --c-accent-deep: #8E7330;             /* 深いアンティークゴールド（明背景の大きめ金文字・AA確保） */
  --c-paper-2:     #EFEEEA;             /* オフ白の一段濃い面（交互背景） */
  --c-overlay:     rgba(10, 10, 12, .60); /* ヒーロー写真のオーバーレイ（ドラマ） */

  /* --- 余白スケール（8の倍数）★固定＝手法 --------------------------- */
  --sp-1:  8px;
  --sp-2:  16px;
  --sp-3:  24px;
  --sp-4:  32px;
  --sp-6:  48px;
  --sp-8:  64px;
  --sp-12: 96px;
  --sp-16: 128px;   /* 大判セクション用に追加 */

  /* --- 形：角丸・影 -------------------------------------------------- */
  --radius: 2px;                                  /* ほぼ直角＝端正・高級感 */
  --shadow: 0 18px 50px -22px rgba(22, 39, 31, .38); /* 極薄・"ここぞ"だけ */

  /* --- フォント（見出しと本文を分離・PART 2-5）---------------------- */
  --ff-head: "Zen Old Mincho", "Hiragino Mincho ProN", serif;       /* 格式・信頼の和明朝 */
  --ff-body: "Zen Kaku Gothic New", "Hiragino Sans", sans-serif;    /* 端正モダン・可読 */
  --ff-en:   "Jost", "Helvetica Neue", sans-serif;                  /* 欧文・数字：静かな幾何学サンセリフ */

  /* --- 文字サイズ（ジャンプ率は大きめ）------------------------------ */
  --fz-h1:    clamp(2.4rem, 6vw, 4.25rem);
  --fz-h2:    clamp(1.65rem, 3.6vw, 2.5rem);
  --fz-lead:  clamp(1.05rem, 1.6vw, 1.25rem);
  --fz-body:  1rem;     /* = 16px。スマホで縮めない */
  --fz-small: .8125rem;
  --lh-body:  1.9;      /* 本文の行間（余白感） */

  /* --- レイアウト幅 ------------------------------------------------- */
  --container: 1120px;
  --container-narrow: 760px;

  /* --- ブレークポイント（メモ）：tablet 768 / desktop 1024 ---------- */
}