/*
 * UNS ブランドカラーで Gentelella の CSS 変数を上書きする。
 * Gentelella v2.2.0 の :root に定義された --gt-* 変数を再代入する形で適用。
 * 詳細は /docs/開発規約/UIガイド.md §5.1 を参照。
 *
 * UNS 公式ロゴ／コーポレートサイト (https://www.uns-j.co.jp/) より:
 *   - プライマリ: #0077B3 (UNS コーポレートブルー)
 *   - セカンダリ: #57BDCC (UNS テールアクセント)
 */
:root {
  /* Brand colors */
  --gt-primary: #0077B3;
  --gt-primary-dark: #005f8f;
  --gt-secondary: #2a3f54;        /* UNS ロゴ背景色 (深紺) と整合するため Gentelella 既定を維持 */
  --gt-accent: #57BDCC;

  /* Semantic — info はセカンダリ teal に寄せる。success/warning/danger は Bootstrap 既定維持 */
  --gt-info: #57BDCC;

  /* Links */
  --gt-link-color: #0077B3;
  --gt-link-hover: #005f8f;

  /* Sidebar / Nav active states */
  --gt-sidebar-active-bg: #0077B3;
  --gt-nav-active: #0077B3;

  /* Forms */
  --gt-input-focus-border: #0077B3;
}

/*
 * Bootstrap 5 のユーティリティ・コンポーネントは独自に Sass 変数 ($primary 等) で
 * 配色されているため、CSS 変数だけでは text-primary / btn-primary 等が変わらない。
 * Bootstrap 既定の primary/info をブランドカラーで覆う。
 */
.btn-primary,
.bg-primary {
  --bs-btn-bg: #0077B3;
  --bs-btn-border-color: #0077B3;
  --bs-btn-hover-bg: #005f8f;
  --bs-btn-hover-border-color: #005f8f;
  --bs-btn-active-bg: #00547a;
  --bs-btn-active-border-color: #00547a;
  --bs-bg-opacity: 1;
  background-color: #0077B3 !important;
}

.btn-outline-primary {
  --bs-btn-color: #0077B3;
  --bs-btn-border-color: #0077B3;
  --bs-btn-hover-bg: #0077B3;
  --bs-btn-hover-border-color: #0077B3;
  --bs-btn-active-bg: #005f8f;
  --bs-btn-active-border-color: #005f8f;
}

.text-primary { color: #0077B3 !important; }
.link-primary { color: #0077B3 !important; }
.link-primary:hover { color: #005f8f !important; }
.border-primary { border-color: #0077B3 !important; }

.btn-info,
.bg-info {
  --bs-btn-bg: #57BDCC;
  --bs-btn-border-color: #57BDCC;
  background-color: #57BDCC !important;
}

.text-info { color: #57BDCC !important; }