/* 緑系テーマ（お試し用）: index-green.html から style.css の後に読み込む */
:root {
  --color-bg: #F4F8F2;
  --color-bg-soft: #E8F1E4;
  --color-accent: #9BC49B;
  --color-accent-dark: #6FA06F;
  --color-text: #3D4A3D;
  --color-text-soft: #6B7A6B;
}

.hero {
  background:
    linear-gradient(180deg, rgba(244, 248, 242, 0.55) 0%, rgba(244, 248, 242, 0.35) 60%, var(--color-bg) 100%),
    url("../images/hero-green.png") center / cover no-repeat;
}

.price-card .price {
  color: var(--color-accent-dark);
}