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

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

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

[data-bs-theme="dark"] a:hover {
    --bs-link-color: #5c76a2;
    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: #eaf0f0;
  --bs-navbar-bg: #dbe5e5;
  --bs-body-color: #000000;
  --bs-emphasis-color: #000000;
  --bs-primary: #d6c400;
  --bs-secondary:#000000;
  --bs-secondary-rgb: 0,0,0;
  --textarea-border-color:#90b0b0;
}
[data-bs-theme="dark"] {
  --bs-body-bg: #04080d;
  --bs-navbar-bg: #0a1420;
  --bs-body-color: #b8b8b8;
  --bs-emphasis-color:#b8b8b8;
  --bs-primary: #4a5f82;
  --bs-secondary:#858585;
  --bs-secondary-rgb: 133,133,133;
  --textarea-border-color:#285082;
}

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