@charset "UTF-8";
:root {
  --LOGO-COLOR-PRIMARY: #CC0022;
  --LOGO-COLOR-DARK: #666666;
  --LOGO-COLOR-LIGHT: #999999;
}

[data-bs-theme=dark] {
  --LOGO-COLOR-PRIMARY: #ff4455;
  --LOGO-COLOR-DARK: #f0f0f0;
  --LOGO-COLOR-LIGHT: #cccccc;
}

/* 履歴アイテムのURL等の視認性を確保 */
.list-group-item {
  transition: background-color 0.2s ease;
}
.list-group-item .text-body {
  /* text-light がハードコードされていた箇所を上書き */
  color: var(--bs-body-color) !important;
}

/* 【追加】設定画面・About画面用モーダルロック（背景を暗くして操作不能感を出す） */
.db-modal-lock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1040;
  backdrop-filter: blur(2px);
}
