/* ==========================================================================
   CSS変数（色・余白・フォント）
   ここを変えるとサイト全体に反映される
   ========================================================================== */

:root {
	/* --- カラー --- */
	--color-primary:       #3A7D1C;   /* ダークライムグリーン（白文字対応・主要ボタン・アクション） */
	--color-primary-light: #EDF5E8;   /* 薄いグリーン（セクション背景・カード） */
	--color-accent:        #C8960A;   /* ゴールデンイエロー（アクセント・ラベル） */
	--color-accent-light:  #FDF6DC;   /* 薄いイエロー（セクション背景） */
	--color-text:          #2A2A2A;   /* 本文テキスト */
	--color-text-sub:      #5A5A5A;   /* サブテキスト */
	--color-bg:            #ffffff;   /* ページ背景 */
	--color-bg-light:      #F7F9F6;   /* 薄いグリーン寄りの背景 */
	--color-border:        #D0DFCA;   /* グリーン寄りのボーダー */

	/* --- タイポグラフィ --- */
	--font-base:   'Noto Sans JP', sans-serif;
	--font-size-base: 1rem;        /* 16px */
	--line-height-base: 1.8;

	/* --- 余白 --- */
	--space-xs:  0.5rem;   /*  8px */
	--space-sm:  1rem;     /* 16px */
	--space-md:  2rem;     /* 32px */
	--space-lg:  4rem;     /* 64px */
	--space-xl:  6rem;     /* 96px */

	/* --- レイアウト --- */
	--inner-width: 1080px;   /* コンテンツ最大幅 */
	--inner-padding: 1.5rem; /* 左右の内側余白（スマホ対応）*/
}