/* HannaWorks brand guide, September 2026: forest #185C3F, green #2E8158. */
body {
  --blue: #185c3f;
  --tint: #e3f1e7;
  font-family: 'Avenir Next', Avenir, 'Segoe UI', Arial, sans-serif;
}
body[data-theme=dark] {
  --blue: #68ad83;
  --tint: #203c2e;
}
.brand {
  gap: 10px;
  font-family: 'Avenir Next', Avenir, 'Segoe UI', Arial, sans-serif;
  font-size: 1.4375rem;
  font-weight: 600;
  letter-spacing: -.07em;
}
.brand-mark,
.window-bar .brand-mark,
.sync-diagram .brand-mark {
  display: inline-flex;
  width: 28px;
  height: 33px;
  padding: 0;
  background: none;
  border-radius: 0;
  vertical-align: middle;
  overflow: visible;
}
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-mark-dark { display: none !important; }
body[data-theme=dark] .brand-mark-light { display: none !important; }
body[data-theme=dark] .brand-mark-dark { display: block !important; }
.brand-name span { font-weight: 400; }
.button { background: #185c3f; }
.button:hover { background: #2e8158; }
.scroll-progress { background: #2e8158; }
.closing { background: #185c3f; }
.closing .wrap { position: relative; }
.closing-seal {
  position: absolute;
  top: 0;
  right: 0;
  width: 230px;
  height: 230px;
  object-fit: contain;
}
.closing h2 { position: relative; max-width: 900px; }
.closing .button.white { color: #185c3f; }
@media (max-width: 900px) { .closing-seal { display: none; } }