/* =========================================================
   tokens.css — J's 髪質改善（LUXELL STRAIGHT）
   ---------------------------------------------------------
   出典：調査ワークフロー 2026-08-01 §3「デザイン確定」
   配色象限＝ダーク・ウォーム（暗×暖）＝温度×明度で唯一の空き。
     Mens=寒色チャコール#131417／本件=暖色エスプレッソ。
   採用理由：縮毛矯正の核便益＝ツヤは、暗く温かい地で最も強い鏡面ハイライトになる。
   規律：角丸0・影・グラデ・バッジ・絵文字を全面禁止。ゴールドは塗り/発光に使わず1px罫・小キャップ・数字のみ。
   ========================================================= */

:root {
  /* ---- 地：暗×暖（エスプレッソ）---- */
  --bg:      #1E1815;
  --bg-2:    #2A211C;
  --paper:   #F7F2EC;   /* 実写B/A・料金を載せるアイボリー面 */

  /* ---- 文字（暗地）---- WCAG実測済 */
  --ink:     #F2EBE3;   /* 14.85:1 */
  --ink-2:   #C4B8AD;   /*  9.03:1 */
  --ink-3:   #9A8D82;   /* 暗地5.44:1／★paper面では使用禁止(2.9:1不足) */

  /* ---- 文字（paperアイボリー面）---- */
  --ink-paper:   #241C17;   /* 15.05:1 */
  --ink-paper-2: #5C4F45;   /* paper面の副次 */

  /* ---- ゴールド：1px罫・小キャップ・数字のみ。塗り/グラデ禁止 ---- */
  --gold:      #B08A4F;   /* 暗地5.51:1 */
  --gold-lite: #C79A5A;
  --gold-deep: #7A5E30;   /* アイボリー面のゴールド文字はAA未達→濃色 */

  --line:       rgba(242, 235, 227, .14);
  --line-paper: #E3D8CC;

  /* ---- CV：アイボリーボタン＋暗字 ---- */
  --cv:       #F2EBE3;
  --cv-ink:   #241C17;   /* 14.17:1 */
  --cv-hover: #FFFFFF;

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

  /* ---- 書体（姉妹3本と重複回避）----
     見出し＝Shippori Mincho（Colorの Zen Old Mincho と別の文芸系明朝）
     本文  ＝Zen Kaku Gothic New（姉妹共有＝ブランド一貫性）
     欧文小キャップ＝Cormorant Garamond（大サイズ限定・暗地で細るため本文不可）*/
  --ff-ja:     "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --ff-mincho: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --ff-en:     "Cormorant Garamond", "Times New Roman", serif;

  --fs-hero:  clamp(22px, 6vw, 32px);
  --fs-h2:    clamp(20px, 5.2vw, 25px);
  --fs-h3:    clamp(15px, 4vw, 17px);
  --fs-body:  15px;
  --fs-sm:    13px;
  --fs-label: 11px;
  --fs-note:  10px;

  /* ---- 共有骨格（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;
}