/* Parchment Theme Customizations */
:root {
  --parchment-bg: #f5eeda;
  --dark-text: #4a2c2a;
  --border-color: #d2b48c;
  --accent-color: #8B4513;
  --accent-hover-color: #A0522D;
  --card-bg: #faf6f0;
}

/* Themed Cursor */
html, a, button, .btn, .nav-link, .accordion-button, .form-check-input {
  /* The path is now relative to the css folder, so we go up one level (../) */
  cursor: url('../img/bbs.webp') 0 0, auto;
}

/* Increased specificity for Bootstrap nav-pills buttons */
.nav-pills .nav-item .nav-link {
    cursor: url('../img/bbs.webp') 0 0, auto;
}


body {
  background-color: var(--parchment-bg);
  color: var(--dark-text);
}

a {
  color: var(--accent-color);
  font-weight: 500;
}
a:hover {
  color: var(--accent-hover-color);
}

.border-bottom, .border-top {
  border-color: var(--border-color) !important;
}

.text-body-secondary {
  color: #6c4b4a !important;
}

/* Navigation */
.nav-pills .nav-link {
  color: var(--accent-color);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--accent-color);
  color: #fff;
}
.nav-link:focus, .nav-link:hover {
  color: var(--accent-hover-color);
}

/* Buttons */
.btn-primary {
  --bs-btn-bg: var(--accent-color);
  --bs-btn-border-color: var(--accent-color);
  --bs-btn-hover-bg: var(--accent-hover-color);
  --bs-btn-hover-border-color: var(--accent-hover-color);
  --bs-btn-active-bg: var(--accent-hover-color);
  --bs-btn-active-border-color: var(--accent-hover-color);
  --bs-btn-focus-shadow-rgb: 245, 238, 218;
}

/* Cards and Accordions */
.card, .accordion-item {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}
.card-subtitle {
  color: #6c4b4a !important;
}

.accordion-button {
  background-color: var(--card-bg);
  color: var(--dark-text);
}
.accordion-button:not(.collapsed) {
  background-color: #e9e2d7;
  color: var(--dark-text);
}
.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(139, 69, 19, 0.25);
  border-color: var(--border-color);
}
.accordion-button::after {
  filter: invert(20%) sepia(20%) saturate(800%) hue-rotate(350deg) brightness(60%) contrast(100%);
}

/* List Group */
.list-group-item {
  background-color: transparent;
  border-color: var(--border-color);
}

/* Form */
.form-control {
  background-color: #fff;
  border-color: var(--border-color);
}
.form-control:focus {
  background-color: #fff;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 0.25rem rgba(139, 69, 19, 0.25);
  color: #000;
}
.form-check-input:checked {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
}
.form-check-input:focus {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 0.25rem rgba(139, 69, 19, 0.25);
}