/* Follow the visitor's operating-system appearance preference. */
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #edf4ef;
    --muted: #a4b2ac;
    --paper: #0d1512;
    --line: #2b3b35;
    --deep: #07100d;
  }

  body { background: var(--paper); color: var(--ink); }
  .site-header { border-color: var(--line); }
  .brand em, .hero-lede, .section-heading > p, .surface-card p,
  .status-row span:nth-child(2), .caption-row { color: var(--muted); }
  .brand-mark i:first-child, .brand-mark i:last-child { background: var(--ink); }
  .nav-cta, .button.quiet { border-color: var(--line); color: var(--ink) !important; }
  .button.primary { background: #d8f6c4; color: #102014; }
  .hero-visual { background: #17241e; border-color: var(--line); }
  .visual-grid { background-image: linear-gradient(#294138 1px, transparent 1px), linear-gradient(90deg, #294138 1px, transparent 1px); }
  .visual-card { background: #17251fe8; border-color: #3a5146; }
  .surface-card { background: #15211c; border-color: var(--line); }
  .surface-main, .closing { background: #1b3527; border-color: #365a40; }
  .surface-card code { background: #203029; color: #b5c9bf; }
  .status-table { border-color: var(--line); }
  .status-row { border-color: var(--line); }
  .site-footer { border-color: var(--line); }
  .site-footer a, .hero-meta b { color: var(--ink); }
}