/* A native cursor keeps the pointer responsive and preserves keyboard focus. */
@media (hover: hover) and (pointer: fine) {
  html,
  body {
    cursor: url("assets/purple-drink-cursor.svg") 4 2, auto;
  }

  a,
  button,
  summary,
  [role="button"],
  label[for],
  select,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  input[type="checkbox"],
  input[type="radio"],
  input[type="range"] {
    cursor: url("assets/purple-drink-cursor-active.svg") 4 2, pointer;
  }

  a *,
  button *,
  summary *,
  [role="button"] * {
    cursor: inherit;
  }

  input:not([type]),
  input[type="text"],
  input[type="email"],
  input[type="search"],
  input[type="url"],
  input[type="password"],
  input[type="tel"],
  input[type="number"],
  textarea,
  [contenteditable="true"] {
    cursor: text;
  }

  :disabled,
  [aria-disabled="true"] {
    cursor: not-allowed;
  }
}