/* ============================================
   IGD Brand Override — ネイビー × ゴールド
   適用先: inoue-growth-design.netlify.app
   ============================================ */

/* 1. CSS変数の上書き */
:root {
  --accent:   #C6962C;
  --accent2:  #1B2A4A;
  --accent-g: linear-gradient(135deg, #C6962C 0%, #D4A84B 100%);
  --black:    #1B2A4A;   /* 純黒 → ネイビーに置換 */
}

/* 2. Primary ボタン
      ピル型 → 角丸、ゴールド地、ネイビー文字 */
.btn-p,
.btn-lg.btn-p {
  background: #C6962C !important;
  color: #1B2A4A !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 16px rgba(198, 150, 44, .22) !important;
}

.btn-p:hover,
.btn-lg.btn-p:hover {
  background: #D4A84B !important;
  box-shadow: 0 8px 28px rgba(198, 150, 44, .38) !important;
  transform: translateY(-2px) !important;
}

/* 3. Secondary ボタン — ホバーをネイビーに */
.btn-s {
  border-radius: 6px !important;
}

.btn-s:hover {
  background: #1B2A4A !important;
  border-color: #1B2A4A !important;
  color: #fff !important;
}

/* 4. CTAセクションのグロー — ゴールドに */
.cta-section::before {
  background: radial-gradient(
    circle,
    rgba(198, 150, 44, .18) 0%,
    rgba(212, 168, 75,  .08) 35%,
    transparent 65%
  ) !important;
}

/* 5. Top バーのアクセントバッジ */
.top-bar .top-cta {
  background: #C6962C !important;
  color: #1B2A4A !important;
}

/* 6. フォーカス / 選択色 */
::selection {
  background: rgba(198, 150, 44, .25) !important;
}

input:focus,
textarea:focus {
  box-shadow: 0 0 0 3px rgba(198, 150, 44, .2) !important;
  border-color: #C6962C !important;
  outline: none !important;
}

/* 7. スクロールバー */
::-webkit-scrollbar-thumb {
  background: #C6962C !important;
}

/* 8. カーソルグロー（デスクトップのみ） */
.cursor-glow {
  background: radial-gradient(
    circle at center,
    rgba(198, 150, 44, .06),
    transparent 70%
  ) !important;
}

/* 9. アクセントカードのグラデーション上書き */
.bento-item.accent {
  background: linear-gradient(135deg, #1B2A4A 0%, #243550 100%) !important;
}

/* 10. ナビゲーションのアンダーラインホバー */
nav a::after {
  background: linear-gradient(90deg, #C6962C, #D4A84B) !important;
}

/* 11. ステップ番号サークルの影 */
.step-num,
[class*="step"] .num,
.step-circle {
  box-shadow: 0 4px 16px rgba(198, 150, 44, .25) !important;
}