@font-face {
  font-family: Songster;
  src: url("/assets/font/EFCOSongster-Regular.otf") format("opentype");
}

@font-face {
  font-family: Songster LineShade;
  src: url("/assets/font/EFCOSongster-LineShade.otf") format("opentype");
}

@font-face {
  font-family: Songster Extras;
  src: url("/assets/font/EFCOSongster-Extras.otf") format("opentype");
}

@font-face {
  font-family: Songster Pair;
  src: url("/assets/font/EFCOSongster-Pair.otf") format("opentype");
}

:root {
  /*--bs-font-sans-serif: Helvetica;*/

  --bs-body-color: #b29671;
  --bs-body-color-rgb: 178, 150, 113;
  --bs-body-bg: #243542;

  --bs-border-color: var(--bs-body-color);

  --bs-link-color: var(--bs-body-color);
  --bs-link-color-rgb: var(--bs-body-color-rgb);
  --bs-link-hover-color: #cbb893;
  --bs-link-hover-color-rgb: 203, 184, 147;

  --bs-primary: #3cbddf;
  --bs-primary-rgb: 60, 189, 223;

  --bs-secondary-color: #b29671;
  --bs-secondary-color-rgb: 178, 150, 113;;
  --bs-secondary: #131d24;
  --bs-secondary-rgb: 19, 29, 36;
  --bs-secondary-border-subtle: #131d24;

  --bs-tertiary-color: #f39623;
  --bs-tertiary-color-rgb: 243, 150, 35;

  --bs-success: #7f9a79;
  --bs-success-rgb: 127, 154, 121;
  --bs-success-text-emphasis: #f39623;

  --bs-danger: #aa2e48;
  --bs-danger-rgb: 170, 46, 72;
  --bs-danger-bg: var(--bs-danger);
  --bs-danger-bg-subtle: var(--bs-danger-bg);
  --bs-danger-border-subtle: #823138;
  --bs-danger-text-emphasis: var(--bs-tertiary-color);

  --bs-table-color: var(--bs-body-color);
}

h1, h2 {
  font-family: Songster;
}

blockquote {
  display: inline-flex;
  flex-direction: column;
  background-color: var(--bs-secondary);
  border-color: var(--bs-body-color);
  border-left: solid 3px;
  padding: 1rem;

  color: var(--bs-body-color);
  background-image: url("/assets/img/quote.svg");
  background-repeat: no-repeat;
  background-position: 0.5rem 0.5rem;
  background-size: 2rem 2rem;
}

blockquote p {
  margin-left: 2rem;
}

blockquote figcaption {
  margin-left: 2rem;
}

.songster {
  font-family: Songster;
}

.entry-body a {
  color: var(--bs-tertiary-color);
  text-decoration: none;
}

.entry-body a:hover {
  text-decoration: underline dotted;
  text-underline-offset: 0.25rem;
}

.table-spp {
  --bs-table-color: var(--bs-body-color);
}

.btn-spp-primary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-hover-bg: #0d1519;
  --bs-btn-active-bg: var(--bs-btn-hover-bg);
  --bs-btn-active-border-color: #0d1519;
}

.dropdown-menu-spp {
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-border-color: var(--bs-secondary);
  --bs-dropdown-link-active-bg: var(--bs-primary);
  --bs-dropdown-link-active-color: var(--bs-secondary);
  --bs-dropdown-link-hover-bg: var(--bs-secondary);
}

.tooltip-spp {
  --bs-tooltip-color: var(--bs-body-color);
  --bs-tooltip-bg: var(--bs-secondary);
}

.inline-spoiler-revealed {
  color: var(--bs-secondary);
  background-color: #adb5bd;
  padding-left: 0.25em;
  padding-right: 0.25em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.inline-spoiler-revealed a {
  color: var(--bs-danger);
  text-decoration: none;
}

.inline-spoiler-revealed:hover a {
  text-underline-offset: 2px;
}

.inline-spoiler {
  color: #adb5bd;
  background-color: #adb5bd;
  padding-left: 0.25em;
  padding-right: 0.25em;
  cursor: pointer;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  user-select: none;
}

.inline-spoiler:hover {
  color: #ced4da;
  background-color: #ced4da;
}

.inline-spoiler a {
  color: #adb5bd;
  text-decoration: none;
}

.inline-spoiler:hover a {
  color: #ced4da;
  text-underline-offset: 2px;
}

@media (min-width: 992px) {
  .border-lg-end {
    border-right:var(--bs-border-width) solid var(--bs-border-color)
  }
}

html {
  scroll-padding-top: 82px;
}