/* The SweepsOwl wordmark.

   The name is always set as one word with the "Owl" half in the brand teal:
   Sweeps in ink, Owl in #0f766e. Write it as

       <span class="brand-name">Sweeps<i>Owl</i></span>

   so the split lives in markup and the colour lives here, rather than being
   hardcoded at each of the six places the name appears as a lockup. The <i>
   is a typographic distinction, not emphasis, so the italics come off.

   This is for brand lockups only -- the sidebar, page headers, footers. A
   mention of the name inside a sentence stays plain text; colouring every
   occurrence in body copy turns prose into advertising.

   The colour is quoted rather than taken from --button because the landing
   page ships its own token set (--lp-*) and never loads tokens.css. Both
   resolve to the same teal; the var() keeps the shared shell in step if the
   token ever moves. */
.brand-name i {
  color: var(--button, #0f766e);
  font-style: normal;
}

/* On a dark surface the #0f766e teal all but disappears. The mint the owl's
   own plumage is drawn in reads cleanly there instead, so dark-background
   lockups (the error page, the unsubscribe page) carry .on-dark. */
.brand-name.on-dark i {
  color: #50c2a1;
}