/* Follow the device preference without storing a separate site setting. */
:root {
  color-scheme: light;
}

/* Screen-only overrides preserve the existing light print edition. */
@media screen and (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --muted: #aeb7c5;
    --blue: #91bbde;
    --line: #3d4551;
    --reader-ink: #e9ecf1;
    --reader-copy: #cbd1da;
  }

  body {
    background: #191c22;
    color: var(--reader-ink);
  }

  .jumpbar {
    background: rgba(25, 28, 34, 0.97);
  }

  .chapter-side .number {
    color: #929dad;
  }

  .prose p,
  .credit-row dd,
  .timeline p,
  .case p,
  .business-notes p,
  .roadmap-list p,
  .practice-notes p,
  .paper-section p,
  .paper-section ul,
  .paper-section ol,
  td {
    color: var(--reader-copy);
  }

  .workflow span {
    color: var(--muted);
  }

  .roadmap-head {
    border-top-color: #929dad;
  }

  /* Gold panels keep dark lettering; photographs and artwork retain their colors. */
  .pull,
  .skip {
    color: #111318;
  }

  code {
    background: #303742;
    color: var(--reader-ink);
  }

  th {
    background: #252c36;
    border-color: #667181;
    color: var(--reader-ink);
  }

  td:first-child {
    color: var(--reader-ink);
  }

  .code-block,
  .diagram {
    border: 1px solid var(--line);
  }

  .diagram .diagram-label {
    color: var(--gold);
  }

  .prompt-callout {
    background: #282621;
    border-color: #746044;
    border-top-color: var(--gold);
  }

  .prompt-callout h3 {
    color: #f7ecd6;
  }

  .prompt-callout .micro,
  .prompt-actions a,
  .contents .prompt-jump {
    color: var(--gold);
  }

  .prompt-callout .prompt-note {
    color: var(--muted);
  }

  .copy-prompt {
    background: var(--gold);
    color: #111318;
  }

  .copy-prompt:hover {
    background: #f3ca96;
  }
}