/* The EVOMRY wordmark — its only definition. Served verbatim on every host:
   site/brand.css (evomry.com, mail.) and web/static/brand.css (my.). A test in web/
   fails if the two copies, or the mark's path across the pages that inline it, drift.

   The mark is the E: cap height of the letters that follow, bottom edge on their
   baseline (the SVG viewBox is cropped to the glyph), tracked like a letter. An inline
   SVG is not a character, so letter-spacing does not reach it; the margin stands in for
   the tracking plus the side bearings a real E and V would carry. */

.wordmark {
  --wordmark-track: 0.22em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: var(--wordmark-track);
  color: #9a5b2e;
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  .wordmark { color: #d08a51; }
}

.wordmark .mark {
  display: inline-block;
  height: 0.72em;
  height: 1cap;
  width: auto;
  vertical-align: baseline;
  margin-right: calc(var(--wordmark-track) + 0.08em);
}