/* Smart Cursor Effects */
body, html {
  cursor: default;
}

/* Default cursor for general content */
.cursor-default {
  cursor: default !important;
}

/* Pointer for interactive elements */
.cursor-pointer {
  cursor: pointer !important;
}

/* Text cursor for selectable text */
.cursor-text {
  cursor: text !important;
}

/* Custom cursors for different content types */
.cursor-analytics {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M3 3v18h18"/><path d="m19 9-5 5-4-4-3 3"/></svg>') 12 12, pointer !important;
}

.cursor-code {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><polyline points="16,18 22,12 16,6"/><polyline points="8,6 2,12 8,18"/></svg>') 12 12, text !important;
}

.cursor-social {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>') 12 12, pointer !important;
}

.cursor-theme {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>') 12 12, pointer !important;
}

.cursor-metrics {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>') 12 12, default !important;
}

/* Hover effects with cursor changes */
.badge-hover {
  transition: all 0.15s ease-out;
}

.badge-hover:hover {
  cursor: pointer;
  transform: scale(1.05);
}

/* Performance stats cursor */
.perf-stats {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="lime" stroke-width="2"><polyline points="22,6 12,13 18,15 10,20"/><path d="M6 5 10 20 12 13 22 6"/></svg>') 12 12, default !important;
}