/* Daylight paper and evening charcoal share the same editorial hierarchy. */
:root {
  --surface: #fbf8f2;
  --highlight: #efe3cf;
  --cover-paper: #e6dccb;
  --code-paper: #ebe3d5;
}

:root[data-theme="dark"] {
  --paper: #24211f;
  --ink: #f1e9dd;
  --muted: #c3b6a8;
  --rust: #edaa89;
  --lavender: #40384d;
  --line: #928376;
  --surface: #302b28;
  --highlight: #45382d;
  --cover-paper: #39312a;
  --code-paper: #3b332d;
}

/* The theme switch sits just before the links, set off by a hairline, at the size of the nav type. */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  margin: -10px 14px -10px auto;
  padding: 10px;
  border: 0;
  background: none;
  color: var(--ink);
  line-height: 0;
  cursor: pointer;
}
.theme-toggle:hover { color: var(--rust); }
.theme-toggle:focus-visible { outline: 3px solid var(--rust); outline-offset: 2px; }
.theme-toggle + .nav { border-left: 1px solid var(--line); padding-left: 32px; }
input::placeholder { color: var(--muted); opacity: 1; }
.nav a[href$="#contact"] { border-bottom: 1px solid var(--ink); }

[data-theme="dark"] .brand img { filter: brightness(0) invert(1); }
[data-theme="dark"] .elsewhere { background: #302922; }
[data-theme="dark"] .elsewhere-item { border-color: var(--line); }
[data-theme="dark"] .treasury-art,
[data-theme="dark"] .orca-art { background: #39322b; }
[data-theme="dark"] .stream-art,
[data-theme="dark"] .iyosi-art,
[data-theme="dark"] .statbatt-art { background: #30372f; }
[data-theme="dark"] .getfit-art { background: var(--lavender); }

/* The illustrations have dark cut-outs (theme-art.js swaps them in), drawn straight onto the charcoal page.
   A light picture waits hidden until it is swapped, so it never shows for a frame. */
[data-theme="dark"] .hero-art img,
[data-theme="dark"] .al-art img,
[data-theme="dark"] .al-medium img,
[data-theme="dark"] .al-thread-art img,
[data-theme="dark"] .ap-art img { mix-blend-mode: normal; -webkit-mask-image: none; mask-image: none; }
[data-theme="dark"] img:is([src*="art/general"], [src*="art/books"], [src*="art/films"], [src*="art/tv"], [src*="art/albums"],
  [src*="art/digests"], [src*="lavender-thread"], [src*="attention-still-life"]) { visibility: hidden; }
[data-theme="dark"] .orca-case-art { color: #302b28; }

@media (max-width: 700px) {
  .theme-toggle { margin-right: 8px; }
  .theme-toggle + .nav { padding-left: 18px; }
}

/* Narrow phones: name and switch share the top line, the links take the line below. */
@media (max-width: 480px) {
  .masthead { flex-wrap: wrap; row-gap: 12px; }
  .theme-toggle { margin-right: -10px; }
  .theme-toggle + .nav { order: 1; width: 100%; border-left: 0; padding-left: 0; }
}

/* Printed briefs use the original paper palette even when the screen is dark. */
@media print {
  :root[data-theme] {
    color-scheme: light !important;
    --paper: #fff;
    --ink: #302b28;
    --muted: #655b53;
    --rust: #9a442c;
    --lavender: #d8d0e4;
    --line: #c6bdb0;
    --surface: #fff;
    --highlight: #efe3cf;
    --cover-paper: #e6dccb;
    --code-paper: #ebe3d5;
  }
  .theme-toggle { display: none; }
}