:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #171815;
  --ink: #f0eee6;
  --muted: #aaa99f;
  --line: #3b3d37;
  --accent: #e18a72;
  --card: #20211d;
  --good: #9ed0a6;
  --bad: #ff9188;
}

.theme-toggle {
  width: auto;
  margin: 0;
  padding: .45rem .65rem;
  border: 1px solid var(--line);
  border-radius: 1px;
  background: transparent;
  color: var(--ink);
  font: .7rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
  white-space: nowrap;
}

.theme-toggle:hover { border-color: var(--ink); }
.theme-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }