/* ヘッダー背景色（温かみのあるオレンジ） */
.warm-header {
  background-color: #99FFFF; /* Tailwindのorange-600に近い色 */
}

/* ヘッダーのフォントと基本カラー（黒に変更済み） */
.warm-header .navbar-brand-text,
.warm-header .nav-link,
.warm-header .dropdown-item {
  font-family: 'Kosugi Maru', sans-serif;
  color: #000 !important; /* 白→黒に変更して視認性UP */
}

/* ヘッダーのホバー時の色（濃いブラウン） */
.warm-header .nav-link:hover,
.warm-header .nav-link:focus,
.warm-header .dropdown-item:hover,
.warm-header .dropdown-item:focus {
  color: #5C4033 !important; /* 少し濃いブラウン系で温かみ */
}

/* サイト全体の文字と背景（温かみ重視） */
body {
  font-family: 'Kosugi Maru', sans-serif;
  color: #6B4C3B;           /* 温かみのあるブラウン系文字色 */
  background-color: #FFF8F0; /* 優しいクリーム色背景 */
}

/* フッターの背景と文字（オレンジ背景＋白文字） */
.warm-footer {
  background-color: #99FFFF;  /* ヘッダーと同じ温かみオレンジ */
  color: #000 !important;
  font-family: 'Kosugi Maru', sans-serif;
}

/* フッターのSNSアイコンリンク（ホワイト→明るいオレンジ） */
.warm-footer a {
  color: #000 !important;
  transition: color 0.3s ease;
}

.warm-footer a:hover,
.warm-footer a:focus {
  color: #FBBF24; /* 明るいオレンジ系でホバー演出 */
}

/* セクションタイトルの共通デザイン（見出しなどに） */
.section-title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  text-align: center;
  color: #4B3A2F; /* 温かみある濃いブラウン */
}

/* カルーセル画像の丸み（必要なら） */
.carousel-inner img {
  border-radius: 8px;
}


.btn-gradient {
      background: linear-gradient(45deg, #ff6b6b, #f7b733);
      color: white !important;
      border: none;
      border-radius: 50px;
      font-size: 1.2rem;
      transition: all 0.3s ease-in-out;
    }
    .btn-gradient:hover {
      transform: scale(1.08);
      box-shadow: 0 0 20px rgba(255, 107, 107, 0.8);
    }