/* Shared palette for the reading indexes, articles and animation shell. */
:root {
  color-scheme: light;
  --paper: #f8f5ef;
  --ink: #292623;
  --muted: #766d64;
  --line: #ded6ca;
  --accent: #a8372b;
  --red: var(--accent);
  --nav-accent: var(--accent);
  --dark: var(--ink);
  --surface: #fffdf8;
  --surface-hover: #f2ede4;
  --panel: #eee8dc;
  --audio-rule: #b3a08a;
}

header {
  background: var(--paper);
  color: var(--ink);
  border-top: 0;
  border-bottom: 1px solid var(--line);
}

.card {
  background: var(--surface);
  border-color: var(--line);
}

.card:hover {
  background: var(--surface-hover);
  border-color: var(--audio-rule);
}

.source-strip,
article h2 {
  border-top-color: var(--line);
}

.audio-featured {
  background: var(--surface);
  border-color: var(--line);
  border-left-color: var(--audio-rule);
}

.audio-tools select,
.reading-sort select,
.skip {
  background: var(--surface);
  color: var(--ink);
}

::selection {
  background: #e8d4c5;
  color: var(--ink);
}

@media print {
  body { background: white; color: black; }
}