diff --git a/templates/cover.html b/templates/cover.html
index dda16ee..b1b39c1 100644
--- a/templates/cover.html
+++ b/templates/cover.html
@@ -138,11 +138,10 @@
/* ── Back cover content ─────────────────────────────────── */
.back-content {
position: absolute;
- /* safe zone: bleed + safe from left, safe from right, bleed+safe from top/bottom */
- top: calc(var(--bleed) + var(--safe));
- left: calc(var(--bleed) + var(--safe));
- right: var(--safe);
- bottom: calc(var(--bleed) + var(--safe));
+ top: calc(var(--bleed) + 0.25in);
+ left: calc(var(--bleed) + 0.25in);
+ right: 0.25in;
+ bottom: calc(var(--bleed) + 0.25in);
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -205,10 +204,10 @@
font-style: italic;
font-weight: 300;
font-size: 0.118in;
- color: var(--color-muted);
+ color: var(--color-text);
max-width: 60%;
line-height: 1.6;
- text-shadow: 0 1px 4px rgba(0,0,0,0.8);
+ text-shadow: 0 1px 6px rgba(0,0,0,1), 0 2px 16px rgba(0,0,0,1);
}
@@ -219,7 +218,7 @@
width: 100%;
height: 100%;
object-fit: cover;
- opacity: 0.35;
+ opacity: 0.55;
}
/* Gradient vignette — mirrors front-overlay for depth and legibility */
@@ -231,12 +230,12 @@
background:
radial-gradient(ellipse 90% 90% at 50% 50%,
transparent 30%,
- rgba(6, 6, 24, 0.55) 100%),
+ rgba(6, 6, 24, 0.45) 100%),
linear-gradient(to bottom,
- rgba(6, 6, 24, 0.40) 0%,
- rgba(6, 6, 24, 0.15) 35%,
- rgba(6, 6, 24, 0.15) 65%,
- rgba(6, 6, 24, 0.50) 100%);
+ rgba(6, 6, 24, 0.30) 0%,
+ rgba(6, 6, 24, 0.10) 35%,
+ rgba(6, 6, 24, 0.10) 65%,
+ rgba(6, 6, 24, 0.35) 100%);
}
/* ── Spine content ──────────────────────────────────────── */
@@ -307,14 +306,14 @@
background:
/* deep vignette around all edges */
radial-gradient(ellipse 90% 90% at 50% 50%,
- transparent 30%,
- rgba(6, 6, 24, 0.55) 100%),
- /* uniform dark tint to lift text off the image */
+ transparent 20%,
+ rgba(6, 6, 24, 0.65) 100%),
+ /* stronger tint in the text bands (top + bottom) */
linear-gradient(to bottom,
- rgba(6, 6, 24, 0.35) 0%,
- rgba(6, 6, 24, 0.20) 40%,
- rgba(6, 6, 24, 0.20) 60%,
- rgba(6, 6, 24, 0.40) 100%);
+ rgba(6, 6, 24, 0.50) 0%,
+ rgba(6, 6, 24, 0.30) 35%,
+ rgba(6, 6, 24, 0.30) 55%,
+ rgba(6, 6, 24, 0.60) 100%);
}
.front-content {
@@ -363,8 +362,8 @@
font-weight: 300;
font-size: 0.17in;
letter-spacing: 0.1em;
- color: rgba(232, 228, 216, 0.92);
- text-shadow: 0 1px 6px rgba(0,0,0,1), 0 2px 16px rgba(0,0,0,0.8);
+ color: #ffffff;
+ text-shadow: 0 1px 8px rgba(0,0,0,1), 0 2px 24px rgba(0,0,0,1), 0 0 0.3in rgba(0,0,0,0.9);
}
/* Placeholder box shown when no front artwork is provided */
@@ -396,8 +395,8 @@
font-weight: 300;
font-size: 0.15in;
letter-spacing: 0.12em;
- color: rgba(184,154,78,0.85);
- text-shadow: 0 1px 6px rgba(0,0,0,1), 0 2px 16px rgba(0,0,0,0.8);
+ color: var(--color-gold2);
+ text-shadow: 0 1px 8px rgba(0,0,0,1), 0 2px 24px rgba(0,0,0,1), 0 0 0.3in rgba(0,0,0,0.9);
}
.front-ornament {