/* Minimal home intro */
.home-avatar {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  float: left;
  margin: 2px 14px 6px 0;
}

@media (max-width: 600px) {
  .home-avatar {
    width: 100px;
    height: 100px;
  }
}

.navbar .nav-icon {
  width: 1.1rem;
  height: 1.1rem;
  vertical-align: -0.2rem;
}

/* Light mode: soft warm off‑white */
:root,
body.quarto-light {
  --bs-body-bg: #f7f3ed; /* global page background */
  --bs-link-color: #1f6feb; /* link */
  --bs-link-hover-color: #1158c7; /* hover */
}

/* Dark mode: warm near‑black */
body.quarto-dark,
[data-bs-theme="dark"] {
  /* Warm dark palette */
  --bs-body-bg: #221f1d; /* global page background */
  --bs-link-color: #58a6ff; /* accessible blue on dark */
  --bs-link-hover-color: #79b8ff; /* lighter on hover */
}

/* Fallback explicit link colors (in case a component hard-codes) */
a {
  color: var(--bs-link-color);
}
a:hover,
a:focus {
  color: var(--bs-link-hover-color);
}

#quarto-header .navbar,
header .navbar {
  background: var(--bs-body-bg) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-block: 0.6rem;
}

/* Dark mode navbar gets a touch darker than body */
body.quarto-dark #quarto-header .navbar,
body.quarto-dark header .navbar,
[data-bs-theme="dark"] #quarto-header .navbar,
[data-bs-theme="dark"] header .navbar {
  background: #2a2624 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

#quarto-header .navbar .navbar-brand,
#quarto-header .navbar .nav-link,
header .navbar .navbar-brand,
header .navbar .nav-link {
  color: var(--bs-body-color) !important;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}