/* ──────────────────────────────────────────────────────────────
   Custom site cursor (HeyGen-style): solid black arrow, white outline.
   Assets hosted locally in /static/cursors/ (not hotlinked).
   - image-set() for retina (@2x), with a plain url() fallback first
     so older engines still get a custom cursor.
   - Native keyword (default/pointer/text) kept as the final fallback.
   - Wrapped in (hover: hover) and (pointer: fine) so touch devices
     are unaffected.
   The two numbers after the image are the hotspot (x y).
   ────────────────────────────────────────────────────────────── */
@media (hover: hover) and (pointer: fine) {
  :root,
  body {
    cursor: url("/static/cursors/default.png") 8 8, default;
    cursor: -webkit-image-set(
      url("/static/cursors/default.png") 1x,
      url("/static/cursors/default@2x.png") 2x
    ) 8 8, default;
    cursor: image-set(
      url("/static/cursors/default.png") 1x,
      url("/static/cursors/default@2x.png") 2x
    ) 8 8, default;
  }

  a,
  button,
  [role="button"],
  .clickable,
  label[for],
  summary,
  select {
    cursor: url("/static/cursors/pointer.png") 10 6, pointer;
    cursor: -webkit-image-set(
      url("/static/cursors/pointer.png") 1x,
      url("/static/cursors/pointer@2x.png") 2x
    ) 10 6, pointer;
    cursor: image-set(
      url("/static/cursors/pointer.png") 1x,
      url("/static/cursors/pointer@2x.png") 2x
    ) 10 6, pointer;
  }

  input,
  textarea,
  [contenteditable="true"] {
    cursor: url("/static/cursors/text.png") 15 16, text;
    cursor: -webkit-image-set(
      url("/static/cursors/text.png") 1x,
      url("/static/cursors/text@2x.png") 2x
    ) 15 16, text;
    cursor: image-set(
      url("/static/cursors/text.png") 1x,
      url("/static/cursors/text@2x.png") 2x
    ) 15 16, text;
  }
}