/* =========================================================
   デザイントークン（CLAUDE.md「2. デザイントークン」を正とする）
   色・余白・フォントは必ずこの変数経由で使う。生のカラーコード直書き禁止。
   ========================================================= */

:root {
	/* --- カラー：ブラウン系（ブランド中心色） --- */
	--color-text:         #524635; /* メイン文字（基本）：本文・見出し・プラン文言・フッター */
	--color-text-strong:  #000000; /* 濃色本文：背景が --bg-taupe(#CDC3B6) のセクションのみ使用（本文色ルール参照） */
	--color-subhead:      #a3937c; /* サブ見出し・ステップ番号・画像カード枠線 */
	--color-script-ink:   #231f20; /* 大きな筆記体タイトルのインク */
	--color-btn-outline:  #533f21; /* 「詳しく見る」ボタンの枠線 */
	--color-border-card:  #c3b2a3; /* プランカード枠線・「＋」区切り */
	--color-border-olive: #c5ba8b; /* 「ママ振り」強調ボックス枠線・英ラベル文字 */
	--color-frame:        #e3dad2; /* 写真の装飾フレーム枠線（スタジオ樹木なら等。Figma実測・補完） */
	--color-price:        #ff846a; /* 価格の強調数字（Rental「85,000」等） */
	--color-accent-orange:#ffc481; /* アクセントのオレンジ（Rental両端の半円。Plansバッジと同色） */

	/* --- 背景 --- */
	--bg-white: #ffffff;
	--bg-cream: #eeede7;
	--bg-beige: #eae2d6;
	--bg-tan:   #e1d4c9;
	--bg-hero:  #f6eee9; /* ヒーロー背景（Figma node 113:3554 実測。トークン未記載だったため補完） */
	--bg-studio:#f5f4f1; /* 「スタジオ樹木なら」等セクションのベタ背景（Figma実測・補完） */
	--bg-reasons:#e0d6d1; /* 「選ばれる理由」セクション背景（くすみローズ。Figma実測・補完） */
	--bg-taupe: #cdc3b6;  /* トープ系の濃いめ背景。この背景のセクションは本文を --color-text-strong(#000) にする（本文色ルール参照）。現状未使用 */
	--panel-white-70: rgba(255, 255, 255, 0.7);

	/* --- アクセント（CTAグラデーション） --- */
	--cta-gradient: linear-gradient(90deg, #ff797b 0%, #ffa33a 100%);
	--cta-radius: 35px;

	/* --- 影 --- */
	/* 写真・画像カードの影（サイト共通）。Figma実測：X8 Y6 ぼかし0 広がり0 / #a3937c 30%。
	   今後、写真・画像カードの影はすべて var(--shadow-photo) を参照する。 */
	--shadow-photo: 8px 6px 0 0 rgba(163, 147, 124, 0.3);

	/* --- フォント：欧文ディスプレイ（Google Fonts） --- */
	--font-script: "Bonheur Royale", cursive;        /* 大見出し ~80px / #231f20 */
	--font-label:  "Fredericka the Great", cursive;  /* Reason.1〜.4 ラベル ~24px */

	/* --- フォント：和文 --- */
	--font-mincho: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	--font-gothic: "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans JP", sans-serif;
}
