/* Brand theme for books.mrjatt.online — warm paper, ink, burnt orange. */
:root, html.dark {
  --color-shelf-bg: #faf6ef;
  --color-shelf-card: #fffdf9;
  --color-shelf-hover: #f1e9dc;
  --color-shelf-accent: #b4581a;
  --color-shelf-accent2: #d67b22;
  --color-shelf-text: #221d18;
  --color-shelf-muted: #6f6458;
  --color-shelf-border: #e2d8c8;
  --color-shelf-success: #3f7d4e;
  --color-shelf-warning: #a36c11;
  --color-shelf-error: #a83232;
}

body {
  background: var(--color-shelf-bg);
  color: var(--color-shelf-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* The compiled utilities hardcode white for dark-theme hovers. */
.text-white { color: var(--color-shelf-text) !important; }
.hover\:text-white:hover { color: var(--color-shelf-accent) !important; }
.text-gray-300 { color: var(--color-shelf-muted) !important; }
.bg-black\/40, .bg-black\/60, .bg-black\/70, .bg-black\/80 { background-color: rgba(34, 29, 24, 0.55) !important; }

/* Wordmark and section headings carry the personality. */
nav a[href="/"] {
  font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  color: var(--color-shelf-text) !important;
}
h1 {
  font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  font-weight: 400;
  letter-spacing: -0.01em;
}
h2, h3 { letter-spacing: -0.005em; }

/* Nav: a quiet rule under the active tab instead of a filled box. */
nav a[data-nav-tab] { border-radius: 0; border-bottom: 2px solid transparent; padding-bottom: 0.35rem; }
nav a[data-nav-tab].bg-shelf-hover {
  background: transparent !important;
  border-bottom-color: var(--color-shelf-accent);
  color: var(--color-shelf-text) !important;
}

/* Cover tiles: paper edge and a soft shadow, no heavy chrome. */
.cover-card {
  background: var(--color-shelf-card);
  border: 1px solid var(--color-shelf-border);
  border-radius: 0.35rem;
  box-shadow: 0 1px 2px rgba(60, 44, 28, 0.08), 0 8px 20px -12px rgba(60, 44, 28, 0.35);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.cover-card:hover {
  box-shadow: 0 2px 4px rgba(60, 44, 28, 0.12), 0 14px 30px -14px rgba(60, 44, 28, 0.45);
  transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
  .cover-card, .cover-card:hover { transition: none; transform: none; }
}

::-webkit-scrollbar-track { background: var(--color-shelf-bg); }
::-webkit-scrollbar-thumb { background: var(--color-shelf-border); border-radius: 4px; }

/* Focus stays visible on paper. */
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible {
  outline: 2px solid var(--color-shelf-accent);
  outline-offset: 2px;
}

/* Every book was imported in one batch, so a "New" badge on all of them says
   nothing. Hide it rather than edit the shared card template. */
[class~="bg-shelf-accent/80"] { display: none; }