.header-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-tools button {
  min-height: 38px;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-size: 0.59rem;
  font-weight: 700;
  white-space: nowrap;
  padding: 8px 3px;
}
.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.theme-icon {
  font-size: 1rem;
}
.header-tools button:hover {
  color: var(--red);
}
body[data-theme="night"] {
  --paper: #242d23;
  --ink: #f7f0df;
  --muted: #c2c6b4;
  --red: #efb078;
  --wine: #9a3a2d;
  --line: #f7f0df33;
  background: var(--paper);
  color: var(--ink);
}
body[data-theme="night"] .button-gold,
body[data-theme="night"] .header-cta {
  background: #a83b2c;
  color: #fff5e2;
}
body[data-theme="night"] .street-story,
body[data-theme="night"] .house-values {
  background: #303d2d;
}
body[data-theme="night"] .signal-bar,
body[data-theme="night"] .evening-poster,
body[data-theme="night"] .taco-photo,
body[data-theme="night"] .wide-cta {
  background-color: #933829;
}
body[data-theme="night"] .evening-poster {
  border-color: #933829;
  outline-color: #933829;
}
body[data-theme="night"] .food-tag {
  background: #faf3e4;
}
body[data-theme="night"] .sun-stamp,
body[data-theme="night"] .page-hero-mark,
body[data-theme="night"] .location-glyph {
  color: #303a2a;
}
body[data-theme="night"] .street-visit .button-gold {
  background: var(--gold);
  color: #303a2a;
}
body[data-theme="night"] .taco-photo {
  box-shadow: 10px 12px 0 #4b503c;
}
@media (max-width: 760px) {
  .header-tools {
    margin-left: auto;
  }
  .header-tools button {
    min-height: 38px;
  }
}