/* =========================================================
   デザイントークン — TERUSKAN GYM
   方針：黒 × 赤（クリムゾン）× ゴールド。
        「安いけれど安っぽくない」を成立させるため、
        赤は面で使い、金は線と小面積だけに使う。
   ========================================================= */

:root {
	/* ---- 色 ---- */
	--ink:        #111214;   /* 基調の黒（ヘッダー・帯） */
	--ink-2:      #1b1d21;   /* 少し明るい黒（カード背景） */
	--ink-3:      #2b2f36;   /* 罫線・境界 */
	--txt:        #1c1e22;   /* 本文 */
	--muted:      #6b7079;   /* 補足テキスト */
	--muted-2:    #9aa0a8;   /* さらに弱い補足 */

	--red:        #e8354e;   /* 主役のアクセント */
	--red-2:      #c61b34;   /* 濃い赤（ホバー・グラデ終点） */
	--red-3:      #ff5a70;   /* 明るい赤（グラデ始点） */
	--red-soft:   #fdeff1;   /* 赤の極薄・面 */

	--gold:       #c9a227;   /* ゴールド */
	--gold-2:     #e8cf7a;   /* 明るいゴールド（グラデ用） */
	--gold-soft:  #fbf5e4;

	--line-green: #06c755;   /* LINE公式カラー */

	--paper:      #ffffff;
	--paper-2:    #f6f4f1;   /* セクション交互の背景 */
	--paper-3:    #efece7;
	--line:       #e6e2dc;   /* 罫線 */

	/* ---- タイポ ---- */
	--font-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
	--font-en: "Anton", "Noto Sans JP", sans-serif;

	/* ---- 余白 ---- */
	--gap-1: 4px;
	--gap-2: 8px;
	--gap-3: 12px;
	--gap-4: 16px;
	--gap-5: 24px;
	--gap-6: 32px;
	--gap-7: 48px;
	--gap-8: 64px;
	--gap-9: 88px;

	/* ---- レイアウト ---- */
	--container: 1160px;
	--container-narrow: 880px;
	--radius: 14px;
	--radius-lg: 22px;
	--radius-pill: 999px;

	/* ---- 影 ---- */
	--shadow-sm: 0 2px 10px rgba(17, 18, 20, .07);
	--shadow:    0 10px 30px rgba(17, 18, 20, .10);
	--shadow-lg: 0 22px 60px rgba(17, 18, 20, .18);
	--shadow-red: 0 12px 30px rgba(232, 53, 78, .32);

	/* ---- ヘッダー高さ（JSのアンカーオフセットと合わせる） ---- */
	--hdr-h: 72px;
	--bar-h: 0px;   /* SP固定CTAバーの高さ。SPで上書き */
}

@media (max-width: 767px) {
	:root {
		--hdr-h: 60px;
		--bar-h: 66px;
	}
}