/* ============================================================
   HAREBUTAI / 晴れ舞台 — Design Tokens
   Source: 制作指示書 2-1 カラーパレット / 2-2 フォント
   ============================================================ */
:root {
  /* --- Color --- */
  --bg:        #F7F6F2; /* 背景ベース（淡い韓国風・余白のある背景） */
  --white:     #FFFFFF; /* カード・CTA背景 */
  --light:     #EDEBE7; /* 区切り・薄い背景 */
  --line:      #E3DFD7; /* 細い罫・カード枠 */
  --ink:       #222222; /* 本文 */
  --sub:       #666666; /* 補足説明 */
  --gold:      #B99A52; /* 見出し・線・ボタン・アイコン */
  --gold-d:    #9A7A36; /* ゴールド濃（hover / グラデ終端） */
  --gold-soft: #EFE7D4; /* ゴールドの薄面（バッジ背景など） */
  --dark:      #2B2A26; /* 濃い写真オーバーレイ用 */

  /* --- Typography --- */
  --serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --sans:  "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;

  /* --- Radius --- */
  --r-card: 16px;
  --r-sm:   10px;
  --r-btn:  10px;
  --r-pill: 999px;

  /* --- Shadow（撮影映え＝軽やか。控えめ） --- */
  --sh-1: 0 2px 10px rgba(60, 50, 30, .06);
  --sh-2: 0 8px 28px rgba(60, 50, 30, .10);

  /* --- Layout --- */
  --maxw: 1180px;
  --gutter: 20px;
  --header-h: 64px;

  /* --- Motion --- */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --t: .25s var(--ease);
}

@media (min-width: 768px) {
  :root { --gutter: 32px; --header-h: 76px; }
}