html[data-theme="dark"] .skip {
  background: #22291f;
}
html[data-theme="dark"] #sidebar {
  color: #eef0e8;
}
html[data-theme="dark"] #topbar {
  background: #22291f;
}
html[data-theme="dark"] .search {
  background: #22291f;
  color: #a8b19f;
}
html[data-theme="dark"] .avatar {
  background: #39314c;
}
html[data-theme="dark"] .page-tools select {
  background: #22291f;
}
html[data-theme="dark"] .button {
  border: 1px solid #374031;
  background: #22291f;
}
html[data-theme="dark"] .button.back {
  color: #a8b19f;
}
html[data-theme="dark"] .purple {
  background: #39314c;
  color: #f2f5e9;
}
html[data-theme="dark"] .hero-icon {
  background: #2c3427;
  color: #f2f5e9;
}
html[data-theme="dark"] .card {
  border: 1px solid #374031;
  background: #22291f;
}
html[data-theme="dark"] .mini-icon {
  background: #39314c;
}
html[data-theme="dark"] .control input:not([type="checkbox"]):not([type="range"]),
html[data-theme="dark"] .control select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] dialog input {
  border: 1px solid #374031;
  background: #22291f;
}
html[data-theme="dark"] .unit {
  color: #a8b19f;
}
html[data-theme="dark"] .count {
  color: #eef0e8;
}
html[data-theme="dark"] .switch {
  background: #171b16;
}
html[data-theme="dark"] .switch:after {
  background: #22291f;
}
html[data-theme="dark"] .chips button {
  border: 1px solid #374031;
  background: #22291f;
  color: #a8b19f;
}
html[data-theme="dark"] .chips button.add-chip {
  background: #22291f;
}
html[data-theme="dark"] .range output {
  color: #a8b19f;
}
html[data-theme="dark"] .note {
  background: #22291f;
  border: 1px solid #374031;
  color: #a8b19f;
}
html[data-theme="dark"] .timeline {
  background: #22291f;
}
html[data-theme="dark"] .timeline span {
  color: #a8b19f;
}
html[data-theme="dark"] th {
  color: #a8b19f;
}
html[data-theme="dark"] td {
  border-top: 1px solid #374031;
}
html[data-theme="dark"] td small {
  color: #a8b19f;
}
html[data-theme="dark"] .badge {
  background: #39314c;
}
html[data-theme="dark"] .badge.green {
  background: #2c3427;
}
html[data-theme="dark"] .tabs {
  background: #22291f;
  border: 1px solid #374031;
}
html[data-theme="dark"] .tabs a {
  color: #a8b19f;
}
html[data-theme="dark"] .tabs .selected {
  background: #39314c;
}
html[data-theme="dark"] .chat {
  background: #22291f;
}
html[data-theme="dark"] .chat p {
  background: #22291f;
  border: 1px solid #374031;
  color: #a8b19f;
}
html[data-theme="dark"] .chat small {
  color: #eef0e8;
}
html[data-theme="dark"] #savebar {
  background: #22291ff5;
  border-top: 1px solid #374031;
}
html[data-theme="dark"] #savebar > span {
  color: #a8b19f;
}
html[data-theme="dark"] .eyebrow {
  color: #a8b19f;
}
html[data-theme="dark"] .overview-note {
  background: #2c3427;
  border: 1px solid #374031;
}
html[data-theme="dark"] .overview-note span {
  color: #a8b19f;
}
html[data-theme="dark"] .automation-card {
  border: 1px solid #374031;
  background: #22291f;
}
html[data-theme="dark"] .automation-card:hover {
  border-color: #374031;
}
html[data-theme="dark"] .card-link {
  border-top: 1px solid #374031;
}
html[data-theme="dark"] #toast {
  color: #f2f5e9;
}
html[data-theme="dark"] dialog {
  border: 1px solid #374031;
}
html[data-theme="dark"] .log-list li {
  border-bottom: 1px solid #374031;
}
html[data-theme="dark"] .log-list small {
  color: #a8b19f;
}
html[data-theme="dark"] .print-label {
  border: 2px dashed #374031;
}
html[data-theme="dark"] .barcode {
  background: repeating-linear-gradient(
    90deg,
    #111 0 2px,
    #22291f 2px 5px,
    #111 5px 6px,
    #22291f 6px 10px
  );
}
/* Reference-scale typography and rhythm. */