:root {
	/* メインカラー（オレンジ） */
	--color-primary: #f28c28;
	--color-primary-dark: #d97706;

	/* アクセントカラー（グリーン） */
	--color-accent: #88b138;

	/* テキストカラー */
	--color-text: #4c4c4c;

	/* 背景色 */
	--color-bg: #ffffff;
	--color-bg-light: #f6f6f6;
}

/* 汎用的なスタイル */
body {
	background-color: var(--color-bg);
	color: var(--color-text);
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

a {
	color: var(--color-primary);
	text-decoration: none;
}
a:hover {
	color: var(--color-primary-dark);
}

/* ボタン */
.btn-primary {
	background-color: var(--color-primary);
	color: #fff;
	border: none;
}
.btn-primary:hover {
	background-color: var(--color-primary-dark);
}

/* アクセントバッジ */
.badge-accent {
	background-color: var(--color-accent);
	color: #fff;
	padding: 0.3em 0.6em;
	border-radius: 0.25rem;
	font-size: 0.9em;
}

/* セクション背景 */
.section-light {
	background-color: var(--color-bg-light);
	padding: 2rem 1rem;
}

/* 見出し */
h1, h2, h3 {
	color: var(--color-primary);
}

.bg-primary{
	/*background: linear-gradient(121deg, #bae36c 0%, #add36f 100%);*/
	background:linear-gradient(0deg, #ffffff 0%, #fff0c5 100%)
}

.bg-light{
	background-color: #ebf2e2 !important;
}