/*
 * NurseLink — overrides.css
 * ============================================================
 * 【唯一の Bootstrap 接続点】
 *   「Bootstrapを上書きしない」が全体の方針。
 *   ただし “ブランド色を Bootstrap に橋渡しする” 1点だけは、
 *   個々のコンポーネントを上書きするのではなく
 *   Bootstrap の CSS変数（--bs-*）に tokens.css の値を流し込む形で集約する。
 *
 *   こうすることで:
 *     ・.btn-primary / .bg-primary / .text-bg-success 等が
 *       追加クラス無しでもブランド色になる（Bootstrap機構をそのまま活用）
 *     ・色の差し替えは「変数を1つ変えるだけ」で全コンポーネントに波及
 *     ・utilities.css / common.css は Bootstrap素クラスに一切触れない
 *
 * 【このファイルがやること】
 *   1. tokens.css の ui-* 値を Bootstrap の --bs-* 変数へブリッジ
 *   2. サービス別のブランド色差し替え（--ui-accent を上書き）
 *
 * 【このファイルがやらないこと】
 *   ・.btn-primary { … } のような Bootstrap素クラスのルール定義
 *     → 見た目の付与は utilities.css の ui-btn / ui-badge 等で行う
 *   ・トークンの新規定義 → tokens.css が唯一の定義元
 *
 * 読み込み順:
 *   1. bootstrap.min.css
 *   2. tokens.css
 *   3. common.css
 *   4. overrides.css   ← このファイル
 *   5. forms.css
 *   6. utilities.css
 * ============================================================
 */

/* ============================================================
   1. ブランド色の差し替え（サービス別）
============================================================ */
:root {
  --brand-primary: #2c584a; /* 児童発達支援・放課後等デイサービスCMS用ブランドカラー */
}

/* ============================================================
   2. Bootstrap CSS変数ブリッジ（--ui-* → --bs-*）
============================================================ */
:root {
  /* カラー */
  --bs-primary: var(--ui-accent);
  --bs-primary-rgb: var(--ui-accent-rgb);
  --bs-secondary-rgb: 110, 110, 115;
  --bs-success: var(--ui-success);
  --bs-success-rgb: 52, 199, 89;
  --bs-danger: var(--ui-danger);
  --bs-danger-rgb: 255, 59, 48;
  --bs-warning: var(--ui-warning);
  --bs-warning-rgb: 255, 149, 0;
  --bs-info: var(--ui-indigo);
  --bs-info-rgb: 88, 86, 214;
  --bs-body-bg: var(--ui-bg);
  --bs-body-color: var(--ui-text);
  --bs-body-font-family: var(--font-sans);

  /* リンク色もアクセントに */
  --bs-link-color: var(--ui-accent);
  --bs-link-hover-color: var(--ui-accent-hover);

  /* ボーダー */
  --bs-border-color: var(--ui-border);

  /* 角丸（rounded / rounded-pill 等に自動反映） */
  --bs-border-radius: var(--ui-radius);
  --bs-border-radius-sm: var(--ui-radius-sm);
  --bs-border-radius-lg: var(--ui-radius);
  --bs-border-radius-xl: var(--ui-radius);
  --bs-border-radius-pill: var(--ui-radius-pill);

  /* フォント */
  --bs-font-monospace: var(--font-mono);

  /* カード */
  --bs-card-bg: var(--ui-surface);
  --bs-card-border-color: var(--ui-border);
  --bs-card-border-radius: var(--ui-radius);
  --bs-card-cap-bg: transparent;

  /* モーダル */
  --bs-modal-bg: var(--ui-surface);
  --bs-modal-border-radius: var(--ui-radius);

  /* ドロップダウン */
  --bs-dropdown-bg: var(--ui-surface);
  --bs-dropdown-border-color: var(--ui-border-2);
  --bs-dropdown-border-radius: var(--ui-radius-sm);
  --bs-dropdown-link-hover-bg: var(--ui-surface-3);
  --bs-dropdown-link-active-bg: var(--ui-accent-lt);
  --bs-dropdown-link-active-color: var(--ui-accent);

  /* テーブル */
  --bs-table-striped-bg: rgba(0, 0, 0, 0.025);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.03);
  --bs-table-border-color: var(--ui-border);
}

/* ============================================================
   3. .btn-primary のホバー/フォーカス/押下色ブリッジ
   Bootstrapの --bs-btn-hover-bg 等はビルド時にデフォルト色（青）から
   静的計算されるため、--bs-primary を差し替えただけでは追従しない。
   ここで明示的に ui-accent-hover へブリッジし、通常時とホバー時の
   色が意図通り連動するようにする。
============================================================ */
.btn-primary {
  --bs-btn-bg: var(--ui-accent);
  --bs-btn-border-color: var(--ui-accent);
  --bs-btn-hover-bg: var(--ui-accent-hover);
  --bs-btn-hover-border-color: var(--ui-accent-hover);
  --bs-btn-active-bg: var(--ui-accent-hover);
  --bs-btn-active-border-color: var(--ui-accent-hover);
  --bs-btn-focus-shadow-rgb: var(--ui-accent-rgb);
  --bs-btn-disabled-bg: var(--ui-accent);
  --bs-btn-disabled-border-color: var(--ui-accent);
}