/* ============================================================
   "the hidden verse" — book three theme override.

   The matched-set third look: kraft-paper / copper / dawn.
   - "his"            = leather / warm-gold / forest canopy
   - "Full Moon Howl" = velvet / dusk-lavender / moonrise
   - "the hidden verse" = kraft paper / copper / dawn light

   Same wildwolf DNA (wolf-mark, biro titles, typewriter body, page
   proportions, reading flow). Different: paper stock, accent, the
   surround, and the cover.
   ============================================================ */
:root {
  /* PAPER - warm kraft/manila stock. Book two is cool moonlit white;
     this is its warm sibling - a recycled, hand-made paper the colour
     of dawn light on a wall. Not as bright as book two, not as antique
     as book one; its own warm, grounded tone. */
  --paper:        #efe6d6;
  --paper-deep:   #e2d4bd;
  --paper-edge:   #cbb999;

  /* INK - warm dark sepia-brown, like strong ink on kraft. */
  --ink:          #2a2118;
  --ink-soft:     #4a3d2e;
  /* ink-faint carries the copper at low strength so quiet text
     (page numbers, eyebrows) belongs to this book's palette. */
  --ink-faint:    #9a8262;

  /* THE DARK SURFACE around the book - a deep warm umber, the dark
     before dawn. Warmer than book one's near-black, distinct from
     book two's midnight. */
  --dark-bg:      #1c140d;
  --dark-bg-soft: #2a1f14;
  --dark-ink:     #ece0cd;
  --dark-ink-soft:#bcaa8e;
  --dark-ink-faint:#7c6a52;

  /* ACCENT - copper. The one warm metal of this book: links, em
     emphasis, eyebrows, the title rules, button hovers, and - most
     importantly - the bold words and the handwritten hidden line. */
  --accent:       #b5713a;
  --accent-faint: #c89368;

  --rule:         rgba(42, 33, 24, 0.20);
  --rule-dark:    rgba(236, 224, 205, 0.20);

  /* PEN INK - the poem titles + the handwritten hidden line, in real
     pen. A deep copper-brown ink, warmer than the body, so the hand
     script reads as ink laid over the kraft. */
  --pen-ink:         #7a3f1c;  /* default = deep copper-brown */
  --pen-ink-blue:    #7a3f1c;
  --pen-ink-black:   #3a2616;  /* near-black warm brown */

  /* THE WOOD beneath the books on shelves stays the imprint's warm
     walnut - the shelf is the press, not the book. */
  --wood-1: #1e1f2e;
  --wood-2: #14152a;
  --wood-3: #0e0f1f;
}

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

   "the hidden verse" sits in dawn light - a real photograph: sun
   breaking through cloud over a misty forested valley at first light,
   rays falling across autumn trees. This frames the kraft book in the
   dawn the whole collection moves toward (the hidden poem rises from
   "i was broken" to "we are all poets" - from dark to first light).

   A gentle vignette only, to seat the book and keep edge text legible.
   The photo is moody (mean brightness ~58/255) but carries real dawn
   colour - the gold burst, the rays, the autumn canopy - so the
   vignette stays light and lets the image outline the kraft cover.
   ============================================================ */
body {
  background-color: var(--dark-bg);
  background-image:
    radial-gradient(ellipse 95% 85% at 50% 44%, rgba(20, 14, 9, 0.04) 0%, rgba(18, 12, 8, 0.24) 66%, rgba(14, 10, 6, 0.52) 100%),
    url("../img/dawn.jpg");
  background-size: cover, cover;
  background-position: center center, center 40%;
  background-attachment: fixed, fixed;
}

/* ============================================================
   The cover surface uses cover-kraft.jpg - the kraft hardback.
   Same pattern as the other two books: the photograph IS the
   cover, the engine overlays the button stack below the baked-in
   title. Front face centred when spine is on the image's left.
   ============================================================ */
#cover.dark-view {
  background-image: url("../img/cover-kraft.jpg");
  background-position: 57% center;
}
@media (max-width: 700px) {
  #cover.dark-view {
    background-position: 60% center;
  }
}

/* ============================================================
   COVER LINK COLOURS ON KRAFT.
   The base engine colours the cover links in faint cream - made for
   the dark leather/velvet covers. On this book's LIGHT kraft cover
   that cream vanishes, and dark sepia at low opacity disappears into
   the kraft texture too. So: the "open book" button gets a SOLID
   copper fill with cream text (a real pressed button, high contrast),
   and the secondary links use full-strength dark sepia ink so they
   read crisply as printed text on the kraft.
   ============================================================ */

/* the primary button: solid copper, cream text - unmistakable on kraft */
.cover-enter {
  background: var(--accent);
  color: #f4ecdd;
  border-color: var(--accent);
  text-shadow: 0 1px 2px rgba(80, 42, 16, 0.45);
}
.cover-enter:hover,
.cover-enter:focus-visible {
  background: var(--pen-ink);          /* deepen to copper-brown on hover */
  color: #f7f0e2;
  border-color: var(--pen-ink);
}

/* The cover icon buttons (home / about / copyright) on the LIGHT kraft
   cover. The base style gives them a translucent dark fill + pale glyph,
   which goes muddy on kraft - so here they get a solid copper fill with
   a cream glyph, matching the "open book" button. A real pressed control,
   high-contrast on the kraft. Hover deepens to the copper-brown pen ink. */
.cover-icon-btn {
  color: #f4ecdd;
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 2px 10px rgba(80, 42, 16, 0.35);
}
.cover-icon-btn:hover,
.cover-icon-btn:focus-visible {
  background: var(--pen-ink);          /* deepen to copper-brown on hover */
  color: #f7f0e2;
  border-color: var(--pen-ink);
}

/* ============================================================
   THE HIDDEN VERSE — the book's signature feature.
   ============================================================ */

/* The bold words inside the host poem. They are the second poem
   hiding in the first; copper-warm and heavier than the body so the
   eye catches them, reads the whole, then reads only the bold. */
.hv-bold {
  font-weight: 700;
  color: var(--accent);
  /* a hair of letter-spacing so the bold runs feel deliberate, set */
  letter-spacing: 0.2px;
}
.dark-view .hv-bold { color: var(--accent-faint); }

/* The reveal: beneath each poem, the bold thread written out by hand
   in biro - the truth pulled from the metaphor. It now sits as part of
   the .poem-body-unit, directly under the poem at a fixed close gap,
   so it never drifts to the page bottom on short poems. */
.poem-body-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.hv-reveal {
  /* a fixed, modest gap below the poem - close enough that the reveal
     reads as belonging to the poem above it, not a separate footer */
  margin-top: 1.5rem;
  padding-top: 0;
  text-align: center;
}
.hv-reveal-rule {
  width: 38px;
  height: 1px;
  background: var(--accent);
  opacity: 0.5;
  margin: 0 auto 0.9rem;
}
.hv-reveal-eyebrow {
  font-family: var(--font-typewriter);
  font-size: 0.7rem;
  letter-spacing: 2.5px;
  text-transform: lowercase;
  color: var(--ink-faint);
  margin-bottom: 0.5rem;
}
.hv-reveal-line {
  font-family: var(--font-hand);
  font-size: 1.5rem;
  line-height: 1.4;
  color: var(--pen-ink);
  max-width: 26ch;
  margin: 0 auto;
  /* slight tilt, like a line jotted by hand under the typed poem */
  transform: rotate(-0.6deg);
}