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

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

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

[data-bs-theme="dark"] a:hover {
    --bs-link-color: #bad4f7;
    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: #fff4e6;
  --bs-navbar-bg: #ffe8cc;
  --bs-body-color: #2d251f;
  --bs-emphasis-color: #2d251f;
  --bs-primary: #0f79d7;
  --bs-secondary:#000000;
  --bs-secondary-rgb: 0,0,0;
  --textarea-border-color:#ffb04c;
}
[data-bs-theme="dark"] {
  --bs-body-bg: #291a14;
  --bs-navbar-bg: #3a241c;
  --bs-body-color: #ebd9cb;
  --bs-emphasis-color:#ebd9cb;
  --bs-primary: #8cb8f3;
  --bs-secondary:#cea381;
  --bs-secondary-rgb: 206,163,129;
  --textarea-border-color:#8f5b46;
}

.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;
}