/**
 * 栗に夢中 公開サイト — 栗色アクセント（文字・ボタン）
 * main.css の後に読み込みます。
 * 大きな緑背景（入学案内・LINEバナー等）は緑のまま残します。
 */
:root {
  --chestnut: #6f4e37;
  --chestnut-dark: #523a28;
  /* 文字・ボタン用の緑変数を栗色へ（背景は下で緑を復元） */
  --green: #6f4e37;
  --green-dark: #523a28;
  --title-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 6' preserveAspectRatio='none'%3E%3Cpath d='M0 4 Q6 0 12 4 T24 4 T36 4 T48 4' fill='none' stroke='%236f4e37' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ========== 大きな背景は深い緑のまま ========== */
.enrollment-card,
.line-banner {
  background: #1c482f;
}

.nav-desktop__actions .btn--primary,
.nav-mobile__actions .btn--primary {
  background: var(--chestnut);
}

/* ========== 直書きの緑文字・リンクを栗色へ ========== */
.facility-body h3,
.facility-button,
.facility-body .facility-button {
  color: var(--chestnut-dark);
}

.facility-button,
.facility-body .facility-button {
  border-color: rgba(111, 78, 55, 0.35);
}

.facility-button:hover,
.facility-body .facility-button:hover {
  border-color: rgba(111, 78, 55, 0.55);
  background: rgba(111, 78, 55, 0.04);
  color: var(--chestnut-dark);
}

.line-banner__cta,
.line-banner__cta:hover {
  color: #1c482f;
}

/* ========== ボタン影（栗色） ========== */
.btn--primary {
  box-shadow: 0 4px 14px rgba(111, 78, 55, 0.28);
}

.btn--primary:hover {
  box-shadow: 0 8px 22px rgba(111, 78, 55, 0.35);
}