:root {
	--color-primary: #3f7668;
	--color-primary-dark: #2e5b50;
	--color-primary-light: #8ebeaa;
	--color-bg-green: #eaf4f0;
	--color-bg-blue: #eaf2f7;
	--color-bg-ivory: #faf7f1;
	--color-heading: #263b36;
	--color-text: #3e4543;
	--color-secondary: #68716e;
	--color-border: #dce4e0;
	--color-border-light: #edf1ef;
	--color-white: #fff;
	--font-base: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--container: 1180px;
	--content: 760px;
	--radius: 12px;
	--shadow: 0 6px 22px rgba(38, 59, 54, 0.07);
	--header-height: 64px;
}

@media (min-width: 1024px) {
	:root { --header-height: 80px; }
}