/* サイトテーマ色 — 店舗HP（WordPress Swell）のメインカラーに合わせる。
   HP実測値: メイン #0099ff（--color_main）／濃 #0073bf（--color_main_dark）／リンク #1176d4（--color_link）。
   Bootstrap 5.3 の CSS 変数の上書きのみで実現する（bootstrap.min.css 本体は差し替えない）。
   公開ページ（base_front.html）と管理パネル（base_admin.html）の両方で読み込む。
   ※ カレンダーの土曜青・○△等の状態色は意味色のため対象外（grid.css 側）。 */

:root {
  --bs-primary: #0099ff;
  --bs-primary-rgb: 0, 153, 255;
  --bs-link-color: #1176d4;
  --bs-link-color-rgb: 17, 118, 212;
  --bs-link-hover-color: #0e5fa9;
  --bs-link-hover-color-rgb: 14, 95, 169;
}

/* ボタン（hover/active は濃メイン） */
.btn-primary {
  --bs-btn-bg: #0099ff;
  --bs-btn-border-color: #0099ff;
  --bs-btn-hover-bg: #0073bf;
  --bs-btn-hover-border-color: #0073bf;
  --bs-btn-active-bg: #0073bf;
  --bs-btn-active-border-color: #006bb3;
  --bs-btn-disabled-bg: #0099ff;
  --bs-btn-disabled-border-color: #0099ff;
  --bs-btn-focus-shadow-rgb: 0, 153, 255;
}

.btn-outline-primary {
  --bs-btn-color: #0099ff;
  --bs-btn-border-color: #0099ff;
  --bs-btn-hover-bg: #0099ff;
  --bs-btn-hover-border-color: #0099ff;
  --bs-btn-active-bg: #0099ff;
  --bs-btn-active-border-color: #0099ff;
  --bs-btn-focus-shadow-rgb: 0, 153, 255;
}

/* フォームのフォーカス枠・チェックボックス（Bootstrap は CSS 変数化されていないため直接上書き） */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #80ccff;
  box-shadow: 0 0 0 .25rem rgba(0, 153, 255, .25);
}
.form-check-input:checked {
  background-color: #0099ff;
  border-color: #0099ff;
}