:root {
    --bs-body-font-size: 1rem;
}

.honbun {
  line-height:}
[data-bs-theme="light"] a {
    --bs-link-color: #0dabfd;
    color: var(--bs-link-color);
}
.offcanvas a {
  color: unset;
}
[data-bs-theme="light"] a:hover {
    --bs-link-color: #3fbcfd;
    color: var(--bs-link-color);
}
.offcanvas a:hover {
  color: unset;
}

[data-bs-theme="dark"] a {
    --bs-link-color: #6ec1fe;
    color: var(--bs-link-color);
}
.offcanvas a {
  color: unset;
}

[data-bs-theme="dark"] a:hover {
    --bs-link-color: #a0d6fe;
    color: var(--bs-link-color);
}
.offcanvas a:hover {
  color: unset;
}

[data-bs-theme="light"] .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

[data-bs-theme="dark"] .accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}

[data-bs-theme="light"] {
  --bs-body-bg: #fff2d5;
  --bs-navbar-bg: #ffeabb;
  --bs-body-color: #000153;
  --bs-emphasis-color: #000153;
  --bs-primary: #0dabfd;
  --bs-secondary:#000000;
  --bs-secondary-rgb: 0,0,0;
  --textarea-border-color:#ffc23c;
}
[data-bs-theme="dark"] {
  --bs-body-bg: #00172f;
  --bs-navbar-bg: #002348;
  --bs-body-color: #fff2d5;
  --bs-emphasis-color:#fff2d5;
  --bs-primary: #6ec1fe;
  --bs-secondary:#ffd26f;
  --bs-secondary-rgb: 255,210,111;
  --textarea-border-color:#0061c8;
}

.navbar, .footer {
  background-color: var(--bs-navbar-bg) !important;
}

.btn-primary:hover {
  background-color: var(--bs-body-bg) !important; /* 枠線のカスタム色 */
  border-color: var(--bs-primary) !important; /* 枠線のカスタム色 */
  color: var(--bs-primary) !important; /* テキスト色も合わせて変更 */
}

.btn-primary {
  background-color: var(--bs-primary) !important; /* ホバー時の背景色 */
  border-color: var(--bs-primary) !important; /* 枠線のカスタム色 */
  color: white !important; /* ホバー時のテキスト色 */
}

.btn-outline-primary {
  border-color: var(--bs-primary) !important; /* 枠線のカスタム色 */
  color: var(--bs-primary) !important; /* テキスト色も合わせて変更 */
}

.btn-outline-primary:hover {
  background-color: var(--bs-primary) !important; /* ホバー時の背景色 */
  color: white !important; /* ホバー時のテキスト色 */
}

.btn-outline-secondary {
  border-color: var(--bs-secondary) !important; /* 枠線のカスタム色 */
  color: var(--bs-secondary) !important; /* テキスト色も合わせて変更 */
}

.btn-outline-secondary:hover {
  background-color: var(--bs-secondary) !important; /* ホバー時の背景色 */
  color: white !important; /* ホバー時のテキスト色 */
}

.text-body-secondary {
  color: var(--bs-secondary) !important;
}

.dropdown-item.active {
  background-color: var(--bs-primary) !important; 
  color: white !important;
}

textarea {
  border: 1px solid var(--textarea-border-color) !important;
}

blockquote {
  border-left: 4px solid var(--textarea-border-color) !important;
  padding: 0.5em 1em;
  color: var(--bs-secondary) !important;;
  background-color: var(--bs-navbar-bg) !important;;
  margin: 0;
}