:root {
  --ground: #12100e;
  --surface: #1a1713;
  --bone: #e4d6bc;
  --bone-dim: #c4b59a;
  --muted: #8d8273;
  --rust: #c45c28;
  --rust-hot: #e07a3a;
  --metal: #6e675c;
  --line: #3a342c;
}

html { background: var(--ground); color-scheme: dark; }

body {
  font-family: "Source Serif 4", Georgia, serif;
  background-color: var(--ground);
  background-image:
    radial-gradient(ellipse at 50% 28%, #2c241c 0%, transparent 58%),
    radial-gradient(ellipse at 50% 100%, #000000aa 0%, transparent 45%);
  color: var(--bone);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: 0.18;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/><feComponentTransfer><feFuncA type='table' tableValues='0 0.75'/></feComponentTransfer></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

a { color: var(--rust); }
a:hover { color: var(--rust-hot); }

.mark { color: var(--bone); }
.mark:hover { color: var(--rust-hot); }

.stamp::before {
  box-shadow:
    inset 0 0 60px #00000099,
    0 0 0 9px var(--ground),
    0 0 0 10px #4a433866;
}

.poster {
  color: var(--bone);
  text-shadow: 0 2px 0 #00000088, 0 14px 28px #00000066;
}
.poster .bar {
  border-color: var(--bone);
  background: #14110ecc;
  box-shadow: 0 0 0 1px #000000aa, 4px 5px 0 #00000055;
}

.tag { color: var(--bone-dim); }
.pips { color: var(--rust); }
.pips a:hover { color: var(--bone); }
.pips li + li::before { color: var(--metal); }

h1, h2.sec, .ttl { color: var(--bone); }
.when, .blurb, .foot, .nav a.quiet { color: var(--muted); }
.nav a.quiet:hover { color: var(--bone); }
.item:hover .ttl { color: var(--rust); }

.prose h2 { color: var(--rust); }
.prose p { color: var(--bone-dim); }
.prose p.lead { color: var(--bone); }
.prose ul, .prose ol { color: var(--bone-dim); }
.shot img { box-shadow: 0 12px 28px #00000066; }