/* ==========================================================================
   cochi 採用LP v1ab — tokens.css
   案件：cochi Hair&Spa 採用LP（A/Bテスト版）
   版　：2026-08-05 v3（BOTANIST ベンチマーク構図で全面再設計）
   更新：MAIA（岩田さん指示）
   内容：配色・タイポ・余白・面のトークン。生値の直書き禁止・必ずここ経由で参照。
   参照：REFERENCE_DNA.md（BOTANIST 26spring 実測DNA）
   ========================================================================== */

:root{
  /* --- 地色と墨（DNA：地色は純白でなくオフホワイト。cochi は生成りで置換） --- */
  --paper:      #fbf6ec;   /* 地色・生成り */
  --paper-2:    #f5efe2;   /* 面を敷くときの一段沈めた地 */
  --paper-3:    #efe7d6;   /* 罫線代わりの帯 */
  --ink:        #2e2820;   /* 本文・墨（純黒を使わない） */
  --ink-2:      #5d5449;   /* 副次テキスト */
  --ink-3:      #7a7064;   /* 注記・メタ（旧#8c8276は地色比3.50:1でAA不合格→4.50:1へ） */

  /* --- 面の色（DNA原則1：セクションの切替は罫線でなく面の色で示す） --- */
  --sage:       #6f7a59;
  --sage-d:     #4f5a3f;
  --terra:      #b06a47;
  --terra-d:    #8d5133;
  --face:       var(--sage-d);  /* 現在の面色。JS がセクションごとに差し替える */

  /* --- 差し色（DNA原則3：和文は差し色でゴシック細字） --- */
  --accent:     var(--terra);
  --accent-2:   var(--sage);

  --line:       rgba(46,40,32,.16);
  --line-soft:  rgba(46,40,32,.08);
  --on-face:    #fbf6ec;        /* 面の上に載る文字 */

  /* --- 書体（Inter/Roboto/Space Grotesk 禁止。日本語を英字より先に指定） --- */
  --jp: "Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --jp-mincho: "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  --en: "EB Garamond","Noto Serif JP",Georgia,serif;

  /* --- タイポスケール --- */
  --fs-display: clamp(46px, 7.2vw, 104px);  /* FV の英字セリフ */
  --fs-h2:      clamp(26px, 2.5vw, 38px);
  --fs-h3:      clamp(17px, 1.35vw, 21px);
  --fs-lead:    clamp(16px, 1.25vw, 19px);
  --fs-body:    clamp(14.5px, 1.05vw, 16px);
  --fs-meta:    clamp(12.5px, .82vw, 13px);  /* PERSONA「文字が小さい＝即離脱」。11pxは使わない */
  --lh-jp:      1.95;   /* DNA原則3：和文は行間広め */
  --lh-tight:   1.42;
  --ls-en:      .06em;  /* 実測 0.05em 相当 */
  --ls-jp:      .04em;

  /* --- 余白（DNA原則2：余白は余りでなく主役） --- */
  --gut:        clamp(22px, 5.2vw, 76px);   /* 左右ガター */
  --sec-y:      clamp(84px, 11vw, 172px);   /* セクション縦 */
  --stack:      clamp(18px, 1.8vw, 28px);

  /* --- レイアウト --- */
  --rail-w:     38%;      /* 右の面（DNA：非対称スプリット） */
  --measure:    30em;     /* 本文の行長（読みやすさ優先） */
  --wide:       38em;     /* 表・カード・フォーム等の構造ブロック */

  --ease:       cubic-bezier(.22,.61,.36,1);
}

/* 引き算の美学：角丸ゼロ・影ゼロ・グラデーションなし（DESIGN_LAWS／実測も radius:0） */
*,*::before,*::after{ border-radius:0; box-shadow:none; }