/* THE ALEX WORDMARK — THE CANONICAL DEFINITION (build 15; made canonical by
   the chat-wordmark fix, 1 Oct 2026). The agent's name, in the ONE treatment,
   everywhere it appears AS A NAME: the dashboard (frontend/src/styles/
   shell.css) and the candidate shell (chatfront/styles.css) each carry this
   block BYTE-FOR-BYTE — tests on both surfaces bind their copies to THIS
   file, so neither can drift from it or from each other. This file is the
   token set; the copies are its enforced projections (the two surfaces are
   separate builds with no shared runtime asset path).

   display: inline-block is LOAD-BEARING, found by pixel measurement: the
   gradient paints across the ELEMENT box, and on a block container (the chat
   header's full-width <h1>) the glyphs clipped only the first ~12% of a
   ~300px gradient — a flat teal that read as "FCW blue". inline-block shrinks
   the box to the text, so the gradient always spans the word itself, both
   ends visible at any size. -webkit-text-fill-color backs up color:
   transparent on WebKit, where an inherited color quirk would otherwise
   paint over the clip.

   The values ARE the tokens: #8FE3F2 = --teal-2, #5BCFE6 = --teal,
   #A79BF5 = --violet; the family is --font-sans spelled out (the candidate
   shell lacks the dashboard's tokens; systems without IBM Plex fall through
   the same stack on both surfaces). Any edit here is a new approval and must
   land in all three files together — the pins enforce exactly that. */
.alex-mark {
  font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  display: inline-block;
  background: linear-gradient(96deg, #8FE3F2, #5BCFE6 55%, #A79BF5);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}