@media (hover: hover) and (pointer: fine) {
  html, body, body * { cursor: url('./sofia-cursor.svg') 7 5, auto !important; }
  a[href], button, summary, select, [role="button"] {
    cursor: url('./sofia-cursor.svg') 7 5, pointer !important;
  }
  input, textarea, [contenteditable="true"], [contenteditable="true"] * { cursor: text !important; }
  input[type="checkbox"], input[type="radio"], input[type="range"] {
    cursor: url('./sofia-cursor.svg') 7 5, pointer !important;
  }
  button:disabled, input:disabled, select:disabled, textarea:disabled { cursor: not-allowed !important; }
}