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

body.gym-24h--ropponmatsu {
  /* --- Layer 1: 六本松のパレット（色名で管理）--- */
  --c-navy:      #1B2A52;
  --c-navy-tint: #ECEFF7;
  --c-silver:    #6B7079;  /* 白との比 約4.9:1 = WCAG AA */
  --c-cream:     #F5F4EC;
  --c-cream-2:   #FBF9F1;

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

  /* --- 店舗固有のアセット・数値 --- */
  --img-sticky:     url("/wp-content/themes/my-custom-theme/assets/images/24h/ropponmatsu/bg-goldstone.webp");
  --img-sticky-pos: left top;
  --ttl-en-size:    clamp(3rem, 7vw, 10rem);
  --anim-area-en:   shine-loop 9s linear infinite;

  /* --- 角丸：六本松は角丸なし（0に揃える）--- */
  --r-sm:   0;
  --r:      0;
  --r-lg:   0;
  --r-chip: 0;
  --r-dot:  0;
}