/* Genesis 3 — the dusk theme. The whole page dims toward the west: ambers going to violet, elegiac. */
:root { --scene-h2:#7a3a48; }
body { background:
  linear-gradient(180deg, rgba(196,110,72,.42) 0, rgba(242,233,220,0) 420px),
  linear-gradient(0deg, rgba(90,48,80,.10) 0, rgba(242,233,220,0) 300px), #f2e9dc; }
nav { background:transparent; border-bottom:1px solid #dcc0a8; }
.wordmark { color:#5a3040; }
.navlinks a { color:#6e4a44; }
.navlinks a.active, .navlinks a:hover { color:#9c5a2a; }
.draftband { background:#eeD8c6; border-bottom:1px solid #d8b89e; color:#8a4a3a; }
.duskhero { position:relative; height:320px; background:url('../assets/eden-dusk.jpg') center 35%/cover no-repeat; }
.duskhero .fade { position:absolute; inset:0;
  background:linear-gradient(to bottom, rgba(30,16,36,.24), rgba(242,228,210,0) 45%, rgba(240,224,205,.75) 86%, rgba(242,231,215,.96) 98%); }
.duskhero .heroline { position:absolute; left:0; right:0; bottom:22px; text-align:center;
  font-family:Poppins; font-size:11px; letter-spacing:3px; color:#4a3040; text-shadow:0 1px 6px rgba(242,233,220,.9); }
h1, article h1 { color:#3a2028; }
article h2 { color:var(--scene-h2); }
.crumb { color:#9c5a2a; }
.dayband { color:#9c5a2a; }
.day { border-top-color:#c08a52; background:#fdf7ee; }
.day h3 { color:#7a3a48 !important; }
.verse { border-left-color:#c08a52; background:#fdf6ec; }
.meaning { color:#4a3030; }
.strongchip { background:#eedcca; color:#6e3a2a; }
.branchcta { border-color:#c08a52; background:#fdf6ec; }
.branchcta .bt { color:#9c5a2a; }
.limits { background:#f0e0d4; border-color:#d8b89e; }
.nextstep { background:#4a2434; color:#e0c2ce; }
.nextstep a { color:#ffce8a; }
footer { background:#4a2434; color:#d0aab8; }
footer b { color:#ffce8a; }
footer a { color:#d0aab8; }