/* collectionEnhancements.css — Orhidei / collection surface polish
   Scoped enhancement layer for the existing .cards / .card / .proofVisual
   surfaces and their links. Paint-only rules: no layout-dimension changes,
   no global or element selectors. Tokens consumed: var(--ink), var(--sage),
   var(--champagne), var(--shadow). Only transform permitted:
   .card:hover / .card:focus-within translateY(-4px).
   Senior links this file in index.html after review. */

/* ---- Card surface: quiet elevation on hover / keyboard focus ---- */
.card {
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.card:hover,
.card:focus-within {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  background-image: linear-gradient(180deg, transparent, color-mix(in srgb, var(--sage) 35%, transparent));
}

/* ---- Card links: champagne underline accent, ink on hover ---- */
.card a {
  border-bottom: 1px solid var(--champagne);
  transition: border-color 180ms ease, color 180ms ease;
}

.card a:hover {
  color: var(--ink);
  border-bottom-color: var(--ink);
}

/* Keyboard focus preserved: visible outline, not suppressed by base a{} */
.card a:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 3px;
  border-radius: 2px;
}

/* ---- Proof visual: champagne light + inset ring, glyph depth ---- */
.proofVisual {
  background-image: radial-gradient(120% 90% at 50% 18%, rgba(252, 250, 247, 0.55), transparent 55%);
  box-shadow: inset 0 0 0 1px rgba(196, 154, 98, 0.35);
}

.proofVisual span {
  opacity: 0.92;
  text-shadow: 0 18px 45px rgba(23, 63, 58, 0.18);
}

/* ---- Reduced motion: lift and transitions disabled ---- */
@media (prefers-reduced-motion: reduce) {
  .card,
  .card a {
    transition: none;
  }

  .card:hover,
  .card:focus-within {
    transform: none;
  }
}