/* =========================================================
   tokens.css — J's KOREAN HAIR for WOMEN（3本目）
   ---------------------------------------------------------
   出典：調査ワークフロー 2026-07-19 §4「デザイン確定」
   ベンチマーク実測：JOY187 / ohora JP / Dear Dahlia JP / ALLM omotesando

   3本兄弟の座標（明度で三分割）：
     1本目 カラーLP … #FBF9F7 高明度・有彩色・明朝
     2本目 MEN'S   … #131417 低明度・チャコール
     3本目 本件     … #EDEBE7 中明度・無彩色（色を持つのは髪だけ）

   規律：ピンク不採用（韓国ブランド実測 ohora 0% / Dear Dahlia 0.16%）。
        差し色を置かない。グラデーション・影・角丸をすべて禁止。
        明朝を1文字も使わない（1本目との差別化）。
   ========================================================= */

:root {
  /* ---- 地：中明度・無彩色 ---- */
  --bg:      #EDEBE7;
  --bg-2:    #E3E0DB;
  --paper:   #FFFFFF;   /* 画像と料金を載せる白面（1本目にない要素） */

  /* ---- 墨：1本目 #2A2724 より黒く、彩度なし ---- */
  --ink:     #1A1A19;
  --ink-2:   #5C5A56;
  --ink-3:   #63615D;   /* 調査は#7A7772だったが実測3.39:1でAA未達。4.5:1を満たす値へ */

  --line:      #D2CEC7;
  --line-soft: rgba(26, 26, 25, .08);

  /* ---- CV：1本目 #4A3D34（茶）と分離するため無彩色の墨 ---- */
  --cv:       #1A1A19;
  --cv-hover: #000000;
  --cv-ink:   #FFFFFF;

  /* ---- 暖色が要る面にのみ使用。ピンクの代替（JOY187実測値）---- */
  --beige:   #DBD1C8;

  /* ---- ブランド固定色（ロゴ・極小罫のみ。面禁止）---- */
  --brand:   #B23A48;

  /* ---- 書体：和欧単一ファミリー運用（ohora 実測に倣う）
         明朝は使わない。Jost（1本目資産）も使わない。 ---- */
  --ff-ja: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --ff-en: "Zen Kaku Gothic New", "Helvetica Neue", Arial, sans-serif;

  /* ---- 見出しを大きくしない。小さくするほど写真が効く
         （ohora H2 18px/600・Dear Dahlia H2 20px/500 に整合）---- */
  --fs-hero:  clamp(24px, 6.4vw, 30px);
  --fs-h2:    clamp(19px, 5vw, 24px);
  --fs-h3:    clamp(15px, 4vw, 17px);
  --fs-body:  15px;
  --fs-sm:    13px;
  --fs-label: 11px;
  --fs-note:  10px;
  --fs-num:   clamp(38px, 11vw, 48px);   /* 連番 01〜05 */

  /* ---- 共有骨格（3本で揃える＝ブランド一貫性）---- */
  --col:        450px;
  --wing-min:   1100px;
  --gut:        22px;
  --sp-section: clamp(64px, 14vw, 96px);
  --sp-block:   clamp(32px, 8vw, 48px);
  --radius:     0;

  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur:  500ms;

  --sticky-h: 108px;
}