/* ============================================================
   "Full Moon Howl" - theme override
   ============================================================
   This stylesheet sits AFTER the main style.css in the loading
   order and reassigns the colour variables for this book's
   identity. The leather + warm gold palette becomes midnight
   cloth + silver + pale moonlit paper.

   Same engine, same shapes, different mood. The book's voice
   is still the wolf - just spoken under a different sky.
   ============================================================ */

:root {
  /* PAPER - the moonlit page. Book one is warm antique stock; this is
     its opposite: a clean, cool, crisp white with the faintest blue
     cast, like a page lit by a full moon rather than candlelight. NOT
     pure #fff - it must still read as paper, not screen, across forty
     poems - but bright and crisp enough to carry the moon's energy. */
  --paper:        #f4f6fb;
  --paper-deep:   #e6eaf3;
  --paper-edge:   #cdd5e4;

  /* INK - cool and crisp to match the moonlit page. Near-black with a
     midnight-blue undertone rather than book one's warm brown-black. */
  --ink:          #141826;
  --ink-soft:     #34394c;
  /* ink-faint carries the dusk-lavender at low strength, so the quiet
     text (prompter credits, page numbers, hints) reads as part of this
     book's palette rather than a neutral grey. */
  --ink-faint:    #8a8295;

  /* THE DARK SURFACE around the book - full midnight, drawn from the
     cover navy #0A1128. The cover, the dark views and the surround all
     sit in the same deep midnight now. */
  --dark-bg:      #0a1128;
  --dark-bg-soft: #141d3a;
  --dark-ink:     #dde1ee;
  --dark-ink-soft:#a8acc0;
  --dark-ink-faint:#6a6f86;

  /* ACCENT - dusk-lavender, sampled from the moonrise photograph's
     twilight sky and lifted toward a true lavender. This is the one
     warm-cool complement to the midnight structure: it colours the
     links, the em emphasis, the eyebrows, the button hovers. Book
     one's warm gold has no place here. */
  --accent:       #6c5c7e;
  --accent-faint: #8a7c9a;

  --rule:         rgba(20, 24, 38, 0.18);
  --rule-dark:    rgba(221, 225, 238, 0.20);

  /* PEN INK - the poem titles, written in real pen. Both pens now sit
     in the full-midnight family drawn from the cover #0A1128: the
     titles read as deep navy-black ink on the moonlit page. */
  --pen-ink:         #0a1128;  /* default = full midnight (cover navy) */
  --pen-ink-blue:    #0a1128;  /* full midnight */
  --pen-ink-black:   #060a1a;  /* near-black indigo */

  /* THE WOOD beneath the books on shelves stays warm - the shelf is
     part of the imprint, not the book - but we tone it slightly
     cooler to match the moonlit edition's atmosphere if needed. */
  --wood-1: #1e1f2e;
  --wood-2: #14152a;
  --wood-3: #0e0f1f;
}

/* ============================================================
   The dark surface that surrounds the book on screen.

   "his" uses the warm forest canopy as its world. Full Moon Howl
   sits in a different world - a real moonrise photograph: a full
   moon hanging over a dusk-lit treeline with a soft pink-blue sky.
   This frames the velvet book in the literal night it was written.

   We keep a gentle vignette only to seat the book in the scene and
   keep edge text legible - it must NOT crush the photograph. The
   source image (mean brightness ~76/255) carries real dusk colour:
   pink-blue sky, the moon, a treeline. Earlier the vignette ran
   0.35 -> 0.92 alpha, which flattened nearly all of that to black.
   Now the centre is barely touched and the edges only lightly
   deepened, so the photo's own colouring outlines and contrasts
   the velvet cover the way it was meant to.
   ============================================================ */
body {
  background-color: var(--wood-2);
  background-image:
    radial-gradient(ellipse 90% 80% at 50% 42%, rgba(8, 10, 28, 0.04) 0%, rgba(8, 10, 28, 0.22) 68%, rgba(7, 9, 24, 0.46) 100%),
    url("../img/moonrise.jpg");
  background-size: cover, cover;
  background-position: center center, center 35%;
  background-attachment: fixed, fixed;
}

/* ============================================================
   The cover surface uses cover-moonlight.jpg - the velvet
   hardback photograph. Same as the leather book's pattern:
   the photograph IS the cover, the engine just overlays the
   four-button stack (open book / about this book / back / ©)
   in the lower velvet space below the baked-in title.

   No additional gradients or washes - the real photograph has
   its own deep velvet darkness; an overlay would mute it.

   background-position 57% on desktop matches the leather book:
   shifts the front face into centre when the spine is on the
   left of the image. On narrow mobile portrait, switch to 67%
   to keep the front face centred when the image is heavily
   crop-zoomed by background-size: cover.
   ============================================================ */
#cover.dark-view {
  background-image: url("../img/cover-moonlight.jpg");
  background-position: 57% center;
}
@media (max-width: 700px) {
  #cover.dark-view {
    background-position: 67% center;
  }
}

/* ============================================================
   The cover's text colour (faintly cream on leather originally)
   becomes faint moonlit silver-blue here. The "© 2022 @the_wildwolf"
   line, the back-link, the about-this-book underline all
   already use the inherited dark-ink variants, which we've
   remapped above. So they should adjust automatically.

   One specific tweak: the "open book" button's hover uses
   --accent, now the dusk-lavender. On leather, the gold-on-dark
   hover was striking; on midnight velvet, the lavender hover needs
   One specific tweak: the "open book" button's hover uses --accent,
   now the dusk-lavender. Pair it with the cool paper colour for the
   text so the hovered button reads crisp and bright against the
   midnight velvet cover. */
.cover-enter:hover,
.cover-enter:focus-visible {
  background: var(--accent);
  /* pale moonlit paper text on the lavender fill - crisp and legible */
  color: var(--paper);
  border-color: var(--accent);
}

/* ============================================================
   POEM PROMPTER FOOTER - new element for this book. Sits at the
   foot of each poem (last part), crediting the follower who
   summoned it. Small, silver, italic - quiet enough not to
   compete with the poem, present enough to honour the prompter.
   ============================================================ */
.poem-prompter {
  font-family: var(--font-typewriter);
  font-size: 0.78rem;
  letter-spacing: 1px;
  color: var(--ink-faint);
  text-align: center;
  font-style: italic;
  padding-top: 0.8rem;
  margin-top: 0.4rem;
  border-top: 1px solid var(--rule);
  /* Sits at the foot of the poem above the reflection toggle (if any).
     The border-top gives it visual separation without a heavy rule. */
}
/* On dark pages (cover, accountant) the prompter renders different;
   the moonlit edition doesn't have an accountant page so this is just
   a defensive rule. */
.dark-view .poem-prompter {
  color: var(--dark-ink-faint);
  border-top-color: var(--rule-dark);
}