/**
 * bootstrap-overrides.css - Bootstrap 5 変数の Clory ウォームストーン色への上書き
 *
 * 目的: Bootstrap のデフォルト変数（--bs-body-bg, --bs-body-color など）を
 *       Clory の CSS 変数（--bg-primary, --text-primary など）に統一
 *
 * 読み込み順序: Bootstrap本体 → variables.css → bootstrap-overrides.css
 *
 * 参考: docs/profile-redesign/04_settings-ia.md §4.5（N-1対策）
 */

:root {
  /* Bootstrap カラーシステムを Clory ウォームストーン色にマップ */
  --bs-body-bg: var(--bg-primary);
  --bs-body-color: var(--text-primary);
  --bs-secondary-bg: var(--bg-secondary);
  --bs-secondary-color: var(--text-secondary);
  --bs-tertiary-bg: var(--bg-tertiary);
  --bs-tertiary-color: var(--text-tertiary);

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

  /* プライマリアクション（ボタン等） */
  --bs-primary: var(--accent-primary);
  --bs-primary-rgb: 255, 107, 53; /* #ff6b35 を RGB で指定（Bootstrap互換） */

  /* セカンダリアクション */
  --bs-secondary: var(--accent-secondary);
  --bs-secondary-rgb: 78, 205, 196; /* #4ecdc4 を RGB で指定 */

  /* サクセス（確認・成功） */
  --bs-success: var(--accent-success);
  --bs-success-rgb: 168, 230, 207; /* #a8e6cf を RGB で指定 */

  /* 危険・削除等 */
  --bs-danger: var(--accent-primary); /* 赤系がないため、オレンジを流用 */

  /* 情報表示 */
  --bs-info: var(--accent-secondary);

  /* 警告 */
  --bs-warning: var(--accent-tertiary);

  /* グレー系（パッシブ要素） */
  --bs-gray-100: var(--bg-tertiary);
  --bs-gray-200: var(--border-color);
  --bs-gray-500: var(--text-tertiary);
  --bs-gray-700: var(--text-secondary);
  --bs-gray-900: var(--text-primary);

  /* リンク色 */
  --bs-link-color: var(--accent-secondary);
  --bs-link-hover-color: var(--accent-primary);

  /* フォーム要素 */
  --bs-form-control-bg: var(--bg-primary);
  --bs-form-control-border-color: var(--border-color);
  --bs-form-control-color: var(--text-primary);
  --bs-form-control-focus-border-color: var(--accent-secondary);
  --bs-form-control-focus-bg: var(--bg-primary);

  /* チェックボックス・ラジオ */
  --bs-form-check-input-bg: var(--bg-secondary);
  --bs-form-check-input-border: var(--border-color);
  --bs-form-check-input-checked-bg: var(--accent-primary);
  --bs-form-check-input-checked-border-color: var(--accent-primary);

  /* ボタン基本スタイル */
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-border-radius: var(--border-radius-sm);

  /* ドロップダウン */
  --bs-dropdown-bg: var(--bg-secondary);
  --bs-dropdown-link-color: var(--text-primary);
  --bs-dropdown-link-hover-bg: var(--bg-tertiary);
  --bs-dropdown-border-color: var(--border-color);

  /* モーダル */
  --bs-modal-bg: var(--bg-primary);
  --bs-modal-border-color: var(--border-color);
  --bs-modal-header-bg: var(--bg-secondary);
  --bs-modal-header-border-color: var(--border-color);

  /* ナビゲーション */
  --bs-nav-link-color: var(--text-secondary);
  --bs-nav-link-hover-color: var(--accent-primary);
  --bs-navbar-bg: var(--bg-secondary);
  --bs-navbar-border-color: var(--border-color);
  --bs-navbar-brand-color: var(--text-primary);

  /* テーブル */
  --bs-table-bg: var(--bg-primary);
  --bs-table-border-color: var(--border-color);
  --bs-table-hover-bg: var(--bg-secondary);
  --bs-table-striped-bg: var(--bg-secondary);

  /* アラート */
  --bs-alert-bg: var(--bg-secondary);
  --bs-alert-border-color: var(--border-color);
  --bs-alert-color: var(--text-primary);

  /* バッジ */
  --bs-badge-bg: var(--accent-secondary);
  --bs-badge-color: var(--text-on-primary);

  /* スピナー */
  --bs-spinner-border-color: var(--accent-secondary);

  /* スクロール */
  --bs-scrollbar-color: var(--accent-secondary);
  --bs-scrollbar-bg: var(--bg-secondary);
}

/**
 * ダークモード上書き
 * Bootstrap 変数をダークモードの Clory 色に再設定
 */
[data-theme='dark'] {
  --bs-body-bg: var(--bg-primary);
  --bs-body-color: var(--text-primary);
  --bs-secondary-bg: var(--bg-secondary);
  --bs-secondary-color: var(--text-secondary);
  --bs-tertiary-bg: var(--bg-tertiary);
  --bs-tertiary-color: var(--text-tertiary);

  --bs-border-color: var(--border-color);

  --bs-primary: var(--accent-primary);
  --bs-secondary: var(--accent-secondary);
  --bs-success: var(--accent-success);

  --bs-form-control-bg: var(--bg-primary);
  --bs-form-control-border-color: var(--border-color);
  --bs-form-control-color: var(--text-primary);
  --bs-form-control-focus-border-color: var(--accent-secondary);

  --bs-dropdown-bg: var(--bg-secondary);
  --bs-dropdown-link-color: var(--text-primary);
  --bs-dropdown-link-hover-bg: var(--bg-tertiary);

  --bs-modal-bg: var(--bg-primary);
  --bs-modal-border-color: var(--border-color);
  --bs-modal-header-bg: var(--bg-secondary);

  --bs-navbar-bg: var(--bg-secondary);
  --bs-table-bg: var(--bg-primary);
  --bs-table-hover-bg: var(--bg-secondary);
  --bs-table-striped-bg: var(--bg-secondary);

  --bs-alert-bg: var(--bg-secondary);
  --bs-alert-color: var(--text-primary);

  --bs-badge-bg: var(--accent-secondary);
  --bs-badge-color: var(--text-on-primary);
}