/* ============================================================
   "fairy love" — book four theme override.

   The fourth matched-set look: jade / emerald / forest-green velvet.
   - "his"             = leather / warm-gold / forest canopy
   - "Full Moon Howl"  = velvet / dusk-lavender / moonrise
   - "the hidden verse"= kraft paper / copper / dawn light
   - "fairy love"      = jade velvet / emerald / enchanted green forest

   A collaborative love story; the green of the wolf's eyes, the fairy's
   aventurine star, the enchanted forest. Two voices in answer.
   ============================================================ */
:root {
  /* PAPER - a cool moonlit page with the faintest green cast, like
     pale birch leaf. Distinct from book two's lavender-white. */
  --paper:        #eef4ee;
  --paper-deep:   #dde8de;
  --paper-edge:   #c3d4c5;

  /* INK - deep forest green-black, like ink in moonlit woodland. */
  --ink:          #15211a;
  --ink-soft:     #2f4036;
  --ink-faint:    #7e9685;

  /* THE DARK SURFACE around the book - deep enchanted-forest green. */
  --dark-bg:      #0c1611;
  --dark-bg-soft: #14241b;
  --dark-ink:     #e6f0e8;
  --dark-ink-soft:#b3ccb8;
  --dark-ink-faint:#6f8a78;

  /* ACCENT - emerald / aventurine green. The fairy's star, the wolf's
     green eye, the love's stone. links, em emphasis, eyebrows, rules. */
  --accent:       #2f9e6f;
  --accent-faint: #6fc49b;

  --rule:         rgba(21, 33, 26, 0.20);
  --rule-dark:    rgba(230, 240, 232, 0.20);

  /* PEN INK - poem titles + hand lines, in a deep jade-green ink. */
  --pen-ink:         #1f6e4c;
  --pen-ink-blue:    #1f6e4c;
  --pen-ink-black:   #16352a;

  /* shelf wood stays the imprint's walnut - the shelf is the press. */
  --wood-1: #1e1f2e;
  --wood-2: #14152a;
  --wood-3: #0e0f1f;
}

/* ============================================================
   The dark surface around the book - an enchanted green forest.

   "fairy love" sits in an enchanted green forest - a real photograph:
   low sun breaking through misty woodland, rays falling between the
   trunks across deep green undergrowth. This frames the jade book in
   the green of the whole collaboration - the wolf's green eye, the
   fairy's aventurine star, the forest where they meet.

   The photo is brighter than book three's dawn (mean ~84/255) and the
   light rays are luminous, so the vignette is a touch firmer than book
   three's - an emerald-tinted darkening at the edges - to seat the
   book and keep edge text legible while the rays still carry through.
   ============================================================ */
body {
  background-color: var(--dark-bg);
  background-image:
    radial-gradient(ellipse 92% 82% at 50% 44%, rgba(8, 20, 14, 0.10) 0%, rgba(7, 17, 12, 0.42) 60%, rgba(5, 13, 9, 0.72) 100%),
    url("../img/forest.jpg");
  background-size: cover, cover;
  background-position: center center, center 38%;
  background-attachment: fixed, fixed;
}

/* ============================================================
   The cover surface uses cover-jade.jpg - the jade velvet hardback.
   ============================================================ */
#cover.dark-view {
  background-image: url("../img/cover-jade.jpg");
  background-position: 57% center;
}
@media (max-width: 700px) {
  #cover.dark-view { background-position: 60% center; }
}

/* cover buttons - emerald fill, pale text, crisp on the jade velvet.
   (the jade velvet is mid-dark, so the engine's faint-cream links read
   reasonably, but we strengthen the primary button to the accent.) */
.cover-enter {
  background: rgba(8, 20, 14, 0.5);
  color: #eaf4ec;
  border-color: rgba(111, 196, 155, 0.5);
}
.cover-enter:hover,
.cover-enter:focus-visible {
  background: var(--accent);
  color: #08140e;
  border-color: var(--accent);
}

/* ============================================================
   TWO VOICES — the wolf and the fairy.
   Each verse is marked with its speaker above the title, and signed
   with the poet who wrote it at the foot.
   ============================================================ */
.verse-speaker {
  font-family: var(--font-hand);
  font-size: 1.7rem;
  line-height: 1;
  margin-bottom: 0.5rem;
  color: var(--pen-ink);
}
.dark-view .verse-speaker { color: var(--accent-faint); }
/* a tiny differentiation: the wolf leans plain, the fairy gets a soft
   italic lift - two hands, two voices. */
.verse-speaker-fairy { font-style: italic; color: var(--accent); }
.verse-speaker-both  { font-size: 1.4rem; opacity: 0.9; }

/* the writer credit at the foot of each verse */
.verse-writer {
  font-family: var(--font-typewriter);
  font-size: 0.72rem;
  letter-spacing: 1px;
  color: var(--ink-faint);
}
.dark-view .verse-writer { color: var(--dark-ink-faint); }