/* Book-themed color palette */
:root {
  --book-brown: #CD853F;
  --book-cream: #F5F5DC;
  --book-gold: #DAA520;
  --book-dark-brown: #A0522D;
  --book-paper: #FDF6E3;
  --book-ink: #2F2F2F;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* Update focus colors to match book theme */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--book-gold);
}

/* Override Bootstrap primary colors */
.btn-primary {
  background-color: var(--book-brown) !important;
  border-color: var(--book-brown) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--book-dark-brown) !important;
  border-color: var(--book-dark-brown) !important;
}

/* Override Bootstrap bg-primary */
.bg-primary {
  background-color: var(--book-brown) !important;
}

/* Override navbar-dark colors */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: var(--book-gold) !important;
}

.navbar-dark .navbar-brand {
  color: white !important;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: var(--book-gold) !important;
}

/* Body styling with book paper background */
body {
  background-color: var(--book-paper);
  color: var(--book-ink);
}

/* Footer styling */
footer {
  background-color: #212529 !important;
}

footer a:hover {
  color: var(--book-gold) !important;
  transition: color 0.3s ease;
}

footer .fab, footer .fas {
  font-size: 1.2rem;
}

footer .fab:hover, footer .fas:hover {
  transform: scale(1.1);
  transition: transform 0.2s ease;
}

footer h5, footer h6 {
  font-weight: 600;
  margin-bottom: 1rem;
}

footer ul li {
  margin-bottom: 0.5rem;
}