:root {
  --primary:       #1A3A5C;
  --primary-dark:  #132a42;
  --primary-light: #516983;
  --accent:        #8A7040;
  --accent-light:  #b9a98c;
  --bg-white:      #F5F6F8;
  --bg-light:      #eceef2;
  --bg-blue:       #dde1e7;
  --shadow:        0 2px 8px rgba(26,58,92,0.11);
  --shadow-hover:  0 8px 28px rgba(26,58,92,0.22);
}

/* カルーセルスライド背景（テーマに連動） */
.slide-1 { background: linear-gradient(135deg, #11263c 0%, #15304b 50%, #2c4a69 100%); }
.slide-2 { background: linear-gradient(135deg, #0d1d2e 0%, #11263d 40%, #16314d 100%); }
.slide-3 { background: linear-gradient(135deg, #11263d 0%, #50544f 60%, #8A7040 100%); }

/* ヒーローエリア高さ（標準280px基準） */
@media (min-width: 769px) {
  .hero-main { height: 350px !important; min-height: 0 !important; }
  .hero-carousel-wrapper { height: 350px !important; min-height: 350px !important; }
  .hero-info-wrapper { height: 350px !important; overflow-y: auto; }
}
@media (max-width: 768px) {
  .hero-main { height: auto !important; min-height: 0 !important; }
  .hero-carousel-wrapper { height: 350px !important; min-height: 350px !important; }
  .carousel-content { height: 350px !important; }
}