/* ==========================================================================
   ブランドカラー統一（2026-08-21）
   購入テンプレ由来のテーマ色が2系統に分かれていたのを、コーポレートカラーへ統一する。
     旧: 製品・ツールページ = ティール #00acac ／ DXトップ = 明るい青 #1f6bff
     新: すべて #012567（見出しに使っている深い青）
   テーマ本体(app.min.css)は巨大な購入テンプレなので触らず、後読みのこのファイルで上書きする。
   戻すときは、読み込んでいる <link> を外すだけでよい。
   ========================================================================== */

:root,
body {
  --bs-theme: #012567;
  --bs-theme-rgb: 1, 37, 103;
  --app-theme: #012567;
  --app-theme-rgb: 1, 37, 103;
  --bs-blue: #012567;
  --bs-primary: #012567;
  --bs-primary-rgb: 1, 37, 103;
  --bs-link-color: #012567;
  --bs-link-hover-color: #01173f;
}

/* ---- 塗り（ボタン・バッジ・背景） ---- */
.btn-theme,
.bg-theme,
.badge.bg-theme,
.btn-primary,
.bg-primary {
  background-color: #012567 !important;
  border-color: #012567 !important;
  color: #fff !important;
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #01173f !important;
  border-color: #01173f !important;
  color: #fff !important;
}

.btn-theme:focus,
.btn-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(1, 37, 103, .35) !important;
}

/* ---- 線 ---- */
.btn-outline-theme,
.btn-outline-primary {
  color: #012567 !important;
  border-color: #012567 !important;
}

.btn-outline-theme:hover,
.btn-outline-primary:hover {
  background-color: #012567 !important;
  color: #fff !important;
}

.border-theme,
.border-primary {
  border-color: #012567 !important;
}

/* ---- 文字 ---- */
.text-theme,
.text-primary {
  color: #012567 !important;
}

/* ---- 薄い背景（bg-opacity 系）---- */
.bg-theme.bg-opacity-15,
.bg-primary.bg-opacity-15 {
  background-color: rgba(1, 37, 103, .15) !important;
}

/* ---- リンク ---- */
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.menu-link):not(.navbar-brand) {
  color: #012567;
}

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.menu-link):not(.navbar-brand):hover {
  color: #01173f;
}

/* ---- フォーム（フォーカス色）---- */
.form-control:focus,
.form-select:focus {
  border-color: #012567;
  box-shadow: 0 0 0 .25rem rgba(1, 37, 103, .25);
}

.form-check-input:checked {
  background-color: #012567;
  border-color: #012567;
}