/* Gold sheen: the site-wide button hover (SSK, 2026-10-15). Marketing pages only,
   never the editor. A light band with a hint of gold sweeps across a button once;
   text links get a gold shimmer that leaves them bright. One pass per hover, never
   loops. It is a background layer on the element itself: no extra elements, no
   overflow or layout change. Mouse only; off under reduced motion.
   Pages can retune the text colours with --sheen-from / --sheen-mid / --sheen-to. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .btn-primary:not(:disabled):not([aria-disabled="true"]),
  .btn-open-app {
    background-image: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 47%, rgba(246, 196, 83, 0.35) 53%, transparent 70%);
    background-size: 250% 100%;
    background-position: 130% 0;
    background-repeat: no-repeat;
  }
  .btn-primary:not(:disabled):not([aria-disabled="true"]):hover,
  .btn-open-app:hover {
    animation: rcSheen 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
    transform: translateY(-1px);
    box-shadow: var(--gold-glow-hover);
  }
  .header-link:hover,
  .btn-ghost-inline:hover,
  .btn-ghost:hover,
  .header-nav > a:not([class]):hover {
    background-image: linear-gradient(100deg,
      var(--sheen-from, #9c968a) 0%, var(--sheen-from, #9c968a) 35%,
      var(--sheen-mid, #f6c453) 50%,
      var(--sheen-to, #f4ecdc) 65%, var(--sheen-to, #f4ecdc) 100%);
    background-size: 300% 100%;
    background-position: 0 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rcSheenText 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@keyframes rcSheen { from { background-position: 130% 0; } to { background-position: -30% 0; } }
@keyframes rcSheenText { from { background-position: 0 0; } to { background-position: 100% 0; } }

/* Nav links rest dim, as designed: the global a:link gold rule in beta.css outranks
   .header-link, which made them gold by accident (brand audit 2026-10-14). */
.header-link:link,
.header-link:visited { color: var(--dim, #9c968a); }
.header-link:hover { color: var(--cream, #f4ecdc); }