:root {
  --bg: #0f1720;
  --card: #0b1220;
  --muted: #9aa4b2;
  --accent: #e9c46a;
  --text: #e6eef6;
}
body { background: var(--bg); color: var(--text); }
.container-lg { padding-top: 1.5rem; }
a { color: var(--accent); }
.list-group-item { background: var(--card); border: 1px solid rgba(255,255,255,0.03); color: var(--text); }
.navbar-brand, .nav-link { color: var(--text) !important; }
.lead { color: var(--muted); }

/* meta line for character first-appearance — readable, no highlight */
.meta { color: var(--muted); margin-bottom: 0.5rem; }
.meta a { color: var(--accent); text-decoration: underline; background: transparent; }
.meta a:focus, .meta a:active { outline: none; box-shadow: none; background: transparent; }

/* Book year styling in the books list - visible pill on the right */
.book-year {
  display: inline-block;
  min-width: 56px;
  text-align: center;
  padding: 0.18rem 0.5rem;
  border-radius: 6px;
  background: rgba(255,255,255,0.03);
  color: var(--muted);
  font-family: Georgia, 'Times New Roman', serif;
  font-variant-numeric: tabular-nums;
  font-size: 0.95rem;
  line-height: 1;
}

/* Ensure the year stays readable on hover/focus of the list item */
.list-group-item-action:hover .book-year,
.list-group-item-action:focus .book-year {
  background: rgba(233,196,106,0.12);
  color: var(--text);
}