:root {
  color-scheme: light dark;
}
::selection {
  background: var(--lime);
  color: #172e26;
}
.footer-top {
  gap: 24px;
  flex-wrap: wrap;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #e9eee4;
    --muted: #a6b7ab;
    --green: #8ed6af;
    --cream: #17231b;
    --line: #405047;
    --surface: #202c24;
    --raised: #29362e;
  }
  header {
    background: rgba(23, 35, 27, 0.93);
  }
  .button,
  .mini-action {
    background: var(--green);
    color: #142d21;
  }
  .button.secondary,
  .download-links .secondary {
    background: var(--surface);
    border-color: var(--line);
    color: var(--ink);
  }
  .button.light,
  .article-cta .button {
    background: var(--lime);
    color: #173e2e;
  }
  .skip,
  .dashboard,
  .window-top,
  .payment,
  .feature-preview,
  .tool-card,
  .article-card,
  .related-links a {
    background: var(--surface);
    border-color: var(--line);
  }
  .orbit,
  header,
  .window-top,
  .sidebar,
  .record,
  .feature-stage:before {
    border-color: var(--line);
  }
  .window-top small {
    color: var(--muted);
  }
  .sidebar,
  .feature-stage {
    background: var(--raised);
  }
  .side-item.selected,
  .tab[aria-selected="true"],
  .check,
  .pill,
  .record em {
    background: #304636;
    color: var(--green);
  }
  .pill.amber,
  .record em.unpaid {
    background: #584528;
    color: #f4d18c;
  }
  .pill.red {
    background: #55362f;
    color: #ffbaa5;
  }
  .halo {
    background: radial-gradient(ellipse, #3c573480, transparent 68%);
  }
  .download,
  .featured.article-card {
    background: #26382a;
    border-color: var(--line);
  }
  .blog-art,
  .payment-art,
  .checklist-art {
    background: #293c2d;
  }
  .blog-art:before {
    border-color: var(--line);
  }
  .article-body p,
  .article-body ul,
  .article-body ol,
  .article-body td {
    color: #bacabc;
  }
  .article-body td {
    background: var(--surface);
  }
  .article-body th {
    background: var(--raised);
  }
  .callout {
    background: #253b2a;
  }
  .article-cta p {
    color: #c2d1c4;
  }
  .paper,
  .little-doc,
  .checklist-demo,
  .palette {
    --ink: #172e26;
    --muted: #61736b;
    --green: #127d57;
    --line: #dce3da;
    color: var(--ink);
  }
  .little-doc + .little-doc {
    color: white;
  }
}