html[data-theme="dark"] {
  --ink: #f8f6f1;
  --paper: #111111;
  --paper-warm: #1b1a18;
  --muted: #c9c5bd;
  --line: #3c3a36;
  background: #111111;
}

html[data-theme="dark"] body {
  background: #111111;
}

html[data-theme="dark"] .hero-copy,
html[data-theme="dark"] .eyebrow {
  color: #e4e0d9;
}

html[data-theme="dark"] .system,
html[data-theme="dark"] .offer-section {
  color: #111111;
  background: #f8f6f1;
}

html[data-theme="dark"] .system .eyebrow.light {
  color: #494640;
}

html[data-theme="dark"] .system .intro,
html[data-theme="dark"] .workflow span,
html[data-theme="dark"] .offer-inner > div > p:not(.eyebrow) {
  color: #5b5751;
}

html[data-theme="dark"] .prompt-panel {
  color: #111111;
  background: #f8f6f1;
}

html[data-theme="dark"] .prompt-panel span {
  color: #5b5751;
}

html[data-theme="dark"] .button-light {
  color: #111111;
  border-color: #111111;
}

html[data-theme="dark"] .button-light:hover {
  color: #f8f6f1;
  background: #111111;
}

html[data-theme="dark"] .recognition-visuals figure,
html[data-theme="dark"] .section-visual {
  padding: 7px;
  background: #f8f6f1;
}

html[data-theme="dark"] .care > div > p:last-child {
  color: #e4e0d9;
}