/* A native transparent cursor stays aligned with clicks, including in dialogs.
   The white outer edge keeps the blue ring visible over both photos and themes. */
@media (hover: hover) and (pointer: fine) {
  html { --mada-cursor: url("assets/cursor-ring.svg") 16 16, default; }
  html, body, body * { cursor: var(--mada-cursor) !important; }
  :is(a[href], button, summary, select, label[for], [role="button"], [role="link"], input[type="checkbox"], input[type="radio"], input[type="range"], input[type="color"], input[type="file"]) {
    --mada-cursor: url("assets/cursor-ring-link.svg") 22 22, pointer;
  }
  :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, [contenteditable="true"], [contenteditable=""]) {
    --mada-cursor: text;
  }
  :is(button:disabled, input:disabled, select:disabled, textarea:disabled, [aria-disabled="true"]) {
    --mada-cursor: not-allowed;
  }
}
@media (forced-colors: active) {
  html, body, body * { cursor: revert !important; }
}