:root {
  --site-cursor-arrow: default;
  --site-cursor-action: pointer;
  --site-cursor-grab: grab;
  --site-cursor-grabbing: grabbing;
  cursor: var(--site-cursor-arrow);
}

a[href], button:enabled, summary { cursor: var(--site-cursor-action); }
button:disabled { cursor: var(--site-cursor-arrow); }
input, textarea, [contenteditable="true"] { cursor: text; }

@media (any-pointer: fine) and (forced-colors: none) and (prefers-contrast: no-preference) {
  :root[data-wordmark-cursor] {
    --site-hover-cursor: var(--site-wordmark-cursor);
  }

  /* Use the same silhouette even on controls with their own cursor rules. */
  :root, :root :where(body, body *) {
    cursor: var(--site-hover-cursor, var(--site-square-cursor, url("assets/cursors/square.png") 6 6)), default !important;
  }
}