/* ====================== IMAGE URLs - UPDATE THESE IN ONE PLACE ====================== */
:root {
  --book-cover: "twilight-station-ebook.jpg";
  --author-photo: "https://via.placeholder.com/300x300/1e2937/22d3ee?text=YOUR+PHOTO";
  /* Add more images here later if needed, e.g. --background-image: url(...); */
}

/* Apply the variables */
#book-cover {
  content: var(--book-cover);
  src: var(--book-cover); /* For <img> src we'll set it via JS or directly in HTML for simplicity */
}

#author-photo {
  content: var(--author-photo);
}

/* ====================== GENERAL STYLES ====================== */
body {
  font-family: system-ui, -apple-system, sans-serif;
}

.hero-bg {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
}

.neon-cyan {
  text-shadow: 0 0 10px #22d3ee, 0 0 20px #22d3ee;
}

/* Make hero content start higher */
.hero-bg {
  padding-top: 24; /* No extra top padding */
}

/* Optional: Force immediate start on very small screens */
@media (max-width: 640px) {
  .hero-bg {
    min-height: 85vh; /* Slightly shorter on mobile so content isn't pushed down */
  }
}

.excerpt p {
  margin-bottom: 1.5em;
}

.novella-title {
  text-decoration: underline;
}