/* ============================================================
   Wireframe overlay, currently DISABLED for high-fi preview.

   To restore the monochrome wireframe look:
   - Graph-paper body background
   - Monochrome brand-* overrides
   - .tk dashed outlines around placeholder tokens
   - "image placeholder · ..." ::before on .placeholder blocks
   - Prototype badge

   Those rules have been removed from this file. Re-add them here
   (or keep them in git history, commit 8f82430) to go back.
   ============================================================ */

/* Hide the prototype badge in high-fi mode. */
.proto-badge { display: none; }

/* Treat placeholder boxes as neutral surfaces (no dashed border,
   no "image placeholder" prefix) while we wait for real imagery. */
.placeholder {
  background: var(--brand-bg-alt);
  border: 1px solid var(--brand-rule);
  color: transparent;
}
.placeholder::before { content: none; }
.placeholder[data-label]::after {
  content: attr(data-label);
  position: absolute;
  bottom: 6px;
  right: 10px;
  font-size: 10px;
  color: var(--brand-ink-soft);
  opacity: 0.35;
  letter-spacing: 0.02em;
}
.placeholder { position: relative; }

/* {TOKEN} placeholders as soft warning chips — still flag them as TBC
   without the loud dashed-outline wireframe treatment. */
.tk {
  outline: none;
  background: rgba(246, 195, 87, 0.16);
  color: #8B5A08;
  padding: 1px 7px;
  border-radius: var(--r-sm);
  font-family: inherit;
  font-weight: 500;
  font-size: 0.92em;
}