/* Warm paper with dark ink and ember accents; keep all text at normal-text contrast. */
:root {
  --garden-paper: #fff8eb;
  --garden-ink: #302820;
  --garden-ember: #843c24;
}
html, body { background: var(--garden-paper); color: var(--garden-ink); }
main, section { background-color: var(--garden-paper); color: var(--garden-ink); }
h1, h2, p, li, small { color: var(--garden-ink); }
.kicker, .agent, .cycle-note, a, a:visited { color: var(--garden-ember); }
a { text-decoration: underline; text-underline-offset: .18em; }
.palette-source {
  color: var(--garden-ink);
  font-size: .875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
  margin-top: 2rem;
}
::selection { background: var(--garden-ember); color: var(--garden-paper); }
@media (forced-colors: active) {
  html, body, main, section { background: Canvas; color: CanvasText; }
  h1, h2, p, li, small, .kicker, .agent, .cycle-note, .palette-source { color: CanvasText; }
  a, a:visited { color: LinkText; }
}