/* Steward brand wordmark — the canonical logo treatment, in one place.
 *
 * Text-based for now ("Steward" in Libre Caslon Text, gold); the plan is to
 * swap in an SVG/image mark later WITHOUT touching consumers — that's why
 * `--wordmark-size` drives the scale for both the text and a future <svg>/<img>.
 * Each consumer just sets `--wordmark-size` for its context.
 *
 * Consumers (one source of truth — keep them identical by linking, not copying):
 *   - the app login  (public/login.html)
 *   - the pre-launch gate (middleware.js serves gate HTML that <link>s this file;
 *     the gate exempts /css/* so it loads while gated)
 */
.brand-wordmark {
  display: inline-block;
  margin: 0;
  /* --font-wordmark (tokens.css) is the logo face, decoupled from --font-serif.
     Literal fallback keeps the wordmark correct on the pre-launch gate, which
     links this file but doesn't load tokens.css. */
  font-family: var(--font-wordmark, 'Libre Caslon Text', Georgia, Cambria, 'Times New Roman', serif);
  font-weight: 400;
  font-size: var(--wordmark-size, 2rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--color-accent-gold, #c9a85c);
}

/* Forward-compat for the SVG/image swap: size by height, preserve aspect. */
.brand-wordmark img,
.brand-wordmark svg {
  display: block;
  height: var(--wordmark-size, 2rem);
  width: auto;
}