/* VISION24 | theme-hirao.css
   平尾店のテーマトークン。ここの値だけを差し替えれば店舗差を吸収できる。 */

body.gym-24h--hirao {
  /* --- Layer 1: 平尾のパレット（色名で管理）--- */
  --c-wine:         #6E1F2E;
  --c-wine-tint:    #F7EDEF;
  --c-gold:         #8A6D00;  /* 白との比 4.9:1 = WCAG AA */
  --c-paleyellow:   #FFF8B9;
  --c-paleyellow-2: #FFFDE9;

  /* --- Layer 2: 役割への割り当て（名前は全店舗共通）--- */
  --bg-tint:         var(--c-paleyellow);    /* イントロ・設備・2LOCATIONS・アクセス・CTA・フロー */
  --fill-tint:       var(--c-paleyellow);    /* 表の見出しセル */
  --fill-tint-2:     var(--c-paleyellow-2);  /* 表の強調セル */
  --fill-sub:        var(--c-gold);          /* アイコン・スクロールバー */
  --ink-sub:         var(--c-gold);          /* 白地に置く文字・細線 */
  --ink-accent:      var(--c-wine);          /* リンク・フォーカス枠 */
  --ink-accenttint:  var(--c-wine-tint);     /* カード上の淡い文字・フォーカスリング */

  /* --- 店舗固有のアセット・数値 --- */
  --img-sticky:     url("/wp-content/themes/my-custom-theme/assets/images/24h/hirao/bg-whitestone.webp");
  --img-sticky-pos: center;
  --ttl-en-size:    clamp(1.9rem, 4.6vw, 3rem);
  --anim-area-en:   shine-once 2s ease-in-out forwards;

  /* --- 角丸：平尾は角丸あり --- */
  --r-sm:    3px;    /* タグ・チップ・入力欄 */
  --r:       6px;    /* 標準：ボタン・カード・表 */
  --r-lg:   12px;    /* 写真・浮きカード */
  --r-chip: 999px;   /* ピル形状のチップ */
  --r-dot:   50%;    /* 吹き出しの丸 */
}