/* =========================================================
   tokens.css — J's MEN'S KOREAN HAIR
   出典：調査ワークフロー 2026-08-01 §4「デザイン確定」
   座標＝低〜中明度・寒色グレイッシュ。js-mens総合(暖色#131417)を寒色に全反転。
   規律：角丸0・影・グラデ・バッジ・絵文字を全面禁止。書体はゴシック（明朝不使用）。
   ========================================================= */
:root {
  --bg:      #1B1E23;   /* 寒色グラファイト（js-mens暖色#131417と色相で反発） */
  --bg-2:    #23272E;
  --surface: #2C313A;   /* 寒色カード面（ALLM実測#2c2f36準拠） */
  --paper:   #2C313A;   /* 画像面（暗テーマなのでsurfaceと同義） */

  --ink:     #EDEEF0;   /* 寒色ホワイト 14.4:1 */
  --ink-2:   #A7ACB4;   /* 7.32:1 */
  --ink-3:   #8A9199;   /* 5.25:1 */

  --accent:  #B9C2C9;   /* アッシュ・シルバー（韓国の透明感）9.25:1 */
  --line:    rgba(237,238,240,.12);

  --cv:      #EDEEF0;   /* 明面ボタン 黒地14.4:1 */
  --cv-ink:  #1B1E23;
  --cv-hover:#FFFFFF;

  --brand:   #B23A48;   /* J'sロゴ・極小罫のみ・面禁止 */

  /* 書体：欧文Montserrat（js-mensのJostより繊細）／和文Zen Kaku Gothic New。明朝不使用。 */
  --ff-ja: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --ff-en: "Montserrat", "Helvetica Neue", Arial, sans-serif;

  --fs-hero:  clamp(23px, 6.2vw, 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(36px, 10vw, 46px);

  --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;
}