:root {
  --primary-color: #8F2447;
  --background-color: #E1F6F9DC;
  --sl-color-text-accent: #8F2447;
}

html[data-theme="dark"] {
  --primary-color: #E1F6F9;
  --background-color: #8F2447ee;
  --sl-color-text-accent: #E1F6F9;
}

.main-frame::before {
  background: url(https://cdn.nhcarrigan.com/background.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 1;
  pointer-events: none;
}

.main-pane {
  margin: auto;
  background-color: var(--background-color);
  color: var(--primary-color);
}

.sidebar-pane,
.right-sidebar-panel {
  background-color: var(--background-color);
  color: var(--primary-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
  color: var(--primary-color) !important;
}

a[aria-current="page"] {
  color: var(--background-color) !important;
  background-color: var(--primary-color) !important;
}

header {
  color: var(--primary-color) !important;
  background-color: var(--background-color) !important;
}

.large {
  color: var(--primary-color) !important;
}

.right-sidebar-panel :where(a) {
  color: var(--primary-color) !important;
}

.right-sidebar-panel :where(a):hover {
  color: var(--background-color) !important;
  background-color: var(--primary-color) !important;
}

footer > div > a,
footer > div > a:visited,
footer > div > p {
  color: var(--primary-color) !important;
}

starlight-theme-select, starlight-theme-select > label {
  color: var(--primary-color) !important;
}

.social-icons::after {
  display: none;
}

.sidebar-content {
  color: var(--primary-color) !important;
}

.link-title {
  color: var(--primary-color) !important;
}

.pagination-links > a:hover {
  color: var(--background-color) !important;
  background-color: var(--primary-color) !important;
}

.pagination-links > a:hover > span > .link-title {
  color: var(--background-color) !important;
  background-color: var(--primary-color) !important;
}

#extra-footer-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

#tree-nation-offset-website {
  display: inline;
  margin: 0 !important;
}
