/* ChiefMind Luxe Kit: logo, engraved crown + wordmark. Needs tokens.css.
   GENERATED by tools/build-tokens.py from logo/krone-graviert.svg. Edit those, not this file.
   Markup (v1 contract, see logo/lockup.html):
   <a class="cm-logo" href="/" aria-label="ChiefMind"><span class="cm-logo__crown" aria-hidden="true"></span><span class="cm-logo__word">ChiefMind</span></a>
   The crown is a CSS mask from a data URI: no request, no CORS, works on file:// and
   under CSP img-src data:. vector-effect keeps it a 1-px line at any size. */

.cm-logo { display: inline-flex; align-items: center; gap: 0.4em; color: var(--cm-ink); text-decoration: none; font-family: var(--cm-font-serif); font-weight: 500; font-size: 1.375rem; letter-spacing: 0.01em; line-height: 1; }
:root { --cm-logo-crown: var(--cm-taupe); }
[data-theme="dark"] { --cm-logo-crown: var(--cm-gold); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --cm-logo-crown: var(--cm-gold); } }

.cm-logo__crown {
  display: inline-block;
  flex-shrink: 0;
  width: 1.15em;
  height: 0.7em;
  color: var(--cm-logo-crown);
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='16 4 224 136'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' stroke-linejoin='round' vector-effect='non-scaling-stroke' d='M44 116L28 44L80 80L128 20L176 80L228 44L212 116Z M36 136H220 M21.6 37.6A6.4 6.4 0 1 0 34.4 37.6A6.4 6.4 0 1 0 21.6 37.6Z M121.6 13.6A6.4 6.4 0 1 0 134.4 13.6A6.4 6.4 0 1 0 121.6 13.6Z M221.6 37.6A6.4 6.4 0 1 0 234.4 37.6A6.4 6.4 0 1 0 221.6 37.6Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='16 4 224 136'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' stroke-linejoin='round' vector-effect='non-scaling-stroke' d='M44 116L28 44L80 80L128 20L176 80L228 44L212 116Z M36 136H220 M21.6 37.6A6.4 6.4 0 1 0 34.4 37.6A6.4 6.4 0 1 0 21.6 37.6Z M121.6 13.6A6.4 6.4 0 1 0 134.4 13.6A6.4 6.4 0 1 0 121.6 13.6Z M221.6 37.6A6.4 6.4 0 1 0 234.4 37.6A6.4 6.4 0 1 0 221.6 37.6Z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  /* a mask is a background: keep it in print and in Windows high contrast */
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
@media (forced-colors: active) { .cm-logo__crown { forced-color-adjust: none; background-color: CanvasText; } }

.cm-logo--stacked { flex-direction: column; gap: 0.15em; }
.cm-logo--stacked .cm-logo__crown { width: 1.4em; height: 0.85em; }

/* Older pages inline the crown as <svg class="cm-logo__crown">: it draws itself, no mask behind it. */
svg.cm-logo__crown { overflow: visible; background: none; -webkit-mask: none; mask: none; }
