/* ============================================================
   xur-shimmer · styles.css   (vendored from Michael's Xur library —
   xur-shimmer-text, xur/dark, 2026-07-16 — and adapted to the Anchor
   kit per the kit law: the standalone snippet's own palette, `all:
   revert` reset, fonts, and flex layout are stripped; every colour
   here reads tokens.css. The mechanism is untouched: a gradient
   background-clipped into the glyphs, swept by animating
   background-position.)

   Usage — put the class on an INLINE TEXT element; it inherits font,
   size, and weight from its surface:

       <span class="xur-shim-text">Encrypted · private…</span>

   NOTE: the element's text is painted by the gradient (text fill goes
   transparent), so do NOT put currentColor icons/svg inside it — keep
   them as siblings.

   Variants: --gold (accent sweep — mind the gold budget),
   --fast / --slow (speed).
   ============================================================ */
.xur-shim-text{
  --xur-shim-dim: var(--text-dim);
  --xur-shim-bright: var(--text-strong);
  --xur-shim-speed: 4.5s;
  --xur-shim-angle: 110deg;

  background-image: linear-gradient(
    var(--xur-shim-angle),
    var(--xur-shim-dim) 35%,
    var(--xur-shim-bright) 50%,
    var(--xur-shim-dim) 75%
  );
  background-size: 200% 100%;
  background-position: 200% 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: xur-shim-sweep var(--xur-shim-speed) linear infinite;
}

.xur-shim-text--gold{
  --xur-shim-dim: color-mix(in srgb, var(--accent) 50%, var(--text-dim));
  --xur-shim-bright: var(--accent-hi);
}
.xur-shim-text--fast{ --xur-shim-speed: 2.2s; }
.xur-shim-text--slow{ --xur-shim-speed: 7s; }

@keyframes xur-shim-sweep{
  to{ background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce){
  .xur-shim-text{ animation: none; background-position: 50% 0; }
}