:root{
  --cream:#f0ede6;
  --canvas:#f0ede6;
  --paper:#e6e2da;
  --teal:#151513;
  --teal-soft:#55514b;
  --walnut:#55514b;
  --clay:#151513;
  --olive:#69655e;
  --ink:#151513;
  --muted:#716d66;
  --line:rgba(21,21,19,.2);
  --newsprint:#f0ede6;
  --print-red:#a93b32;
  --print-cobalt:#55514b;
  --print-yellow:#8b867e;
  --night-teal:#151513;
  --aged-tape:#c9c2b5;
}

html,body{background:var(--canvas)}
body{background-image:none!important}
body.evening{
  --canvas:#191918;
  --paper:#252421;
  --ink:#f0ede6;
  --muted:#bdb7ae;
  --line:rgba(240,237,230,.2);
}

.cover-art img,.threshold img,.photo img,.visual img,.art img,.publication-art img{
  filter:grayscale(1) contrast(1.08) brightness(.9)!important;
}

.reader-bar{background:rgba(21,21,19,.96)}
.cover,.cover-copy{background:var(--teal)}
.cover-copy::before{background:var(--print-red,#a93b32)}
.theme-toggle:focus-visible{outline-color:var(--ink)}
blockquote{border-left-color:currentColor}

@media (max-width:820px){
  .site-header{padding-inline:18px}
  .topnav{padding-inline:18px;justify-content:flex-start;overflow-x:auto}
  .chapternav{flex-wrap:nowrap;white-space:nowrap}
  .hero-copy{padding:46px 18px}
  .essay,.movement-body{padding-inline:22px}
  .divider{padding-inline:22px}
}