/* =========================================================
   tokens.css — J's様 MEN'S LP v3（2026-10-05）
   ---------------------------------------------------------
   岩田さん指定：J'sカラーの白・赤・黒／メンズは黒ベース。
   赤＝J's ロゴ画素の実測 #E60012／黒＝ロゴの #0F0F0F（_research/js_logo_bl.png）。
   旧 MEN'S LP の臙脂 #B23A48 は使わない（ブランドの赤ではない）。
   流用元＝Dityca様 メンズLP v2 の tokens.css（構造はそのまま・色だけ J's に差し替え）
   コントラスト（Python 実測）：
     白文字 on 赤 #E60012 = 4.80 ／ 赤 #E60012 on 黒 = 3.99（大きい文字と線だけ）
     小さい赤文字 on 黒 → --red-lift #FF4D55 = 5.88 ／ 赤文字 on 白 → --red-deep #C8000F = 5.43
   ========================================================= */

:root {
  color-scheme: dark;

  /* ---- 地 ---- */
  --bg:       #0F0F0F;   /* 黒（ロゴ） */
  --bg-2:     #1A1A1A;   /* 炭（ブロックの切り替え） */
  --surface:  #232323;
  --paper:    #F4F2EF;   /* 白い帯＝事実のブロック（料金・店舗）だけ */
  --paper-2:  #E8E4DF;

  /* ---- 文字 ---- */
  --ink:      #F4F2EF;   /* 17.15:1 on --bg */
  --ink-2:    #B8B3AD;   /* 9.21:1 on --bg */
  --ink-3:    #9B968F;   /* 5.93:1 on --bg-2 */
  --ink-dark: #141414;   /* 白い帯の上 */
  --ink-dark-2: #5E5A55; /* 6.12:1 on --paper */

  /* ---- 赤（1色だけ・面で塗らない）---- */
  --red:      #E60012;
  --red-lift: #FF4D55;
  --red-deep: #C8000F;

  --line:      rgba(244, 242, 239, .14);
  --line-dark: rgba(20, 20, 20, .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;   /* J's MEN'S は明朝を使わない（ロゴの直線に合わせて太ゴシック） */
  --ff-en:   "Jost", "Helvetica Neue", Arial, sans-serif;

  --fs-hero:  clamp(30px, 8.4vw, 40px);
  --fs-h2:    clamp(23px, 6.2vw, 29px);
  --fs-h3:    clamp(17px, 4.6vw, 20px);
  --fs-body:  15px;
  --fs-sm:    13.5px;
  --fs-label: 11px;
  --fs-note:  11.5px;
  --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;
}