/* zone-shadows.css — Mysteries & the Mind. Charcoal, smoke, lamp amber, faded red. Almost no movement. */

.zone-shadows {
  --bg: #16161a;
  --surface: #232228;
  --text: #d8d5cd;
  --text-dim: #948f88;
  --accent: #d9a256;   /* lamp amber, brightened for AA on --surface (E2.1) */
  --accent-2: #b57e7e; /* faded red, brightened for AA on --bg (E2.1) */
  --font-head: "Playfair Display SC", "Playfair Display", Georgia, serif;
  --font-body: "Libre Baskerville", Georgia, serif;
  --font-mono: "Space Mono", ui-monospace, monospace;
  --speed: 90ms;
  --ease: linear;
  background: var(--bg);
  color: var(--text);
  /* E33/registro 15 — ver comentário em zone-echoes.css */
  font-family: var(--font-body);
}

.zone-shadows,
.zone-shadows .site-nav {
  background-image: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 45%);
}

.zone-shadows .site-nav {
  background-color: color-mix(in srgb, var(--bg) 85%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--accent-2) 35%, transparent);
}

.zone-shadows a:hover { color: var(--accent); }
.zone-shadows .btn { background: var(--accent); color: #16161a; }
.zone-shadows .btn--outline { color: var(--text); }
.zone-shadows .chip { border-color: var(--accent-2); }

/* hard cut, no easing */
.zone-shadows .reveal {
  animation: shadows-cut var(--speed) var(--ease) both;
}
@keyframes shadows-cut {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.zone-shadows .byline { color: var(--accent); font-family: var(--font-mono); letter-spacing: .04em; }

.zone-shadows .cover-frame {
  filter: grayscale(.15) contrast(1.05);
  box-shadow: 0 30px 60px -30px #000;
}

.zone-shadows .doc {
  font-family: var(--font-mono);
  font-size: .85rem;
  color: var(--text-dim);
  border-left: 2px solid var(--accent-2);
  padding-left: 14px;
}

@media (prefers-reduced-motion: reduce) {
  .zone-shadows .reveal { animation: none; }
}