ixed files and buttons

Profice WebSite/style/cursor.css

@@ -0,0 +1,79 @@
+/* cursor.css */
+
+body,
+html,
+a,
+button,
+input,
+textarea,
+select,
+.menu-toggle,
+label {
+    cursor: none !important;
+}
+
+#venom-cursor {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    z-index: 9999;
+    mix-blend-mode: normal;
+}
+
+@media (pointer: coarse) {
+    body, html, a, button, input, textarea, select {
+        cursor: auto !important;
+    }
+
+    #venom-cursor {
+        display: none;
+    }
+}
+
+body.system-cursor,
+body.system-cursor * {
+    cursor: auto !important; 
+}
+
+body.system-cursor #venom-cursor {
+    display: none !important;
+    opacity: 0;
+    pointer-events: none;
+}
+
+#cursorToggle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: 2px solid var(--primary-dark);
+    color: var(--primary-dark);
+    width: 45px;
+    height: 45px;
+    border-radius: 12px;
+    cursor: none;
+    transition: all 0.3s ease;
+    font-size: 20px;
+}
+
+#cursorToggle:hover {
+    background: var(--primary-dark);
+    color: var(--primary-light);
+}
+
+body.system-cursor #cursorToggle {
+    opacity: 1;
+}
+
+.top-banner.dark-theme #cursorToggle {
+    border-color: var(--primary-light);
+    color: var(--primary-light);
+}
+
+.top-banner.dark-theme #cursorToggle:hover {
+    background: var(--primary-light);
+    color: var(--primary-dark);
+}