@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --background: #faf4ed;
    --text: #575279;
    --link: #286983;
    --link-hover: #575279;
    --accent-1: #fffaf3;
    --accent-2: #f2e9e1;
    --accent-3: #9893a5;
    --highlight: #dfdad9;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --background: #191724;
    --text: #e0def4;
    --link: #31748f;
    --link-hover: #e0def4;
    --accent-1: #1f1d2e;
    --accent-2: #26233a;
    --accent-3: #6e6a86;
    --highlight: #403d52;
  }
}

/* ── Blockquotes ──────────────────── */

blockquote {
  border-left: 3px solid var(--link);
  margin: 1.5em 0;
  padding: 0.5em 0 0.5em 1.25em;
  color: var(--accent-3);
  font-style: italic;
}

blockquote p {
  margin: 0;
}

/* ── Images ───────────────────── */

.post-content img,
.page-content img,
article img {
  border-radius: 6px;
  max-width: 100%;
  height: auto;
}

/* ── Bookshelf ─────────────────── */

.bookshelf img:hover {
  transform: scale(1.10);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.bookgoals {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
}

.bookgoals img {
  width: 120px;
  height: 180px;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.bookgoals img:hover {
  transform: scale(1.10);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.book-cover:hover {
  transform: translateY(-5px);
}