Cursor

apps/web/src/styles.scss

@@ -33,6 +33,7 @@ html {
   min-block-size: 100%;
   color-scheme: dark;
   background: var(--ar-bg);
+  cursor: url('/assets/cursors/cursor.png') 2 2, auto;
 }
 
 body {
@@ -61,6 +62,23 @@ a:focus-visible {
   outline-offset: -2px;
 }
 
+button:not(:disabled),
+a,
+[role='button'] {
+  cursor: url('/assets/cursors/hover.png') 2 2, pointer;
+}
+
+button:not(:disabled):active,
+a:active,
+[role='button']:active {
+  cursor: url('/assets/cursors/click.png') 2 2, pointer;
+}
+
+button:disabled,
+[aria-disabled='true'] {
+  cursor: url('/assets/cursors/disabled.png') 2 2, not-allowed;
+}
+
 img {
   max-inline-size: 100%;
 }