/* Downloaded from CSS Text Effects by Colorion.
   Effect: Limelight (spotlight)
   Source: https://text-effects.colorion.co/
   Source data: https://text-effects.colorion.co/effect-data.json
   Retrieved: 2026-08-06
*/

/* Colour tokens — override to re-skin the effect:
   --ink    main text colour (defaults to currentColor)
   --ink-2  primary accent   --ink-3  secondary accent */
:root { --ink: currentColor; --ink-2: #FF4FD8; --ink-3: #4FF8FF; }

/* 22 Limelight — a spotlight sweeps across otherwise unlit letters */
.fx-spotlight {
  font: 600 26px/1.2 "JetBrains Mono", monospace;
  letter-spacing: .08em;
  background: radial-gradient(3.5ch 100% at 50% 50%,
      var(--ink) 20%,
      color-mix(in srgb, var(--ink) 14%, transparent) 75%
    ) 0 0 / 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: fx-spotlight 3.4s ease-in-out infinite alternate;
}
@keyframes fx-spotlight {
  0%   { background-position: 100% 0; }
  100% { background-position: 0% 0; }
}