/* "Built by AlchemAI" badge — VENDORED BRAND ASSET, verbatim per the alchemai-badge skill.
   Not tokenised, not restyled: the one allowed exception to check:raw-hex.
   Source: built-by-alchemai-snippet.html (docs/brand/alchemai-badge/).
   Two settled divergences from the shipped snippet (9 Aug 2026): the wordmark
   is the outlined SVG rather than live Montserrat text, and the Google Fonts
   @import is dropped with it. */
.alchemai-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px 7px 10px;
  background: #ffffff;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
  cursor: pointer;
}
.alchemai-badge:hover {
  border-color: #783FF5;
  box-shadow: 0 4px 12px rgba(120,63,245,0.18), 0 1px 3px rgba(0,0,0,0.08);
  transform: translateY(-1px);
}
.alchemai-badge:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.alchemai-badge__label {
  font-family: Inter, sans-serif;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6B7280;
  line-height: 1;
  white-space: nowrap;
}
.alchemai-badge__wordmark { display: flex; align-items: center; height: 1em;
                            font-size: 15px; line-height: 1; }
.alchemai-badge__wordmark svg { display: block; height: 0.75em; width: 5.053em; }
.alchemai-badge__wordmark svg .alchem { fill: #030711; }
.alchemai-badge__wordmark svg .ai     { fill: #783FF5; }

/* Dark variant */
.alchemai-badge--dark {
  background: #0f0f1a;
  border-color: rgba(120,63,245,0.35);
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.alchemai-badge--dark .alchemai-badge__label { color: #9ca3af; }
.alchemai-badge--dark .alchemai-badge__wordmark svg .alchem { fill: #f9fafb; }
.alchemai-badge--dark:hover {
  border-color: #783FF5;
  box-shadow: 0 4px 14px rgba(120,63,245,0.30);
}

/* Compact / footer variant */
.alchemai-badge--compact {
  padding: 5px 10px 5px 8px;
  gap: 6px;
  border-radius: 6px;
}
.alchemai-badge--compact .alchemai-badge__label   { font-size: 9px; }
.alchemai-badge--compact .alchemai-badge__wordmark { font-size: 12px; }