/* =========================================================
   tokens.css — J's様 カラーLP v3（2026-10-05）
   ---------------------------------------------------------
   流用元＝mens_lp_v3/css/tokens.css（構造はそのまま・地を白に反転）。
   岩田さん指定：女性向けLPは白ベース（地は白・オフ白、文字は黒、アクセントは赤）。
   赤＝J's ロゴ画素の実測 #E60012／黒＝ロゴの #0F0F0F。髪の色が主役なので地は無彩色だけ。
   コントラスト（Python 実測）：
     黒 #0F0F0F on 白 = 19.17 ／ on #F5F4F1 = 17.43
     --ink-2 #4A4743 on #F5F4F1 = 8.40 ／ --ink-3 #66625D on #F5F4F1 = 5.50
     小さい赤文字 --red-deep #C8000F on 白 = 6.06 ／ on #F5F4F1 = 5.51
     白文字 on 赤 #E60012 = 4.80 ／ 白文字 on 黒 = 19.17
   ========================================================= */

:root {
  color-scheme: light;

  /* ---- 地 ---- */
  --bg:       #FFFFFF;   /* 白 */
  --bg-2:     #F5F4F1;   /* オフ白（ブロックの切り替え） */
  --surface:  #FFFFFF;
  --paper:    #F5F4F1;
  --paper-2:  #EDECE8;
  --black:    #0F0F0F;   /* 黒の帯（店の見出し・吹き出し） */

  /* ---- 文字 ---- */
  --ink:      #0F0F0F;
  --ink-2:    #4A4743;
  --ink-3:    #66625D;
  --ink-dark: #0F0F0F;
  --ink-dark-2: #4A4743;

  /* ---- 赤（1色だけ・面で塗らない）---- */
  --red:      #E60012;
  --red-lift: #C8000F;   /* 白地の小さい赤文字（MEN'S の明るい赤の役を、白地では濃い赤が担う） */
  --red-deep: #C8000F;

  --line:      rgba(15, 15, 15, .14);
  --line-dark: rgba(15, 15, 15, .14);

  /* ---- 書体 ---- */
  --ff-ja:   "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --ff-min:  "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;   /* 明朝は使わない（ロゴの直線に合わせて太ゴシック） */
  --ff-en:   "Jost", "Helvetica Neue", Arial, sans-serif;

  --fs-hero:  clamp(32px, 9vw, 42px);
  --fs-h2:    clamp(23px, 6.2vw, 29px);
  --fs-h3:    clamp(17px, 4.6vw, 20px);
  --fs-body:  15px;
  --fs-sm:    15px;     /* 2026-10-05 UI/UX パス：13.5→15（本文の最小）*/
  --fs-label: 11px;
  --fs-note:  12px;     /* 11.5→12（注記・出典の最小）*/
  --fs-num:   clamp(44px, 13vw, 60px);

  /* ---- 余白（8pxベース） ---- */
  --sp-section: clamp(72px, 16vw, 104px);
  --sp-block:   clamp(32px, 8vw, 48px);
  --gut:        20px;

  /* ---- PCでもスマホ幅の縦列を中央に ---- */
  --col: 480px;

  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur:  600ms;
  --sticky-h: 76px;
}