/* =============================================================
   デザイントークン｜癒し〜ぷ熊本店（ドライヘッドスパ）
   ★現サイトからカラー正確抽出：夜空紺#061C43＋ゴールド#BF9E3C＋ティール#04AA9F
   ============================================================= */
:root{
  /* --- 背景・地色（清潔感のある白ベース） --- */
  --bg:      #FAFAFA;   /* オフホワイト */
  --bg2:     #F0F2F7;   /* 薄グレーブルー（夜空を薄めた地色） */
  --cream:   #FFFFFF;
  --band:    #061C43;   /* 深夜紺（フッター・ダークバンド） */
  --band2:   #333543;   /* セカンダリ紺 */

  /* --- 文字 --- */
  --ink:     #212529;   /* 本文（現サイトと同）*/
  --muted:   #6B7590;
  --line:    #DEE2E6;

  /* --- アクセント（gold primary + teal secondary） --- */
  --terra:   #BF9E3C;   /* ゴールド（メインアクセント・CTA・emphasis） */
  --coral:   #D4B45C;   /* 明るいゴールド（グラデ用） */
  --rose:    #061C43;   /* 深紺 */
  --gold:    #BF9E3C;   /* 装飾・罫線・アイコン専用（文字には使わない） */
  --gold-text: #8A6F1E;  /* 文字用（薄グレー背景で 4.6:1 以上を確保） */
  --gold-btn:  #8A6F1E;  /* ボタン地色（白文字で 4.6:1 以上を確保） */   /* ゴールド */
  --gold-l:  #E6D647;   /* 明るい山吹 */
  --gold-p:  #F6C774;   /* 淡ゴールド */
  --teal:    #04AA9F;   /* ティール（差し色） */
  --marker:  #F5E7B0;   /* マーカー淡ゴールド */
  --peach:   #F0EBD8;   /* 装飾ベージュ */

  /* --- CTA（Web予約 b.hpr.jp が主軸） --- */
  --line-green:#06C755;

  /* --- レイアウト --- */
  --maxw:    1200px;
  --text-maxw:44em;
  --radius:  10px;
  --radius-pill:999px;

  /* --- 余白 --- */
  --sec-pad-pc: 100px 0 100px;
  --sec-pad-sp: 60px 0 60px;

  /* --- フォント（明朝で高級感、現サイトは游ゴシック） --- */
  --font-serif:  'Shippori Mincho', serif;
  --font-sans:   'Zen Kaku Gothic New', 'Yu Gothic', '游ゴシック', sans-serif;
  --font-label:  'Space Grotesk', monospace;

  /* --- 文字サイズ --- */
  --fs-body:  clamp(14px, 1.8vw, 16px);
  --fs-lead:  clamp(15px, 1.2vw, 18px);
  --fs-h3:    clamp(19px, 2.4vw, 26px);
  --fs-h2:    clamp(28px, 3.8vw, 44px);

  /* --- 影（紺系にトーン合わせ） --- */
  --shadow:   0 12px 30px rgba(6,28,67,.12);
}