/*
Theme Name:   Lightning Child
Theme URI:    https://bikotsu.com/
Description:  一般社団法人 美骨小顔協会 公式サイト用 Lightning 子テーマ
Author:       一般社団法人 美骨小顔協会
Template:     lightning
Version:      1.0.0
Requires PHP: 8.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  lightning-child
*/

/*
 * このファイルには「テーマ情報」と「CSS変数」のみを記述する。
 * 実際のスタイルは assets/css/ 以下に分割（base / layout / components / utilities / pages）。
 */

:root {
	/*
	 * ゴールド（バッジ・装飾アクセント）
	 * 公式ロゴ（BFAクレスト）から抽出した実際の色に統一。
	 * サイト全体のゴールドは必ずこの変数を経由し、ロゴと異なる色を
	 * 新規に作らないこと。
	 */
	--gold:       #BC945C;
	--gold-light: #CCB38F;
	--gold-pale:  #EFEBE6;
	--gold-dark:  #75582E;
	--gold-grad:  linear-gradient(135deg, #8D6835 0%, #B5884A 40%, #CBAE86 70%, #BC945C 100%);

	/* くすみピンク（メインCTA・見出し強調・アクセント） */
	--pink:       #DA6279;
	--pink-dark:  #BE3750;
	--pink-light: #E8B0BA;
	--pink-pale:  #F9ECEE;
	--pink-grad:  linear-gradient(120deg, #BE3750 0%, #DA6279 55%, #E8935F 100%);

	/* ディープローズ（引き締め用の深色パネル。旧ネイビーの役割を継承） */
	--rose-deep:      #3E2328;
	--rose-deep-dark: #281519;

	--white:      #FFFFFF;
	--cream:      #FDFAF6;
	--cream2:     #F8F3EA;
	--text:       #1E1A16;
	--text-mid:   #4A4038;
	--text-light: #8A7E76;
	--border:     #E8DCC8;

	--font-serif: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	--font-sans:  'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;

	--header-h-sp: 48px;
	--header-h-pc: 52px;

	/*
	 * 角丸スケール（3段階＋ピル）。
	 * 新しいコンポーネントを追加する際は、この4値以外を使わないこと。
	 */
	--radius-sm:   8px;
	--radius-md:   12px;
	--radius-lg:   16px;
	--radius-pill: 999px;

	/*
	 * 写真の比率スケール（4種類のみ）。
	 * 詳細は assets/css/components.css の「写真フレームシステム」を参照。
	 */
	--ratio-square:    1 / 1;
	--ratio-portrait:  4 / 5;
	--ratio-landscape: 4 / 3;
	--ratio-hero:      16 / 9;

	/*
	 * カードの影に使うRGB値（rgba()内で var(--shadow-rgb) として使用）。
	 * ディープローズと同系色の暖色シャドウで統一する（グレー・青系にしない）。
	 */
	--shadow-rgb: 62, 35, 40;

	/* ボタンのホバー影に使うRGB値（--pink-dark と同色。グロー効果用） */
	--pink-shadow-rgb: 190, 55, 80;

	/*
	 * インタラクション用の統一トランジション。
	 * ボタン・カード等、クリック可能な要素は必ずこれを使うこと
	 * （個別に秒数の異なる transition を新設しない）。
	 */
	--transition-interactive: transform 0.25s ease, box-shadow 0.25s ease,
		background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;

	/*
	 * 月桂樹装飾（CSSのみのSVG、データURI）。
	 * 実績バッジ帯・ヒーロー内の簡易バッジ等、複数箇所で使い回すため
	 * ここに一元化する。新しい月桂樹SVGを個別に作らないこと。
	 */
	--laurel-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 100'%3E%3Cpath d='M40.0,96.0 Q-6,50 26.0,4.0' stroke='%23B8922A' stroke-width='1.3' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='30.0' cy='95.4' rx='8.2' ry='3.4' transform='rotate(-228.4 30.0 95.4)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='39.2' cy='95.4' rx='8.2' ry='3.4' transform='rotate(408.4 39.2 95.4)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='20.7' cy='83.1' rx='7.8' ry='3.1' transform='rotate(-222.2 20.7 83.1)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='30.3' cy='83.1' rx='7.8' ry='3.1' transform='rotate(402.2 30.3 83.1)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='13.8' cy='70.7' rx='7.2' ry='2.9' transform='rotate(-214.3 13.8 70.7)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='23.9' cy='70.7' rx='7.2' ry='2.9' transform='rotate(394.3 23.9 70.7)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='9.5' cy='58.1' rx='6.8' ry='2.7' transform='rotate(-204.9 9.5 58.1)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='19.8' cy='58.1' rx='6.8' ry='2.7' transform='rotate(384.9 19.8 58.1)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='7.8' cy='45.5' rx='6.2' ry='2.4' transform='rotate(-194.3 7.8 45.5)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='18.0' cy='45.5' rx='6.2' ry='2.4' transform='rotate(374.3 18.0 45.5)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='8.8' cy='33.0' rx='5.8' ry='2.2' transform='rotate(-183.5 8.8 33.0)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='18.4' cy='33.0' rx='5.8' ry='2.2' transform='rotate(363.5 18.4 33.0)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='12.4' cy='20.7' rx='5.2' ry='2.0' transform='rotate(-173.4 12.4 20.7)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='21.1' cy='20.7' rx='5.2' ry='2.0' transform='rotate(353.4 21.1 20.7)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='18.5' cy='8.7' rx='4.8' ry='1.7' transform='rotate(-164.8 18.5 8.7)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='26.2' cy='8.7' rx='4.8' ry='1.7' transform='rotate(344.8 26.2 8.7)' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3Cellipse cx='26.0' cy='1.5' rx='2.2' ry='3.6' fill='%23E8D08A' stroke='%23B8922A' stroke-width='0.6'/%3E%3C/svg%3E");
}